|
|
|
@ -3,7 +3,7 @@ import { test } from '../../test';
|
|
|
|
|
|
|
|
|
|
export default test({
|
|
|
|
|
html: `
|
|
|
|
|
<button>increment</button>
|
|
|
|
|
<button>clicks: 0</button>
|
|
|
|
|
<p>pending...</p>
|
|
|
|
|
`,
|
|
|
|
|
|
|
|
|
@ -23,7 +23,7 @@ export default test({
|
|
|
|
|
assert.htmlEqual(
|
|
|
|
|
target.innerHTML,
|
|
|
|
|
`
|
|
|
|
|
<button>increment</button>
|
|
|
|
|
<button>clicks: 0</button>
|
|
|
|
|
<p>0</p>
|
|
|
|
|
`
|
|
|
|
|
);
|
|
|
|
@ -35,13 +35,25 @@ export default test({
|
|
|
|
|
await Promise.resolve();
|
|
|
|
|
await Promise.resolve();
|
|
|
|
|
await Promise.resolve();
|
|
|
|
|
assert.equal(p.textContent, '1');
|
|
|
|
|
assert.htmlEqual(
|
|
|
|
|
target.innerHTML,
|
|
|
|
|
`
|
|
|
|
|
<button>clicks: 1</button>
|
|
|
|
|
<p>1</p>
|
|
|
|
|
`
|
|
|
|
|
);
|
|
|
|
|
|
|
|
|
|
flushSync(() => button.click());
|
|
|
|
|
await Promise.resolve();
|
|
|
|
|
await Promise.resolve();
|
|
|
|
|
await Promise.resolve();
|
|
|
|
|
assert.equal(p.textContent, '2');
|
|
|
|
|
assert.htmlEqual(
|
|
|
|
|
target.innerHTML,
|
|
|
|
|
`
|
|
|
|
|
<button>clicks: 2</button>
|
|
|
|
|
<p>2</p>
|
|
|
|
|
`
|
|
|
|
|
);
|
|
|
|
|
|
|
|
|
|
flushSync(() => button.click());
|
|
|
|
|
await Promise.resolve();
|
|
|
|
@ -50,7 +62,7 @@ export default test({
|
|
|
|
|
assert.htmlEqual(
|
|
|
|
|
target.innerHTML,
|
|
|
|
|
`
|
|
|
|
|
<button>increment</button>
|
|
|
|
|
<button>clicks: 3</button>
|
|
|
|
|
<button>retry</button>
|
|
|
|
|
`
|
|
|
|
|
);
|
|
|
|
@ -69,12 +81,24 @@ export default test({
|
|
|
|
|
|
|
|
|
|
[p] = target.querySelectorAll('p');
|
|
|
|
|
|
|
|
|
|
assert.equal(p.textContent, '4');
|
|
|
|
|
assert.htmlEqual(
|
|
|
|
|
target.innerHTML,
|
|
|
|
|
`
|
|
|
|
|
<button>clicks: 4</button>
|
|
|
|
|
<p>4</p>
|
|
|
|
|
`
|
|
|
|
|
);
|
|
|
|
|
|
|
|
|
|
flushSync(() => button1.click());
|
|
|
|
|
await Promise.resolve();
|
|
|
|
|
await Promise.resolve();
|
|
|
|
|
await Promise.resolve();
|
|
|
|
|
assert.equal(p.textContent, '5');
|
|
|
|
|
assert.htmlEqual(
|
|
|
|
|
target.innerHTML,
|
|
|
|
|
`
|
|
|
|
|
<button>clicks: 5</button>
|
|
|
|
|
<p>5</p>
|
|
|
|
|
`
|
|
|
|
|
);
|
|
|
|
|
}
|
|
|
|
|
});
|
|
|
|
|