msb-public
/
svelte
mirror of https://github.com/sveltejs/svelte
1
0
Code Issues Projects Releases Wiki Activity

chore: tidy up tests to use flushSync (#11703)

Browse Source
pull/11738/head
Dominic Gannaway 1 year ago committed by GitHub
parent e45d1c37b6
commit e6f8e95199
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
37 changed files with 327 additions and 125 deletions
Show Stats Download Patch File Download Diff File

27
packages/svelte/tests/runtime-runes/samples/attribute-spread-call-expression/_config.js
Unescape View File

@ -1,3 +1,4 @@
import { flushSync } from 'svelte';
import { test } from '../../test'; import { test } from '../../test';
export default test({ export default test({
@ -8,11 +9,13 @@ export default test({
<button class="red">red</button> <button class="red">red</button>
`, `,
async test({ assert, target }) { test({ assert, target }) {
const [b1, b2, b3, b4] = target.querySelectorAll('button'); const [b1, b2, b3, b4] = target.querySelectorAll('button');
b1?.click(); flushSync(() => {
await Promise.resolve(); b1?.click();
});
assert.htmlEqual( assert.htmlEqual(
target.innerHTML, target.innerHTML,
` `
@ -23,8 +26,10 @@ export default test({
` `
); );
b2?.click(); flushSync(() => {
await Promise.resolve(); b2?.click();
});
assert.htmlEqual( assert.htmlEqual(
target.innerHTML, target.innerHTML,
` `
@ -35,8 +40,10 @@ export default test({
` `
); );
b3?.click(); flushSync(() => {
await Promise.resolve(); b3?.click();
});
assert.htmlEqual( assert.htmlEqual(
target.innerHTML, target.innerHTML,
` `
@ -47,8 +54,10 @@ export default test({
` `
); );
b4?.click(); flushSync(() => {
await Promise.resolve(); b4?.click();
});
assert.htmlEqual( assert.htmlEqual(
target.innerHTML, target.innerHTML,
` `

6
packages/svelte/tests/runtime-runes/samples/attribute-spread-hidden/_config.js
Unescape View File

@ -1,3 +1,4 @@
import { flushSync } from 'svelte';
import { test } from '../../test'; import { test } from '../../test';
export default test({ export default test({
@ -7,7 +8,10 @@ export default test({
assert.equal(div?.hidden, true); assert.equal(div?.hidden, true);
await btn?.click(); flushSync(() => {
btn?.click();
});
assert.equal(div?.hidden, false); assert.equal(div?.hidden, false);
} }
}); });

13
packages/svelte/tests/runtime-runes/samples/bind-and-spread/_config.js
Unescape View File

@ -1,18 +1,25 @@
import { flushSync } from 'svelte';
import { test } from '../../test'; import { test } from '../../test';
export default test({ export default test({
html: `<button class="foo">0</button><button class="foo">0</button>`, html: `<button class="foo">0</button><button class="foo">0</button>`,
async test({ assert, target }) { test({ assert, target }) {
const [btn1, btn2] = target.querySelectorAll('button'); const [btn1, btn2] = target.querySelectorAll('button');
await btn1?.click(); flushSync(() => {
btn1?.click();
});
assert.htmlEqual( assert.htmlEqual(
target.innerHTML, target.innerHTML,
`<button class="foo">1</button><button class="foo">1</button>` `<button class="foo">1</button><button class="foo">1</button>`
); );
await btn2?.click(); flushSync(() => {
btn2?.click();
});
assert.htmlEqual( assert.htmlEqual(
target.innerHTML, target.innerHTML,
`<button class="foo">2</button><button class="foo">2</button>` `<button class="foo">2</button><button class="foo">2</button>`

8
packages/svelte/tests/runtime-runes/samples/derived-cascade/_config.js
Unescape View File

@ -1,11 +1,15 @@
import { flushSync } from 'svelte';
import { test } from '../../test'; import { test } from '../../test';
export default test({ export default test({
html: `<button>00</button>`, html: `<button>00</button>`,
async test({ assert, target }) { test({ assert, target }) {
const btn = target.querySelector('button'); const btn = target.querySelector('button');
await btn?.click();
flushSync(() => {
btn?.click();
});
assert.htmlEqual(target.innerHTML, `<button>01</button>`); assert.htmlEqual(target.innerHTML, `<button>01</button>`);
} }

8
packages/svelte/tests/runtime-runes/samples/derived-write-read-write-read/_config.js
Unescape View File

@ -1,8 +1,12 @@
import { flushSync } from 'svelte';
import { test } from '../../test'; import { test } from '../../test';
export default test({ export default test({
async test({ assert, target }) { test({ assert, target }) {
await target.querySelector('button')?.click(); flushSync(() => {
target.querySelector('button')?.click();
});
assert.htmlEqual(target.innerHTML, `<button>0</button>`); assert.htmlEqual(target.innerHTML, `<button>0</button>`);
} }
}); });

12
packages/svelte/tests/runtime-runes/samples/destructure-derived-object/_config.js
Unescape View File

@ -1,13 +1,19 @@
import { flushSync } from 'svelte';
import { test } from '../../test'; import { test } from '../../test';
export default test({ export default test({
async test({ assert, target }) { test({ assert, target }) {
const btn = target.querySelector('button'); const btn = target.querySelector('button');
await btn?.click();
flushSync(() => {
btn?.click();
});
assert.htmlEqual(target.innerHTML, `<button>1 1 1</button>`); assert.htmlEqual(target.innerHTML, `<button>1 1 1</button>`);
await btn?.click(); flushSync(() => {
btn?.click();
});
assert.htmlEqual(target.innerHTML, `<button>2 2 2</button>`); assert.htmlEqual(target.innerHTML, `<button>2 2 2</button>`);
} }

6
packages/svelte/tests/runtime-runes/samples/dynamic-element-dynamic-namespace/_config.js
Unescape View File

@ -1,10 +1,14 @@
import { flushSync } from 'svelte';
import { test } from '../../test'; import { test } from '../../test';
export default test({ export default test({
async test({ assert, target }) { async test({ assert, target }) {
assert.equal(target.querySelector('path')?.namespaceURI, 'http://www.w3.org/2000/svg'); assert.equal(target.querySelector('path')?.namespaceURI, 'http://www.w3.org/2000/svg');
await target.querySelector('button')?.click(); flushSync(() => {
target.querySelector('button')?.click();
});
assert.equal(target.querySelector('div')?.namespaceURI, 'http://www.w3.org/1999/xhtml'); assert.equal(target.querySelector('div')?.namespaceURI, 'http://www.w3.org/1999/xhtml');
} }
}); });

33
packages/svelte/tests/runtime-runes/samples/event-attribute-bubble/_config.js
Unescape View File

@ -1,41 +1,52 @@
import { flushSync } from 'svelte';
import { test } from '../../test'; import { test } from '../../test';
export default test({ export default test({
html: `<button>0</button><button>0</button><button>change handler</button>`, html: `<button>0</button><button>0</button><button>change handler</button>`,
async test({ assert, target }) { test({ assert, target }) {
const [b1, b2, b3] = target.querySelectorAll('button'); const [b1, b2, b3] = target.querySelectorAll('button');
b1?.click(); flushSync(() => {
await Promise.resolve(); b1?.click();
});
assert.htmlEqual( assert.htmlEqual(
target.innerHTML, target.innerHTML,
'<button>1</button><button>1</button><button>change handler</button>' '<button>1</button><button>1</button><button>change handler</button>'
); );
b2?.click(); flushSync(() => {
await Promise.resolve(); b2?.click();
});
assert.htmlEqual( assert.htmlEqual(
target.innerHTML, target.innerHTML,
'<button>2</button><button>2</button><button>change handler</button>' '<button>2</button><button>2</button><button>change handler</button>'
); );
b3?.click(); flushSync(() => {
await Promise.resolve(); b3?.click();
});
assert.htmlEqual( assert.htmlEqual(
target.innerHTML, target.innerHTML,
'<button>2</button><button>2</button><button>change handler</button>' '<button>2</button><button>2</button><button>change handler</button>'
); );
b1?.click(); flushSync(() => {
await Promise.resolve(); b1?.click();
});
assert.htmlEqual( assert.htmlEqual(
target.innerHTML, target.innerHTML,
'<button>1</button><button>1</button><button>change handler</button>' '<button>1</button><button>1</button><button>change handler</button>'
); );
b2?.click(); flushSync(() => {
await Promise.resolve(); b2?.click();
});
assert.htmlEqual( assert.htmlEqual(
target.innerHTML, target.innerHTML,
'<button>0</button><button>0</button><button>change handler</button>' '<button>0</button><button>0</button><button>change handler</button>'

27
packages/svelte/tests/runtime-runes/samples/event-attribute-not-hoistable/_config.js
Unescape View File

@ -1,25 +1,34 @@
import { flushSync } from 'svelte';
import { test } from '../../test'; import { test } from '../../test';
export default test({ export default test({
html: `<button>0</button><button>x0</button><button>y0</button>`, html: `<button>0</button><button>x0</button><button>y0</button>`,
async test({ assert, target }) { test({ assert, target }) {
const [btn1, btn2, btn3] = target.querySelectorAll('button'); const [btn1, btn2, btn3] = target.querySelectorAll('button');
btn1.click(); flushSync(() => {
await Promise.resolve(); btn1.click();
});
assert.htmlEqual(target.innerHTML, '<button>1</button><button>x0</button><button>y0</button>'); assert.htmlEqual(target.innerHTML, '<button>1</button><button>x0</button><button>y0</button>');
btn1.dispatchEvent(new MouseEvent('mouseenter')); flushSync(() => {
await Promise.resolve(); btn1.dispatchEvent(new MouseEvent('mouseenter'));
});
assert.htmlEqual(target.innerHTML, '<button>2</button><button>x0</button><button>y0</button>'); assert.htmlEqual(target.innerHTML, '<button>2</button><button>x0</button><button>y0</button>');
btn2.click(); flushSync(() => {
await Promise.resolve(); btn2.click();
});
assert.htmlEqual(target.innerHTML, '<button>2</button><button>x1</button><button>y0</button>'); assert.htmlEqual(target.innerHTML, '<button>2</button><button>x1</button><button>y0</button>');
btn3.click(); flushSync(() => {
await Promise.resolve(); btn3.click();
});
assert.htmlEqual(target.innerHTML, '<button>2</button><button>x1</button><button>y1</button>'); assert.htmlEqual(target.innerHTML, '<button>2</button><button>x1</button><button>y1</button>');
} }
}); });

21
packages/svelte/tests/runtime-runes/samples/event-attribute-spread/_config.js
Unescape View File

@ -1,19 +1,26 @@
import { flushSync } from 'svelte';
import { test } from '../../test'; import { test } from '../../test';
export default test({ export default test({
html: `<button>0</button><button>change handler</button>`, html: `<button>0</button><button>change handler</button>`,
async test({ assert, target }) { test({ assert, target }) {
const [b1, b2] = target.querySelectorAll('button'); const [b1, b2] = target.querySelectorAll('button');
b1?.click(); flushSync(() => {
await Promise.resolve(); b1?.click();
});
assert.htmlEqual(target.innerHTML, '<button>1</button><button>change handler</button>'); assert.htmlEqual(target.innerHTML, '<button>1</button><button>change handler</button>');
b2?.click(); flushSync(() => {
await Promise.resolve(); b2?.click();
b1?.click(); });
await Promise.resolve();
flushSync(() => {
b1?.click();
});
assert.htmlEqual(target.innerHTML, '<button>0</button><button>change handler</button>'); assert.htmlEqual(target.innerHTML, '<button>0</button><button>change handler</button>');
} }
}); });

15
packages/svelte/tests/runtime-runes/samples/event-attribute/_config.js
Unescape View File

@ -1,17 +1,22 @@
import { flushSync } from 'svelte';
import { test } from '../../test'; import { test } from '../../test';
export default test({ export default test({
html: `<button>0</button><button>0</button>`, html: `<button>0</button><button>0</button>`,
async test({ assert, target }) { test({ assert, target }) {
const [b1, b2] = target.querySelectorAll('button'); const [b1, b2] = target.querySelectorAll('button');
b1?.click(); flushSync(() => {
await Promise.resolve(); b1?.click();
});
assert.htmlEqual(target.innerHTML, '<button>1</button><button>1</button>'); assert.htmlEqual(target.innerHTML, '<button>1</button><button>1</button>');
b2?.click(); flushSync(() => {
await Promise.resolve(); b2?.click();
});
assert.htmlEqual(target.innerHTML, '<button>2</button><button>2</button>'); assert.htmlEqual(target.innerHTML, '<button>2</button><button>2</button>');
} }
}); });

15
packages/svelte/tests/runtime-runes/samples/event-listener-moved-outside-container/_config.js
Unescape View File

@ -1,20 +1,25 @@
import { flushSync } from 'svelte';
import { test } from '../../test'; import { test } from '../../test';
// Tests that event delegation still works when the element with the event listener is moved outside the container // Tests that event delegation still works when the element with the event listener is moved outside the container
export default test({ export default test({
async test({ assert, target }) { test({ assert, target }) {
const btn1 = target.parentElement?.querySelector('button'); const btn1 = target.parentElement?.querySelector('button');
const btn2 = target.querySelector('button'); const btn2 = target.querySelector('button');
btn1?.click(); flushSync(() => {
await Promise.resolve(); btn1?.click();
});
assert.htmlEqual( assert.htmlEqual(
target.parentElement?.innerHTML ?? '', target.parentElement?.innerHTML ?? '',
'<main><div><button>clicks: 1</button></div></main><button>clicks: 1</button>' '<main><div><button>clicks: 1</button></div></main><button>clicks: 1</button>'
); );
btn2?.click(); flushSync(() => {
await Promise.resolve(); btn2?.click();
});
assert.htmlEqual( assert.htmlEqual(
target.parentElement?.innerHTML ?? '', target.parentElement?.innerHTML ?? '',
'<main><div><button>clicks: 2</button></div></main><button>clicks: 2</button>' '<main><div><button>clicks: 2</button></div></main><button>clicks: 2</button>'

8
packages/svelte/tests/runtime-runes/samples/non-local-mutation-discouraged/_config.js
Unescape View File

@ -1,3 +1,4 @@
import { flushSync } from 'svelte';
import { test } from '../../test'; import { test } from '../../test';
/** @type {typeof console.trace} */ /** @type {typeof console.trace} */
@ -19,9 +20,12 @@ export default test({
console.trace = trace; console.trace = trace;
}, },
async test({ assert, target, warnings }) { test({ assert, target, warnings }) {
const btn = target.querySelector('button'); const btn = target.querySelector('button');
await btn?.click();
flushSync(() => {
btn?.click();
});
assert.htmlEqual(target.innerHTML, `<button>clicks: 1</button>`); assert.htmlEqual(target.innerHTML, `<button>clicks: 1</button>`);

8
packages/svelte/tests/runtime-runes/samples/non-local-mutation-inherited-owner-2/_config.js
Unescape View File

@ -1,3 +1,4 @@
import { flushSync } from 'svelte';
import { test } from '../../test'; import { test } from '../../test';
/** @type {typeof console.warn} */ /** @type {typeof console.warn} */
@ -26,9 +27,12 @@ export default test({
warnings = []; warnings = [];
}, },
async test({ assert, target }) { test({ assert, target }) {
const btn = target.querySelector('button'); const btn = target.querySelector('button');
await btn?.click();
flushSync(() => {
btn?.click();
});
assert.htmlEqual(target.innerHTML, `<button>clicks: 1</button>`); assert.htmlEqual(target.innerHTML, `<button>clicks: 1</button>`);

8
packages/svelte/tests/runtime-runes/samples/non-local-mutation-inherited-owner-3/_config.js
Unescape View File

@ -1,3 +1,4 @@
import { flushSync } from 'svelte';
import { test } from '../../test'; import { test } from '../../test';
/** @type {typeof console.warn} */ /** @type {typeof console.warn} */
@ -26,9 +27,12 @@ export default test({
warnings = []; warnings = [];
}, },
async test({ assert, target }) { test({ assert, target }) {
const btn = target.querySelector('button'); const btn = target.querySelector('button');
await btn?.click();
flushSync(() => {
btn?.click();
});
assert.htmlEqual(target.innerHTML, `<button>[foo]</button>`); assert.htmlEqual(target.innerHTML, `<button>[foo]</button>`);

9
packages/svelte/tests/runtime-runes/samples/non-local-mutation-inherited-owner-4/_config.js
Unescape View File

@ -1,3 +1,4 @@
import { flushSync } from 'svelte';
import { test } from '../../test'; import { test } from '../../test';
/** @type {typeof console.warn} */ /** @type {typeof console.warn} */
@ -24,9 +25,13 @@ export default test({
warnings = []; warnings = [];
}, },
async test({ assert, target }) { test({ assert, target }) {
const btn = target.querySelector('button'); const btn = target.querySelector('button');
await btn?.click();
flushSync(() => {
btn?.click();
});
assert.deepEqual(warnings, []); assert.deepEqual(warnings, []);
} }
}); });

16
packages/svelte/tests/runtime-runes/samples/non-local-mutation-inherited-owner-5/_config.js
Unescape View File

@ -1,4 +1,4 @@
import { tick } from 'svelte'; import { flushSync } from 'svelte';
import { test } from '../../test'; import { test } from '../../test';
export default test({ export default test({
@ -6,15 +6,19 @@ export default test({
dev: true dev: true
}, },
async test({ assert, target, warnings }) { test({ assert, target, warnings }) {
const [btn1, btn2] = target.querySelectorAll('button'); const [btn1, btn2] = target.querySelectorAll('button');
await btn1.click(); flushSync(() => {
await tick(); btn1.click();
});
assert.deepEqual(warnings.length, 0); assert.deepEqual(warnings.length, 0);
await btn2.click(); flushSync(() => {
await tick(); btn2.click();
});
assert.deepEqual(warnings.length, 1); assert.deepEqual(warnings.length, 1);
} }
}); });

8
packages/svelte/tests/runtime-runes/samples/non-local-mutation-inherited-owner-6/_config.js
Unescape View File

@ -1,4 +1,4 @@
import { tick } from 'svelte'; import { flushSync } from 'svelte';
import { test } from '../../test'; import { test } from '../../test';
/** @type {typeof console.warn} */ /** @type {typeof console.warn} */
@ -28,8 +28,10 @@ export default test({
async test({ assert, target }) { async test({ assert, target }) {
const btn = target.querySelector('button'); const btn = target.querySelector('button');
await btn?.click(); flushSync(() => {
await tick(); btn?.click();
});
assert.deepEqual(warnings.length, 0); assert.deepEqual(warnings.length, 0);
} }
}); });

12
packages/svelte/tests/runtime-runes/samples/non-local-mutation-inherited-owner-7/_config.js
Unescape View File

@ -1,4 +1,4 @@
import { tick } from 'svelte'; import { flushSync } from 'svelte';
import { test } from '../../test'; import { test } from '../../test';
export default test({ export default test({
@ -9,13 +9,15 @@ export default test({
async test({ assert, target, warnings }) { async test({ assert, target, warnings }) {
const [btn1, btn2] = target.querySelectorAll('button'); const [btn1, btn2] = target.querySelectorAll('button');
btn1.click(); flushSync(() => {
await tick(); btn1.click();
});
assert.deepEqual(warnings.length, 0); assert.deepEqual(warnings.length, 0);
btn2.click(); flushSync(() => {
await tick(); btn2.click();
});
assert.deepEqual(warnings.length, 1); assert.deepEqual(warnings.length, 1);
} }

8
packages/svelte/tests/runtime-runes/samples/non-local-mutation-inherited-owner/_config.js
Unescape View File

@ -1,3 +1,4 @@
import { flushSync } from 'svelte';
import { test } from '../../test'; import { test } from '../../test';
/** @type {typeof console.warn} */ /** @type {typeof console.warn} */
@ -26,9 +27,12 @@ export default test({
warnings = []; warnings = [];
}, },
async test({ assert, target }) { test({ assert, target }) {
const btn = target.querySelector('button'); const btn = target.querySelector('button');
await btn?.click();
flushSync(() => {
btn?.click();
});
assert.htmlEqual(target.innerHTML, `<button>clicks: 1</button>`); assert.htmlEqual(target.innerHTML, `<button>clicks: 1</button>`);

8
packages/svelte/tests/runtime-runes/samples/non-local-mutation-with-binding/_config.js
Unescape View File

@ -1,3 +1,4 @@
import { flushSync } from 'svelte';
import { test } from '../../test'; import { test } from '../../test';
/** @type {typeof console.warn} */ /** @type {typeof console.warn} */
@ -26,9 +27,12 @@ export default test({
warnings = []; warnings = [];
}, },
async test({ assert, target }) { test({ assert, target }) {
const btn = target.querySelector('button'); const btn = target.querySelector('button');
await btn?.click();
flushSync(() => {
btn?.click();
});
assert.htmlEqual(target.innerHTML, `<button>clicks: 1</button>`); assert.htmlEqual(target.innerHTML, `<button>clicks: 1</button>`);

8
packages/svelte/tests/runtime-runes/samples/props-array-each/_config.js
Unescape View File

@ -1,12 +1,16 @@
import { flushSync } from 'svelte';
import { test } from '../../test'; import { test } from '../../test';
export default test({ export default test({
html: `<button>add</button> <p>1</p><p>1</p><p>1</p>`, html: `<button>add</button> <p>1</p><p>1</p><p>1</p>`,
async test({ assert, target }) { test({ assert, target }) {
const btn = target.querySelector('button'); const btn = target.querySelector('button');
await btn?.click(); flushSync(() => {
btn?.click();
});
assert.htmlEqual( assert.htmlEqual(
target.innerHTML, target.innerHTML,
`<button>add</button> <p>1</p><p>2</p><p>1</p><p>2</p><p>1</p><p>2</p>` `<button>add</button> <p>1</p><p>2</p><p>1</p><p>2</p><p>1</p><p>2</p>`

11
packages/svelte/tests/runtime-runes/samples/props-default-reactivity/_config.js
Unescape View File

@ -1,3 +1,4 @@
import { flushSync } from 'svelte';
import { test } from '../../test'; import { test } from '../../test';
export default test({ export default test({
@ -9,7 +10,10 @@ export default test({
async test({ assert, target }) { async test({ assert, target }) {
const [btn1, btn2] = target.querySelectorAll('button'); const [btn1, btn2] = target.querySelectorAll('button');
await btn1?.click(); flushSync(() => {
btn1?.click();
});
assert.htmlEqual( assert.htmlEqual(
target.innerHTML, target.innerHTML,
` `
@ -18,7 +22,10 @@ export default test({
` `
); );
await btn2?.click(); flushSync(() => {
btn2?.click();
});
assert.htmlEqual( assert.htmlEqual(
target.innerHTML, target.innerHTML,
` `

20
packages/svelte/tests/runtime-runes/samples/props-equality/_config.js
Unescape View File

@ -1,3 +1,4 @@
import { flushSync } from 'svelte';
import { test } from '../../test'; import { test } from '../../test';
export default test({ export default test({
@ -7,10 +8,13 @@ export default test({
<button>a true</button><button>b true</button> <button>a true</button><button>b true</button>
`, `,
async test({ assert, target }) { test({ assert, target }) {
let [btn1, _btn2, btn3, _btn4, btn5] = target.querySelectorAll('button'); let [btn1, _btn2, btn3, _btn4, btn5] = target.querySelectorAll('button');
await btn1.click(); flushSync(() => {
btn1.click();
});
assert.htmlEqual( assert.htmlEqual(
target.innerHTML, target.innerHTML,
` `
@ -21,7 +25,11 @@ export default test({
); );
[btn1, _btn2, btn3, _btn4, btn5] = target.querySelectorAll('button'); [btn1, _btn2, btn3, _btn4, btn5] = target.querySelectorAll('button');
await btn3.click();
flushSync(() => {
btn3.click();
});
assert.htmlEqual( assert.htmlEqual(
target.innerHTML, target.innerHTML,
` `
@ -32,7 +40,11 @@ export default test({
); );
[btn1, _btn2, btn3, _btn4, btn5] = target.querySelectorAll('button'); [btn1, _btn2, btn3, _btn4, btn5] = target.querySelectorAll('button');
await btn5.click();
flushSync(() => {
btn5.click();
});
assert.htmlEqual( assert.htmlEqual(
target.innerHTML, target.innerHTML,
` `

7
packages/svelte/tests/runtime-runes/samples/proxy-array/_config.js
Unescape View File

@ -12,10 +12,13 @@ export default test({
<strong>array[1]: 2</strong> <strong>array[1]: 2</strong>
`, `,
async test({ assert, target }) { test({ assert, target }) {
const [add, clear, reverse] = target.querySelectorAll('button'); const [add, clear, reverse] = target.querySelectorAll('button');
await add?.click(); flushSync(() => {
add?.click();
});
assert.htmlEqual( assert.htmlEqual(
target.innerHTML, target.innerHTML,
` `

8
packages/svelte/tests/runtime-runes/samples/proxy-cyclical/_config.js
Unescape View File

@ -1,11 +1,15 @@
import { flushSync } from 'svelte';
import { test } from '../../test'; import { test } from '../../test';
export default test({ export default test({
html: `<button>hello!</button>`, html: `<button>hello!</button>`,
async test({ assert, target }) { test({ assert, target }) {
const btn = target.querySelector('button'); const btn = target.querySelector('button');
await btn?.click();
flushSync(() => {
btn?.click();
});
assert.htmlEqual(target.innerHTML, `<button>goodbye!</button>`); assert.htmlEqual(target.innerHTML, `<button>goodbye!</button>`);
} }

18
packages/svelte/tests/runtime-runes/samples/proxy-deep/_config.js
Unescape View File

@ -1,3 +1,4 @@
import { flushSync } from 'svelte';
import { test } from '../../test'; import { test } from '../../test';
export default test({ export default test({
@ -6,10 +7,13 @@ export default test({
<button>double</button> <button>double</button>
`, `,
async test({ assert, target }) { test({ assert, target }) {
const [btn1, btn2] = target.querySelectorAll('button'); const [btn1, btn2] = target.querySelectorAll('button');
await btn1?.click(); flushSync(() => {
btn1?.click();
});
assert.htmlEqual( assert.htmlEqual(
target.innerHTML, target.innerHTML,
` `
@ -18,7 +22,10 @@ export default test({
` `
); );
await btn2?.click(); flushSync(() => {
btn2?.click();
});
assert.htmlEqual( assert.htmlEqual(
target.innerHTML, target.innerHTML,
` `
@ -27,7 +34,10 @@ export default test({
` `
); );
await btn1?.click(); flushSync(() => {
btn1?.click();
});
assert.htmlEqual( assert.htmlEqual(
target.innerHTML, target.innerHTML,
` `

8
packages/svelte/tests/runtime-runes/samples/proxy-nested/_config.js
Unescape View File

@ -1,11 +1,15 @@
import { flushSync } from 'svelte';
import { test } from '../../test'; import { test } from '../../test';
export default test({ export default test({
html: `<button>clicks: 0</button>`, html: `<button>clicks: 0</button>`,
async test({ assert, target }) { test({ assert, target }) {
const btn = target.querySelector('button'); const btn = target.querySelector('button');
await btn?.click();
flushSync(() => {
btn?.click();
});
assert.htmlEqual(target.innerHTML, `<button>clicks: 1</button>`); assert.htmlEqual(target.innerHTML, `<button>clicks: 1</button>`);
} }

8
packages/svelte/tests/runtime-runes/samples/proxy-prop-bound/_config.js
Unescape View File

@ -1,3 +1,4 @@
import { flushSync } from 'svelte';
import { test } from '../../test'; import { test } from '../../test';
export default test({ export default test({
@ -6,9 +7,12 @@ export default test({
<p>object.count: 0</p> <p>object.count: 0</p>
`, `,
async test({ assert, target }) { test({ assert, target }) {
const btn = target.querySelector('button'); const btn = target.querySelector('button');
await btn?.click();
flushSync(() => {
btn?.click();
});
assert.htmlEqual( assert.htmlEqual(
target.innerHTML, target.innerHTML,

11
packages/svelte/tests/runtime-runes/samples/proxy-shared/_config.js
Unescape View File

@ -1,3 +1,4 @@
import { flushSync } from 'svelte';
import { test } from '../../test'; import { test } from '../../test';
export default test({ export default test({
@ -9,7 +10,10 @@ export default test({
async test({ assert, target }) { async test({ assert, target }) {
const [btn1, btn2] = target.querySelectorAll('button'); const [btn1, btn2] = target.querySelectorAll('button');
await btn1?.click(); flushSync(() => {
btn1?.click();
});
assert.htmlEqual( assert.htmlEqual(
target.innerHTML, target.innerHTML,
` `
@ -18,7 +22,10 @@ export default test({
` `
); );
await btn2?.click(); flushSync(() => {
btn2?.click();
});
assert.htmlEqual( assert.htmlEqual(
target.innerHTML, target.innerHTML,
` `

8
packages/svelte/tests/runtime-runes/samples/proxy/_config.js
Unescape View File

@ -1,11 +1,15 @@
import { flushSync } from 'svelte';
import { test } from '../../test'; import { test } from '../../test';
export default test({ export default test({
html: `<button>clicks: 0</button>`, html: `<button>clicks: 0</button>`,
async test({ assert, target }) { test({ assert, target }) {
const btn = target.querySelector('button'); const btn = target.querySelector('button');
await btn?.click();
flushSync(() => {
btn?.click();
});
assert.htmlEqual(target.innerHTML, `<button>clicks: 1</button>`); assert.htmlEqual(target.innerHTML, `<button>clicks: 1</button>`);
} }

9
packages/svelte/tests/runtime-runes/samples/readonly-state-push/_config.js
Unescape View File

@ -1,10 +1,13 @@
import { flushSync } from 'svelte';
import { test } from '../../test'; import { test } from '../../test';
export default test({ export default test({
async test({ assert, target }) { test({ assert, target }) {
const [b1] = target.querySelectorAll('button'); const [b1] = target.querySelectorAll('button');
b1.click();
await Promise.resolve(); flushSync(() => {
b1.click();
});
assert.htmlEqual( assert.htmlEqual(
target.innerHTML, target.innerHTML,

23
packages/svelte/tests/runtime-runes/samples/snippet-reactive-args/_config.js
Unescape View File

@ -1,3 +1,4 @@
import { flushSync } from 'svelte';
import { test } from '../../test'; import { test } from '../../test';
export default test({ export default test({
@ -7,10 +8,13 @@ export default test({
<button>increase count</button> <button>increase count</button>
`, `,
async test({ assert, target, logs }) { test({ assert, target, logs }) {
const [toggle, increment] = target.querySelectorAll('button'); const [toggle, increment] = target.querySelectorAll('button');
await increment?.click(); flushSync(() => {
increment?.click();
});
assert.htmlEqual( assert.htmlEqual(
target.innerHTML, target.innerHTML,
` `
@ -21,7 +25,10 @@ export default test({
); );
assert.deepEqual(logs, []); assert.deepEqual(logs, []);
await toggle?.click(); flushSync(() => {
toggle?.click();
});
assert.htmlEqual( assert.htmlEqual(
target.innerHTML, target.innerHTML,
` `
@ -32,7 +39,10 @@ export default test({
); );
assert.deepEqual(logs, [1]); assert.deepEqual(logs, [1]);
await increment?.click(); flushSync(() => {
increment?.click();
});
assert.htmlEqual( assert.htmlEqual(
target.innerHTML, target.innerHTML,
` `
@ -43,7 +53,10 @@ export default test({
); );
assert.deepEqual(logs, [1]); assert.deepEqual(logs, [1]);
await toggle?.click(); flushSync(() => {
toggle?.click();
});
assert.htmlEqual( assert.htmlEqual(
target.innerHTML, target.innerHTML,
` `

13
packages/svelte/tests/runtime-runes/samples/state-delete-property/_config.js
Unescape View File

@ -1,17 +1,24 @@
import { flushSync } from 'svelte';
import { test } from '../../test'; import { test } from '../../test';
export default test({ export default test({
html: '<button>set</button><button>delete</button><p>a,b,c</p><p>{"a":1,"b":2,"c":3}</p>', html: '<button>set</button><button>delete</button><p>a,b,c</p><p>{"a":1,"b":2,"c":3}</p>',
async test({ assert, target }) { test({ assert, target }) {
const [btn, bt2] = target.querySelectorAll('button'); const [btn, bt2] = target.querySelectorAll('button');
await btn?.click(); flushSync(() => {
btn?.click();
});
assert.htmlEqual( assert.htmlEqual(
target.innerHTML, target.innerHTML,
`<button>set</button><button>delete</button><p>a,b,c</p><p>{"a":1,"b":2,"c":3}</p>` `<button>set</button><button>delete</button><p>a,b,c</p><p>{"a":1,"b":2,"c":3}</p>`
); );
await bt2?.click(); flushSync(() => {
bt2?.click();
});
assert.htmlEqual( assert.htmlEqual(
target.innerHTML, target.innerHTML,
`<button>set</button><button>delete</button><p>a,c</p><p>{"a":1,"c":3}</p>` `<button>set</button><button>delete</button><p>a,c</p><p>{"a":1,"c":3}</p>`

8
packages/svelte/tests/runtime-runes/samples/state-readonly/_config.js
Unescape View File

@ -1,13 +1,17 @@
import { flushSync } from 'svelte';
import { test } from '../../test'; import { test } from '../../test';
export default test({ export default test({
compileOptions: { compileOptions: {
dev: true dev: true
}, },
async test({ assert, target }) { test({ assert, target }) {
const btn = target.querySelector('button'); const btn = target.querySelector('button');
await btn?.click(); flushSync(() => {
btn?.click();
});
assert.htmlEqual(target.innerHTML, `<button></button>\n[object Object]`); assert.htmlEqual(target.innerHTML, `<button></button>\n[object Object]`);
} }
}); });

8
packages/svelte/tests/runtime-runes/samples/state-reuse/_config.js
Unescape View File

@ -1,3 +1,4 @@
import { flushSync } from 'svelte';
import { test } from '../../test'; import { test } from '../../test';
export default test({ export default test({
@ -7,10 +8,13 @@ export default test({
html: `<button>state1.value: a state2.value: a</button>`, html: `<button>state1.value: a state2.value: a</button>`,
async test({ assert, target }) { test({ assert, target }) {
const btn = target.querySelector('button'); const btn = target.querySelector('button');
await btn?.click(); flushSync(() => {
btn?.click();
});
assert.htmlEqual(target.innerHTML, `<button>state1.value: b state2.value: b</button>`); assert.htmlEqual(target.innerHTML, `<button>state1.value: b state2.value: b</button>`);
} }
}); });

8
packages/svelte/tests/runtime-runes/samples/store-from-props-hoisting/_config.js
Unescape View File

@ -1,12 +1,16 @@
import { flushSync } from 'svelte';
import { test } from '../../test'; import { test } from '../../test';
export default test({ export default test({
compileOptions: { compileOptions: {
dev: true dev: true
}, },
async test({ assert, target }) { test({ assert, target }) {
const button = target.querySelector('button'); const button = target.querySelector('button');
await button?.click();
flushSync(() => {
button?.click();
});
assert.htmlEqual( assert.htmlEqual(
target.innerHTML, target.innerHTML,

Write Preview
Loading…
Cancel
Save