[chore] adjust @typescript-eslint/no-unused-vars lint config (#6798)

pull/6826/head
Yuichiro Yamashita 3 years ago committed by GitHub
parent 55130be026
commit a5968dd2d0
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23

5
package-lock.json generated

@ -5,6 +5,7 @@
"requires": true, "requires": true,
"packages": { "packages": {
"": { "": {
"name": "svelte",
"version": "3.43.1", "version": "3.43.1",
"license": "MIT", "license": "MIT",
"devDependencies": { "devDependencies": {
@ -16,7 +17,7 @@
"@rollup/plugin-sucrase": "^3.1.0", "@rollup/plugin-sucrase": "^3.1.0",
"@rollup/plugin-typescript": "^2.0.1", "@rollup/plugin-typescript": "^2.0.1",
"@rollup/plugin-virtual": "^2.0.0", "@rollup/plugin-virtual": "^2.0.0",
"@sveltejs/eslint-config": "github:sveltejs/eslint-config#v5.7.0", "@sveltejs/eslint-config": "github:sveltejs/eslint-config#v5.8.0",
"@types/mocha": "^7.0.0", "@types/mocha": "^7.0.0",
"@types/node": "^8.10.53", "@types/node": "^8.10.53",
"@typescript-eslint/eslint-plugin": "^4.31.2", "@typescript-eslint/eslint-plugin": "^4.31.2",
@ -5804,7 +5805,7 @@
"@sveltejs/eslint-config": { "@sveltejs/eslint-config": {
"version": "git+ssh://git@github.com/sveltejs/eslint-config.git#31fd4faeea88990069502460b023698b1c9c2d13", "version": "git+ssh://git@github.com/sveltejs/eslint-config.git#31fd4faeea88990069502460b023698b1c9c2d13",
"dev": true, "dev": true,
"from": "@sveltejs/eslint-config@github:sveltejs/eslint-config#v5.7.0" "from": "@sveltejs/eslint-config@github:sveltejs/eslint-config#v5.8.0"
}, },
"@tootallnate/once": { "@tootallnate/once": {
"version": "1.0.0", "version": "1.0.0",

@ -111,7 +111,7 @@
"@rollup/plugin-sucrase": "^3.1.0", "@rollup/plugin-sucrase": "^3.1.0",
"@rollup/plugin-typescript": "^2.0.1", "@rollup/plugin-typescript": "^2.0.1",
"@rollup/plugin-virtual": "^2.0.0", "@rollup/plugin-virtual": "^2.0.0",
"@sveltejs/eslint-config": "github:sveltejs/eslint-config#v5.7.0", "@sveltejs/eslint-config": "github:sveltejs/eslint-config#v5.8.0",
"@types/mocha": "^7.0.0", "@types/mocha": "^7.0.0",
"@types/node": "^8.10.53", "@types/node": "^8.10.53",
"@typescript-eslint/eslint-plugin": "^4.31.2", "@typescript-eslint/eslint-plugin": "^4.31.2",

@ -11,7 +11,7 @@ export default {
<div><span slot="b">hello world</span></div> <div><span slot="b">hello world</span></div>
`, `,
async test({ assert, target, component }) { async test({ assert, component }) {
assert.equal(component.getA(), ''); assert.equal(component.getA(), '');
assert.equal(component.getB(), 'foo'); assert.equal(component.getB(), 'foo');
} }

@ -3,7 +3,7 @@ export default {
html: '<button>10</button>', html: '<button>10</button>',
async test({ assert, component, target, window }) { async test({ assert, target, window }) {
const event = new window.MouseEvent('click'); const event = new window.MouseEvent('click');
const button = target.querySelector('button'); const button = target.querySelector('button');

@ -1,7 +1,7 @@
export default { export default {
html: '<input>', html: '<input>',
test({ assert, component, target, window }) { test({ assert, target, window }) {
const input = target.querySelector('input'); const input = target.querySelector('input');
const event = new window.KeyboardEvent('keydown', { const event = new window.KeyboardEvent('keydown', {
key: 'Enter' key: 'Enter'

@ -1,7 +1,7 @@
export default { export default {
html: '<button>???</button>', html: '<button>???</button>',
async test({ assert, component, target, window }) { async test({ assert, target, window }) {
const event = new window.MouseEvent('click', { const event = new window.MouseEvent('click', {
clientX: 42, clientX: 42,
clientY: 42 clientY: 42

@ -3,7 +3,7 @@ export default {
<button>action</button> <button>action</button>
`, `,
async test({ assert, component, target, window }) { async test({ assert, target, window }) {
const button = target.querySelector('button'); const button = target.querySelector('button');
const eventEnter = new window.MouseEvent('mouseenter'); const eventEnter = new window.MouseEvent('mouseenter');
const eventLeave = new window.MouseEvent('mouseleave'); const eventLeave = new window.MouseEvent('mouseleave');

@ -2,7 +2,7 @@ export default {
html: ` html: `
<button>action</button> <button>action</button>
`, `,
async test({ assert, target, window }) { async test({ assert, target }) {
assert.equal(target.querySelector('button').foo, 'bar1337'); assert.equal(target.querySelector('button').foo, 'bar1337');
} }
}; };

@ -2,7 +2,7 @@ export default {
html: ` html: `
<button>action</button> <button>action</button>
`, `,
async test({ assert, target, window }) { async test({ assert, target }) {
assert.equal(target.querySelector('button').foo, 'bar1337'); assert.equal(target.querySelector('button').foo, 'bar1337');
} }
}; };

@ -2,7 +2,7 @@ const result = {};
export default { export default {
props: { result }, props: { result },
async test({ assert, component, target, window }) { async test({ assert }) {
assert.notEqual(result.parentElement, null); assert.notEqual(result.parentElement, null);
} }
}; };

@ -8,7 +8,7 @@ export default {
<h1></h1> <h1></h1>
`, `,
async test({ assert, component, target, window }) { async test({ assert, target, window }) {
const header = target.querySelector('h1'); const header = target.querySelector('h1');
const click = new window.MouseEvent('click'); const click = new window.MouseEvent('click');

@ -1,5 +1,5 @@
export default { export default {
async test({ assert, component, target, window }) { async test({ assert, target, window }) {
const button = target.querySelector('button'); const button = target.querySelector('button');
const click = new window.MouseEvent('click'); const click = new window.MouseEvent('click');

@ -17,7 +17,7 @@ export default {
<div>e</div> <div>e</div>
`, `,
test({ assert, component, target, window, raf }) { test({ assert, component, window, raf }) {
let divs = window.document.querySelectorAll('div'); let divs = window.document.querySelectorAll('div');
divs.forEach(div => { divs.forEach(div => {
div.getBoundingClientRect = function() { div.getBoundingClientRect = function() {

@ -17,7 +17,7 @@ export default {
<div>e</div> <div>e</div>
`, `,
test({ assert, component, target, window, raf }) { test({ assert, component, raf }) {
let divs = document.querySelectorAll('div'); let divs = document.querySelectorAll('div');
divs.forEach(div => { divs.forEach(div => {
div.getBoundingClientRect = function() { div.getBoundingClientRect = function() {

@ -17,7 +17,7 @@ export default {
<div>e</div> <div>e</div>
`, `,
test({ assert, component, target, window, raf }) { test({ assert, component, raf }) {
let divs = document.querySelectorAll('div'); let divs = document.querySelectorAll('div');
divs.forEach(div => { divs.forEach(div => {
div.getBoundingClientRect = function() { div.getBoundingClientRect = function() {

@ -4,7 +4,7 @@ export default {
value value
}, },
async test({ assert, component, target, window }) { async test({ assert, target, window }) {
const inputs = target.querySelectorAll('input'); const inputs = target.querySelectorAll('input');
const event = new window.Event('input'); const event = new window.Event('input');

@ -13,7 +13,7 @@ export default {
<p></p> <p></p>
`, `,
async test({ assert, component, target, window }) { async test({ assert, target, window }) {
const input = target.querySelector('input'); const input = target.querySelector('input');
const event = new window.Event('input'); const event = new window.Event('input');

@ -1,6 +1,6 @@
export default { export default {
html: '<textarea></textarea>', html: '<textarea></textarea>',
test({ assert, component, target }) { test({ assert, target }) {
const textarea = target.querySelector('textarea'); const textarea = target.querySelector('textarea');
assert.ok(textarea.readOnly === false); assert.ok(textarea.readOnly === false);
} }

@ -1,6 +1,6 @@
export default { export default {
html: '<textarea readonly></textarea>', html: '<textarea readonly></textarea>',
test({ assert, component, target }) { test({ assert, target }) {
const textarea = target.querySelector('textarea'); const textarea = target.querySelector('textarea');
assert.ok(textarea.readOnly); assert.ok(textarea.readOnly);
} }

@ -7,7 +7,7 @@ export default {
</svg> </svg>
`, `,
test({ assert, component, target }) { test({ assert, target }) {
const use = target.querySelector( 'use' ); const use = target.querySelector( 'use' );
assert.equal( use.getAttributeNS( 'http://www.w3.org/1999/xlink', 'href' ), '#bar' ); assert.equal( use.getAttributeNS( 'http://www.w3.org/1999/xlink', 'href' ), '#bar' );
} }

@ -1,6 +1,6 @@
export default { export default {
html: '<textarea readonly=""></textarea>', html: '<textarea readonly=""></textarea>',
test({ assert, component, target }) { test({ assert, target }) {
const textarea = target.querySelector( 'textarea' ); const textarea = target.querySelector( 'textarea' );
assert.ok( textarea.readOnly ); assert.ok( textarea.readOnly );
} }

@ -5,7 +5,7 @@ export default {
<p>loading...</p> <p>loading...</p>
`, `,
test({ assert, component, target }) { test({ assert, target }) {
return sleep(50).then(() => { return sleep(50).then(() => {
assert.htmlEqual(target.innerHTML, ` assert.htmlEqual(target.innerHTML, `
<p>the answer is 42</p> <p>the answer is 42</p>

@ -18,7 +18,7 @@ export default {
<p>a title: loading...</p> <p>a title: loading...</p>
`, `,
test({ assert, component, target }) { test({ assert, target }) {
fulfil(42); fulfil(42);
return thePromise return thePromise

@ -13,7 +13,7 @@ export default {
<p>loading...</p><p>true!</p> <p>loading...</p><p>true!</p>
`, `,
test({ assert, component, target }) { test({ assert, target }) {
fulfil(42); fulfil(42);
return thePromise return thePromise

@ -22,7 +22,7 @@ export default {
<p>loaded</p> <p>loaded</p>
`); `);
promise = new Promise((f, r) => { promise = new Promise((f, _) => {
fulfil = f; fulfil = f;
}); });

@ -1,6 +1,6 @@
export default { export default {
props: { props: {
thePromise: new Promise(resolve => {}) thePromise: new Promise(_ => {})
}, },
html: ` html: `

@ -1,5 +1,5 @@
export default { export default {
async test({ assert, component, target }) { async test({ assert, target }) {
await Promise.resolve(); await Promise.resolve();
assert.htmlEqual( assert.htmlEqual(

@ -1,6 +1,6 @@
export default { export default {
props: { props: {
thePromise: new Promise(resolve => {}) thePromise: new Promise(_ => {})
}, },
html: ` html: `

@ -1,5 +1,5 @@
export default { export default {
async test({ assert, component, target }) { async test({ assert, target }) {
await Promise.resolve(); await Promise.resolve();
assert.htmlEqual( assert.htmlEqual(

@ -13,7 +13,7 @@ export default {
loading... loading...
`, `,
async test({ assert, component, target }) { async test({ assert, target }) {
fulfil([]); fulfil([]);
await thePromise; await thePromise;

@ -17,7 +17,7 @@ export default {
<input type='checkbox' value='d'>d<br> <input type='checkbox' value='d'>d<br>
`, `,
async test({ assert, component, target, window }) { async test({ assert, target, window }) {
const inputs = target.querySelectorAll('input'); const inputs = target.querySelectorAll('input');
const p = target.querySelector('p'); const p = target.querySelector('p');

@ -13,7 +13,7 @@ export default {
<label><input type="checkbox" value="z"> z</label> <label><input type="checkbox" value="z"> z</label>
<p></p> <p></p>
`, `,
async test({ assert, component, target, window }) { async test({ assert, target, window }) {
const inputs = target.querySelectorAll('input'); const inputs = target.querySelectorAll('input');
assert.equal(inputs[0].checked, false); assert.equal(inputs[0].checked, false);
assert.equal(inputs[1].checked, false); assert.equal(inputs[1].checked, false);

@ -20,7 +20,7 @@ export default {
<input type="checkbox" value="c" data-index="z-2"> <input type="checkbox" value="c" data-index="z-2">
`, `,
async test({ assert, component, target, window }) { async test({ assert, target, window }) {
const inputs = target.querySelectorAll('input'); const inputs = target.querySelectorAll('input');
const checked = new Set(); const checked = new Set();
const checkInbox = async (i) => { const checkInbox = async (i) => {

@ -7,7 +7,7 @@ export default {
<input> <input>
`, `,
async test({ assert, component, target, window }) { async test({ assert, component, target }) {
const input = target.querySelector('input'); const input = target.querySelector('input');
assert.equal(input.value, ''); assert.equal(input.value, '');

@ -15,7 +15,7 @@ export default {
selected: 'b' selected: 'b'
}, },
test({ assert, component, target }) { test({ assert, target }) {
const select = target.querySelector('select'); const select = target.querySelector('select');
const options = [...target.querySelectorAll('option')]; const options = [...target.querySelectorAll('option')];

@ -6,7 +6,7 @@ export default {
<button></button> <button></button>
`, `,
async test({ assert, component, target, window }) { async test({ assert, target, window }) {
const button = target.querySelector('button'); const button = target.querySelector('button');
await button.dispatchEvent(new window.MouseEvent('click')); await button.dispatchEvent(new window.MouseEvent('click'));

@ -7,7 +7,7 @@ export default {
<button>Toggle outside</button> <button>Toggle outside</button>
`, `,
async test({ assert, component, target, window }) { async test({ assert, target, window }) {
const button = target.querySelectorAll('button')[1]; const button = target.querySelectorAll('button')[1];
const div = target.querySelector('div'); const div = target.querySelector('div');
await div.dispatchEvent(new window.MouseEvent('click')); await div.dispatchEvent(new window.MouseEvent('click'));

@ -7,7 +7,7 @@ export default {
html: '<div class="one two foo bar"></div>', html: '<div class="one two foo bar"></div>',
test({ assert, component, target, window }) { test({ assert, component, target }) {
component.foo = false; component.foo = false;
assert.htmlEqual(target.innerHTML, ` assert.htmlEqual(target.innerHTML, `

@ -6,7 +6,7 @@ export default {
html: '<div class="foo bar"></div>', html: '<div class="foo bar"></div>',
test({ assert, component, target, window }) { test({ assert, component, target }) {
component.foo = false; component.foo = false;
assert.htmlEqual(target.innerHTML, ` assert.htmlEqual(target.innerHTML, `

@ -8,7 +8,7 @@ export default {
html: '<div class="one two three" role="button"></div>', html: '<div class="one two three" role="button"></div>',
test({ assert, component, target, window }) { test({ assert, component, target }) {
component.myClass = 'one'; component.myClass = 'one';
component.attributes = { component.attributes = {
'aria-label': 'Test' 'aria-label': 'Test'

@ -5,7 +5,7 @@ export default {
html: '<div class="one two three"></div>', html: '<div class="one two three"></div>',
test({ assert, component, target, window }) { test({ assert, component, target }) {
component.myClass = 'one'; component.myClass = 'one';
assert.htmlEqual(target.innerHTML, ` assert.htmlEqual(target.innerHTML, `

@ -5,7 +5,7 @@ export default {
html: '<div class="test-class primary" role="button"></div>', html: '<div class="test-class primary" role="button"></div>',
test({ assert, component, target, window }) { test({ assert, component, target }) {
component.primary = true; component.primary = true;
assert.htmlEqual( assert.htmlEqual(

@ -8,7 +8,7 @@ export default {
html: '<div class="one two" role="button"></div>', html: '<div class="one two" role="button"></div>',
test({ assert, component, target, window }) { test({ assert, component, target }) {
component.myClass = 'one'; component.myClass = 'one';
component.attributes = { component.attributes = {
'aria-label': 'Test' 'aria-label': 'Test'

@ -1,5 +1,5 @@
export default { export default {
async test({ assert, component, target, window }) { async test({ assert, target, window }) {
const [input1, input2] = target.querySelectorAll('input'); const [input1, input2] = target.querySelectorAll('input');
assert.equal(input1.value, 'something'); assert.equal(input1.value, 'something');
assert.equal(input2.value, 'something'); assert.equal(input2.value, 'something');

@ -14,7 +14,7 @@ export default {
</ol> </ol>
`, `,
async test({ assert, component, target, window }) { async test({ assert, target, window }) {
const input = target.querySelector('input'); const input = target.querySelector('input');
input.value = 4; input.value = 4;

@ -4,7 +4,7 @@ export default {
<p>x in parent: yes</p> <p>x in parent: yes</p>
`, `,
async test({ assert, component, target, window }) { async test({ assert, component, target }) {
component.a = false; component.a = false;
assert.htmlEqual(target.innerHTML, ` assert.htmlEqual(target.innerHTML, `

@ -4,7 +4,7 @@ export default {
<p>x in parent: yes</p> <p>x in parent: yes</p>
`, `,
async test({ assert, component, target, window }) { async test({ assert, component, target }) {
component.a = false; component.a = false;
assert.htmlEqual(target.innerHTML, ` assert.htmlEqual(target.innerHTML, `

@ -4,7 +4,7 @@ export default {
<p>x in parent: undefined</p> <p>x in parent: undefined</p>
`, `,
async test({ assert, component, target, window }) { async test({ assert, component, target }) {
component.a = false; component.a = false;
assert.htmlEqual(target.innerHTML, ` assert.htmlEqual(target.innerHTML, `

@ -4,7 +4,7 @@ export default {
<button>button 0</button> <button>button 0</button>
`, `,
async test({ assert, component, target, window }) { async test({ assert, target, window }) {
const event = new window.MouseEvent('click'); const event = new window.MouseEvent('click');
const buttons = target.querySelectorAll('button'); const buttons = target.querySelectorAll('button');

@ -3,7 +3,7 @@ export default {
<div contenteditable=""></div> <div contenteditable=""></div>
`, `,
async test({ assert, component, target, window }) { async test({ assert, target, window }) {
const div = target.querySelector('div'); const div = target.querySelector('div');
const text = window.document.createTextNode('a'); const text = window.document.createTextNode('a');
div.insertBefore(text, null); div.insertBefore(text, null);

@ -1,7 +1,7 @@
export default { export default {
html: '<button>click me</button>', html: '<button>click me</button>',
test({ assert, component, target }) { test({ assert, target }) {
const button = target.querySelector('button'); const button = target.querySelector('button');
const messages = []; const messages = [];

@ -1,5 +1,5 @@
export default { export default {
test({ assert, component }) { test({ component }) {
component.l1.$destroy(); component.l1.$destroy();
} }
}; };

@ -3,7 +3,7 @@ export default {
values: [1, 2, 3, 4] values: [1, 2, 3, 4]
}, },
test({ assert, component }) { test({ component }) {
component.values = [2, 3]; component.values = [2, 3];
} }
}; };

@ -4,7 +4,7 @@ export default {
<button slot="footer">Button</button> <button slot="footer">Button</button>
<button slot="footer">Button</button> <button slot="footer">Button</button>
`, `,
async test({ assert, component, target, window }) { async test({ assert, target, window }) {
const [btn, btn1, btn2] = target.querySelectorAll('button'); const [btn, btn1, btn2] = target.querySelectorAll('button');
await btn.dispatchEvent(new window.MouseEvent('click')); await btn.dispatchEvent(new window.MouseEvent('click'));

@ -3,7 +3,7 @@ export default {
<p>override default slot</p> <p>override default slot</p>
`, `,
test({ assert, component }) { test({ component }) {
component.nested.foo = 'b'; component.nested.foo = 'b';
} }
}; };

@ -13,7 +13,7 @@ export default {
<button>Increment</button> <button>Increment</button>
</div> </div>
`, `,
async test({ assert, component, target, window }) { async test({ assert, target, window }) {
const [button1, button2, button3] = target.querySelectorAll('button'); const [button1, button2, button3] = target.querySelectorAll('button');
const event = new window.MouseEvent('click'); const event = new window.MouseEvent('click');

@ -2,7 +2,7 @@ export default {
html: ` html: `
<input> <input>
`, `,
async test({ assert, target, snapshot, component, window }) { async test({ assert, target, window }) {
const input = target.querySelector('input'); const input = target.querySelector('input');
input.value = 'a'; input.value = 'a';

@ -13,7 +13,7 @@ export default {
<button>Increment</button> <button>Increment</button>
</div> </div>
`, `,
async test({ assert, component, target, window }) { async test({ assert, target, window }) {
const [button1, button2, button3] = target.querySelectorAll('button'); const [button1, button2, button3] = target.querySelectorAll('button');
const event = new window.MouseEvent('click'); const event = new window.MouseEvent('click');

@ -12,7 +12,7 @@ export default {
</div> </div>
`, `,
async test({ assert, component, target, window }) { async test({ assert, target, window }) {
const button = target.querySelector('button'); const button = target.querySelector('button');
const click = new window.MouseEvent('click'); const click = new window.MouseEvent('click');

@ -1,6 +1,6 @@
// JSDOM makes this test pass when it should fail. weird // JSDOM makes this test pass when it should fail. weird
export default { export default {
test({ assert, component, target, window }) { test({ assert, target, window }) {
const p = target.querySelector( 'p' ); const p = target.querySelector( 'p' );
assert.equal( window.getComputedStyle( p ).color, 'red' ); assert.equal( window.getComputedStyle( p ).color, 'red' );
} }

@ -3,7 +3,7 @@ export default {
css: false css: false
}, },
test({ assert, component, target, window }) { test({ assert, target, window }) {
const [ control, test ] = target.querySelectorAll( 'p' ); const [ control, test ] = target.querySelectorAll( 'p' );
assert.equal( window.getComputedStyle( control ).color, '' ); assert.equal( window.getComputedStyle( control ).color, '' );

@ -1,5 +1,5 @@
export default { export default {
test({ assert, component, target, window }) { test({ assert, target, window }) {
const [ control, test ] = target.querySelectorAll( 'p' ); const [ control, test ] = target.querySelectorAll( 'p' );
assert.equal( window.getComputedStyle( control ).color, '' ); assert.equal( window.getComputedStyle( control ).color, '' );

@ -1,5 +1,5 @@
export default { export default {
test({ assert, component, target, window }) { test({ assert, target, window }) {
const [control, test] = target.querySelectorAll('p'); const [control, test] = target.querySelectorAll('p');
assert.equal(window.getComputedStyle(control).color, ''); assert.equal(window.getComputedStyle(control).color, '');

@ -1,5 +1,5 @@
export default { export default {
test({ assert, component }) { test({ component }) {
component.$destroy(); component.$destroy();
component.$destroy(); component.$destroy();
} }

@ -3,7 +3,7 @@ export default {
x: true x: true
}, },
test({ assert, component }) { test({ component }) {
component.x = false; component.x = false;
} }
}; };

@ -1,5 +1,5 @@
export default { export default {
test({ assert, component, raf }) { test({ assert, component }) {
assert.equal(component.count, 0); assert.equal(component.count, 0);
component.arr = ['2']; component.arr = ['2'];

@ -5,7 +5,7 @@ export default {
<ul></ul> <ul></ul>
`, `,
async test({ assert, component, target, window }) { async test({ assert, target, window }) {
const button = target.querySelector('button'); const button = target.querySelector('button');
const event = new window.MouseEvent('click'); const event = new window.MouseEvent('click');

@ -3,7 +3,7 @@ export default {
<span class="content">foo</span> <span class="content">foo</span>
<button>Test</button> <button>Test</button>
`, `,
async test({ assert, component, target, window }) { async test({ assert, target, window }) {
const button = target.querySelector('button'); const button = target.querySelector('button');
const clickEvent = new window.MouseEvent('click'); const clickEvent = new window.MouseEvent('click');

@ -8,7 +8,7 @@ export default {
<span class="content">3</span> <span class="content">3</span>
<button>Test</button> <button>Test</button>
`, `,
async test({ assert, component, target, window }) { async test({ assert, target, window }) {
let [incrementBtn, ...buttons] = target.querySelectorAll('button'); let [incrementBtn, ...buttons] = target.querySelectorAll('button');
const clickEvent = new window.MouseEvent('click'); const clickEvent = new window.MouseEvent('click');

@ -29,7 +29,7 @@ export default {
] ]
}, },
html: '<p>animals: aardvark</p><p>animals: buffalo</p><p>animals: chinchilla</p><!----><p>countries: albania</p><p>countries: brazil</p><p>countries: china</p><!----><p>people: alice</p><p>people: bob</p><p>people: carol</p><p>people: dave</p><!----><!---->', html: '<p>animals: aardvark</p><p>animals: buffalo</p><p>animals: chinchilla</p><!----><p>countries: albania</p><p>countries: brazil</p><p>countries: china</p><!----><p>people: alice</p><p>people: bob</p><p>people: carol</p><p>people: dave</p><!----><!---->',
test({ assert, component, target }) { test() {
// TODO // TODO
} }
}; };

@ -6,7 +6,6 @@ export default {
html: '<div>a, 1</div><div>a, 2</div><div>a, 3</div><!----><div>b, 1</div><div>b, 2</div><div>b, 3</div><!----><div>c, 1</div><div>c, 2</div><div>c, 3</div><!----><!---->', html: '<div>a, 1</div><div>a, 2</div><div>a, 3</div><!----><div>b, 1</div><div>b, 2</div><div>b, 3</div><!----><div>c, 1</div><div>c, 2</div><div>c, 3</div><!----><!---->',
test({ assert, component, target }) {
// TODO // TODO
} test() {}
}; };

@ -5,7 +5,7 @@ export default {
dev: true dev: true
}, },
test({ assert, component, target }) { test({ assert, target }) {
const h1 = target.querySelector('h1'); const h1 = target.querySelector('h1');
const p = target.querySelector('p'); const p = target.querySelector('p');

@ -7,7 +7,7 @@ export default {
<button>click me</button> <button>click me</button>
`, `,
test({ assert, component, target, window }) { test({ assert, target, window }) {
const button = target.querySelector('button'); const button = target.querySelector('button');
const event = new window.MouseEvent('click'); const event = new window.MouseEvent('click');

@ -3,7 +3,7 @@ export default {
<button>clicked: false</button> <button>clicked: false</button>
`, `,
async test({ assert, component, target, window }) { async test({ assert, target, window }) {
const button = target.querySelector('button'); const button = target.querySelector('button');
const event = new window.MouseEvent('click'); const event = new window.MouseEvent('click');

@ -3,7 +3,7 @@ export default {
<button>Click Me</button> <button>Click Me</button>
Hello World Hello World
`, `,
async test({ assert, component, target, window }) { async test({ assert, target, window }) {
const button = target.querySelector('button'); const button = target.querySelector('button');
const event = new window.MouseEvent('click'); const event = new window.MouseEvent('click');

@ -1,7 +1,7 @@
export default { export default {
html: '<button>bar</button>', html: '<button>bar</button>',
async test({ assert, component, target, window }) { async test({ assert, target, window }) {
const [button] = target.querySelectorAll( const [button] = target.querySelectorAll(
'button' 'button'
); );

@ -8,7 +8,7 @@ export default {
<button>click</button> <button>click</button>
`, `,
async test({ assert, component, target, window }) { async test({ assert, target, window }) {
const [updateButton1, updateButton2, button] = target.querySelectorAll( const [updateButton1, updateButton2, button] = target.querySelectorAll(
'button' 'button'
); );

@ -3,7 +3,7 @@ export default {
<button>null</button> <button>null</button>
<button>invalid</button>`, <button>invalid</button>`,
async test({ assert, component, target, window }) { async test({ assert, target, window }) {
const [buttonUndef, buttonNull, buttonInvalid] = target.querySelectorAll( const [buttonUndef, buttonNull, buttonInvalid] = target.querySelectorAll(
'button' 'button'
); );

@ -8,7 +8,7 @@ export default {
<button>click</button> <button>click</button>
`, `,
async test({ assert, component, target, window }) { async test({ assert, target, window }) {
const [updateButton1, updateButton2, button] = target.querySelectorAll( const [updateButton1, updateButton2, button] = target.querySelectorAll(
'button' 'button'
); );

@ -15,7 +15,7 @@ export default {
<p>selected: foo</p> <p>selected: foo</p>
`, `,
async test({ assert, component, target, window }) { async test({ assert, target, window }) {
const buttons = target.querySelectorAll('button'); const buttons = target.querySelectorAll('button');
const event = new window.MouseEvent('click'); const event = new window.MouseEvent('click');

@ -3,7 +3,7 @@ export default {
<div>toggle</div> <div>toggle</div>
`, `,
async test({ assert, component, target, window }) { async test({ assert, target, window }) {
const div = target.querySelector('div'); const div = target.querySelector('div');
const event = new window.MouseEvent('some-event'); const event = new window.MouseEvent('some-event');

@ -1,5 +1,5 @@
export default { export default {
test({ assert, component, target, window }) { test({ assert, target, window }) {
// Click events don't focus elements in JSDOM obviously they would // Click events don't focus elements in JSDOM obviously they would
// in real browsers. More realistically, you'd use this for e.g. // in real browsers. More realistically, you'd use this for e.g.
// this.select(), but that's harder to test than this.focus() // this.select(), but that's harder to test than this.focus()

@ -3,7 +3,7 @@ export default {
<button>toggle</button> <button>toggle</button>
`, `,
async test({ assert, component, target, window }) { async test({ assert, target, window }) {
const button = target.querySelector('button'); const button = target.querySelector('button');
const event = new window.MouseEvent('click'); const event = new window.MouseEvent('click');

@ -1,7 +1,7 @@
export default { export default {
html: '', html: '',
test({ assert, component, target }) { test({ assert, target }) {
assert.htmlEqual(target.innerHTML, 'NaN'); assert.htmlEqual(target.innerHTML, 'NaN');
} }
}; };

@ -3,7 +3,7 @@ export default {
condition: false condition: false
}, },
test({ assert, component, target, window }) { test({ assert, component, window }) {
assert.equal(window.document.title, ''); assert.equal(window.document.title, '');
assert.equal(Boolean(window.document.getElementById('meta')), true); assert.equal(Boolean(window.document.getElementById('meta')), true);

@ -3,7 +3,7 @@ export default {
foo: 'A Title' foo: 'A Title'
}, },
test({ assert, component, target, window }) { test({ assert, component, window }) {
assert.equal(window.document.title, 'A Title'); assert.equal(window.document.title, 'A Title');
component.foo = 'Also A Title'; component.foo = 'Also A Title';

@ -3,7 +3,7 @@ export default {
adjective: 'custom' adjective: 'custom'
}, },
test({ assert, component, target, window }) { test({ assert, component, window }) {
assert.equal(window.document.title, 'a custom title'); assert.equal(window.document.title, 'a custom title');
component.adjective = 'different'; component.adjective = 'different';

@ -1,5 +1,5 @@
export default { export default {
test({ assert, component, target, window }) { test({ assert, window }) {
assert.equal(window.document.title, 'changed'); assert.equal(window.document.title, 'changed');
} }
}; };

@ -1,5 +1,5 @@
export default { export default {
test({ assert, component, target }) { test({ component }) {
// Would cause "TypeError: Cannot read property 'o' of undefined" // Would cause "TypeError: Cannot read property 'o' of undefined"
component.foo = false; component.foo = false;
} }

@ -6,7 +6,7 @@ export default {
<p>x: 0</p> <p>x: 0</p>
`, `,
async test({ assert, component, target, window }) { async test({ assert, target, window }) {
const buttons = target.querySelectorAll('button'); const buttons = target.querySelectorAll('button');
const click = new window.MouseEvent('click'); const click = new window.MouseEvent('click');

@ -4,7 +4,7 @@ export default {
<p>x: 0</p> <p>x: 0</p>
`, `,
async test({ assert, component, target, window }) { async test({ assert, target, window }) {
const buttons = target.querySelectorAll('button'); const buttons = target.querySelectorAll('button');
const click = new window.MouseEvent('click'); const click = new window.MouseEvent('click');

@ -4,7 +4,7 @@ export default {
<p>x: 0</p> <p>x: 0</p>
`, `,
async test({ assert, component, target, window }) { async test({ assert, target, window }) {
const buttons = target.querySelectorAll('button'); const buttons = target.querySelectorAll('button');
const click = new window.MouseEvent('click'); const click = new window.MouseEvent('click');

@ -6,7 +6,7 @@ export default {
<p>x: 0</p> <p>x: 0</p>
`, `,
async test({ assert, component, target, window }) { async test({ assert, target, window }) {
const buttons = target.querySelectorAll('button'); const buttons = target.querySelectorAll('button');
const click = new window.MouseEvent('click'); const click = new window.MouseEvent('click');

@ -4,7 +4,7 @@ export default {
<p>x: 0</p> <p>x: 0</p>
`, `,
async test({ assert, component, target, window }) { async test({ assert, target, window }) {
const buttons = target.querySelectorAll('button'); const buttons = target.querySelectorAll('button');
const click = new window.MouseEvent('click'); const click = new window.MouseEvent('click');

@ -4,7 +4,7 @@ export default {
<p>x: 0</p> <p>x: 0</p>
`, `,
async test({ assert, component, target, window }) { async test({ assert, target, window }) {
const buttons = target.querySelectorAll('button'); const buttons = target.querySelectorAll('button');
const click = new window.MouseEvent('click'); const click = new window.MouseEvent('click');

@ -1,7 +1,7 @@
// with reactive content beside `key` // with reactive content beside `key`
export default { export default {
html: '<div>00</div>', html: '<div>00</div>',
async test({ assert, component, target, window }) { async test({ assert, component, target }) {
const div = target.querySelector('div'); const div = target.querySelector('div');
component.reactive = 2; component.reactive = 2;
assert.htmlEqual(target.innerHTML, '<div>02</div>'); assert.htmlEqual(target.innerHTML, '<div>02</div>');

@ -1,7 +1,7 @@
// key is not used in the template // key is not used in the template
export default { export default {
html: '<div></div>', html: '<div></div>',
async test({ assert, component, target, window }) { async test({ assert, component, target }) {
const div = target.querySelector('div'); const div = target.querySelector('div');
component.value = 5; component.value = 5;

@ -1,6 +1,6 @@
export default { export default {
html: '<div>1</div>', html: '<div>1</div>',
async test({ assert, component, target, window }) { async test({ assert, component, target }) {
let div = target.querySelector('div'); let div = target.querySelector('div');
await component.append(2); await component.append(2);
assert.htmlEqual(target.innerHTML, '<div>1</div>'); assert.htmlEqual(target.innerHTML, '<div>1</div>');

@ -1,6 +1,6 @@
export default { export default {
html: '<div>1</div>', html: '<div>1</div>',
async test({ assert, component, target, window }) { async test({ assert, component, target }) {
let div = target.querySelector('div'); let div = target.querySelector('div');
await component.append(2); await component.append(2);
assert.htmlEqual(target.innerHTML, '<div>1,2</div>'); assert.htmlEqual(target.innerHTML, '<div>1,2</div>');

@ -1,6 +1,6 @@
export default { export default {
html: '<div>3</div>', html: '<div>3</div>',
async test({ assert, component, target, window }) { async test({ assert, component, target }) {
const div = target.querySelector('div'); const div = target.querySelector('div');
await component.mutate(); await component.mutate();

Some files were not shown because too many files have changed in this diff Show More

Loading…
Cancel
Save