fix some more tests

pull/1864/head
Rich Harris 7 years ago
parent a18ef98ca1
commit 4231c62dbc

@ -1,6 +1,4 @@
export default { export default {
solo: 1,
html: ` html: `
<p><span class=''>1</span></p> <p><span class=''>1</span></p>
<p><span class='selected'>2</span></p> <p><span class='selected'>2</span></p>

@ -15,14 +15,14 @@ export default {
<p>baz x: initial</p> <p>baz x: initial</p>
`, `,
test ( assert, component, target, window ) { async test(assert, component, target, window) {
const click = new window.MouseEvent( 'click' ); const click = new window.MouseEvent('click');
const buttons = [ ...target.querySelectorAll( 'button' ) ]; const buttons = [...target.querySelectorAll('button')];
buttons[0].dispatchEvent( click ); await buttons[0].dispatchEvent(click);
assert.equal( component.x, 'p' ); assert.equal(component.x, 'p');
assert.htmlEqual( target.innerHTML, ` assert.htmlEqual(target.innerHTML, `
<p>x: p</p> <p>x: p</p>
<button class="foo">foo</button> <button class="foo">foo</button>
<p>foo x: p</p> <p>foo x: p</p>
@ -30,12 +30,12 @@ export default {
<p>bar x: p</p> <p>bar x: p</p>
<button class="baz">baz</button> <button class="baz">baz</button>
<p>baz x: p</p> <p>baz x: p</p>
` ); `);
buttons[1].dispatchEvent( click ); await buttons[1].dispatchEvent(click);
assert.equal( component.x, 'q' ); assert.equal(component.x, 'q');
assert.htmlEqual( target.innerHTML, ` assert.htmlEqual(target.innerHTML, `
<p>x: q</p> <p>x: q</p>
<button class="foo">foo</button> <button class="foo">foo</button>
<p>foo x: q</p> <p>foo x: q</p>
@ -43,12 +43,12 @@ export default {
<p>bar x: q</p> <p>bar x: q</p>
<button class="baz">baz</button> <button class="baz">baz</button>
<p>baz x: q</p> <p>baz x: q</p>
` ); `);
buttons[2].dispatchEvent( click ); await buttons[2].dispatchEvent(click);
assert.equal( component.x, 'r' ); assert.equal(component.x, 'r');
assert.htmlEqual( target.innerHTML, ` assert.htmlEqual(target.innerHTML, `
<p>x: r</p> <p>x: r</p>
<button class="foo">foo</button> <button class="foo">foo</button>
<p>foo x: r</p> <p>foo x: r</p>
@ -56,6 +56,6 @@ export default {
<p>bar x: r</p> <p>bar x: r</p>
<button class="baz">baz</button> <button class="baz">baz</button>
<p>baz x: r</p> <p>baz x: r</p>
` ); `);
} }
}; };

@ -4,24 +4,24 @@ export default {
<p>count: 10</p> <p>count: 10</p>
`, `,
test ( assert, component, target, window ) { async test(assert, component, target, window) {
const click = new window.MouseEvent( 'click' ); const click = new window.MouseEvent('click');
const button = target.querySelector( 'button' ); const button = target.querySelector('button');
button.dispatchEvent( click ); await button.dispatchEvent(click);
assert.equal( component.x, 11 ); assert.equal(component.x, 11);
assert.htmlEqual( target.innerHTML, ` assert.htmlEqual(target.innerHTML, `
<button>+1</button> <button>+1</button>
<p>count: 11</p> <p>count: 11</p>
` ); `);
button.dispatchEvent( click ); await button.dispatchEvent(click);
assert.equal( component.x, 12 ); assert.equal(component.x, 12);
assert.htmlEqual( target.innerHTML, ` assert.htmlEqual(target.innerHTML, `
<button>+1</button> <button>+1</button>
<p>count: 12</p> <p>count: 12</p>
` ); `);
} }
}; };

@ -7,17 +7,17 @@ export default {
<button>Hide</button> <button>Hide</button>
`, `,
test(assert, component, target, window) { async test(assert, component, target, window) {
const click = new window.MouseEvent('click'); const click = new window.MouseEvent('click');
target.querySelector('button').dispatchEvent(click); await target.querySelector('button').dispatchEvent(click);
assert.equal(component.show, false); assert.equal(component.show, false);
assert.htmlEqual(target.innerHTML, ` assert.htmlEqual(target.innerHTML, `
<button>Show</button> <button>Show</button>
`); `);
target.querySelector('button').dispatchEvent(click); await target.querySelector('button').dispatchEvent(click);
assert.equal(component.show, true); assert.equal(component.show, true);
assert.htmlEqual(target.innerHTML, ` assert.htmlEqual(target.innerHTML, `

Loading…
Cancel
Save