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

update some tests

Browse Source
pull/15844/head
Rich Harris 2 months ago
parent 8c05ee97ff
commit 27b46a98ce
11 changed files with 122 additions and 88 deletions
Show Stats Download Patch File Download Diff File

2
packages/svelte/tests/runtime-runes/samples/async-abort-signal/_config.js
Unescape View File

@ -2,7 +2,7 @@ import { settled, tick } from 'svelte';
import { test } from '../../test';
export default test({
async test({ assert, target, logs, variant }) {
async test({ assert, target, logs }) {
const [reset, resolve] = target.querySelectorAll('button');
reset.click();

2
packages/svelte/tests/runtime-runes/samples/async-block-reject-each-during-init/_config.js
Unescape View File

@ -2,7 +2,7 @@ import { tick } from 'svelte';
import { test } from '../../test';
export default test({
async test({ assert, target, errors }) {
async test({ assert, target }) {
const [increment, resolve, reject] = target.querySelectorAll('button');
increment.click();

2
packages/svelte/tests/runtime-runes/samples/async-derived-module/_config.js
Unescape View File

@ -1,4 +1,4 @@
import { flushSync, settled, tick } from 'svelte';
import { flushSync, tick } from 'svelte';
import { deferred } from '../../../../src/internal/shared/utils.js';
import { test } from '../../test';

55
packages/svelte/tests/runtime-runes/samples/async-each/_config.js
Unescape View File

@ -1,33 +1,48 @@
import { tick } from 'svelte';
import { deferred } from '../../../../src/internal/shared/utils.js';
import { test } from '../../test';
/** @type {ReturnType<typeof deferred>} */
let d;
export default test({
html: `<p>pending</p>`,
get props() {
d = deferred();
html: `
<button>reset</button>
<button>abc</button>
<button>defg</button>
<p>pending</p>
`,
return {
promise: d.promise
};
},
async test({ assert, target }) {
const [reset, abc, defg] = target.querySelectorAll('button');
async test({ assert, target, component }) {
d.resolve(['a', 'b', 'c']);
abc.click();
await tick();
assert.htmlEqual(target.innerHTML, '<p>a</p><p>b</p><p>c</p>');
assert.htmlEqual(
target.innerHTML,
`
<button>reset</button>
<button>abc</button>
<button>defg</button>
<p>a</p><p>b</p><p>c</p>`
);
d = deferred();
component.promise = d.promise;
reset.click();
await tick();
assert.htmlEqual(target.innerHTML, '<p>a</p><p>b</p><p>c</p>');
assert.htmlEqual(
target.innerHTML,
`
<button>reset</button>
<button>abc</button>
<button>defg</button>
<p>a</p><p>b</p><p>c</p>`
);
d.resolve(['d', 'e', 'f', 'g']);
defg.click();
await tick();
assert.htmlEqual(target.innerHTML, '<p>d</p><p>e</p><p>f</p><p>g</p>');
assert.htmlEqual(
target.innerHTML,
`
<button>reset</button>
<button>abc</button>
<button>defg</button>
<p>d</p><p>e</p><p>f</p><p>g</p>`
);
}
});

8
packages/svelte/tests/runtime-runes/samples/async-each/main.svelte
Unescape View File

@ -1,9 +1,13 @@
<script>
let { promise } = $props();
let deferred = $state(Promise.withResolvers());
</script>
<button onclick={() => deferred = Promise.withResolvers()}>reset</button>
<button onclick={() => deferred.resolve(['a', 'b', 'c'])}>abc</button>
<button onclick={() => deferred.resolve(['d', 'e', 'f', 'g'])}>defg</button>
<svelte:boundary>
{#each await promise as item}
{#each await deferred.promise as item}
<p>{item}</p>
{/each}

2
packages/svelte/tests/runtime-runes/samples/async-expression/_config.js
Unescape View File

@ -1,4 +1,4 @@
import { flushSync, tick } from 'svelte';
import { tick } from 'svelte';
import { test } from '../../test';
export default test({

57
packages/svelte/tests/runtime-runes/samples/async-html-tag/_config.js
Unescape View File

@ -1,32 +1,51 @@
import { tick } from 'svelte';
import { deferred } from '../../../../src/internal/shared/utils.js';
import { test } from '../../test';
/** @type {ReturnType<typeof deferred>} */
let d;
export default test({
html: `<p>pending</p>`,
get props() {
d = deferred();
html: `
<button>reset</button>
<button>hello</button>
<button>goodbye</button>
<p>pending</p>
`,
return {
promise: d.promise
};
},
async test({ assert, target }) {
const [reset, hello, goodbye] = target.querySelectorAll('button');
async test({ assert, target, component }) {
d.resolve('hello');
hello.click();
await tick();
assert.htmlEqual(target.innerHTML, '<h1>hello</h1>');
assert.htmlEqual(
target.innerHTML,
`
<button>reset</button>
<button>hello</button>
<button>goodbye</button>
<h1>hello</h1>
`
);
component.promise = (d = deferred()).promise;
reset.click();
await tick();
assert.htmlEqual(target.innerHTML, '<h1>hello</h1>');
assert.htmlEqual(
target.innerHTML,
`
<button>reset</button>
<button>hello</button>
<button>goodbye</button>
<h1>hello</h1>
`
);
d.resolve('wheee');
goodbye.click();
await tick();
assert.htmlEqual(target.innerHTML, '<h1>wheee</h1>');
assert.htmlEqual(
target.innerHTML,
`
<button>reset</button>
<button>hello</button>
<button>goodbye</button>
<h1>goodbye</h1>
`
);
}
});

8
packages/svelte/tests/runtime-runes/samples/async-html-tag/main.svelte
Unescape View File

@ -1,9 +1,13 @@
<script>
let { promise } = $props();
let deferred = $state(Promise.withResolvers());
</script>
<button onclick={() => deferred = Promise.withResolvers()}>reset</button>
<button onclick={() => deferred.resolve('hello')}>hello</button>
<button onclick={() => deferred.resolve('goodbye')}>goodbye</button>
<svelte:boundary>
<h1>{@html await promise}</h1>
<h1>{@html await deferred.promise}</h1>
{#snippet pending()}
<p>pending</p>

12
packages/svelte/tests/runtime-runes/samples/async-if/_config.js
Unescape View File

@ -1,21 +1,9 @@
import { tick } from 'svelte';
import { deferred } from '../../../../src/internal/shared/utils.js';
import { test } from '../../test';
/** @type {ReturnType<typeof deferred>} */
let d;
export default test({
html: `<button>reset</button><button>true</button><button>false</button><p>pending</p>`,
get props() {
d = deferred();
return {
promise: d.promise
};
},
async test({ assert, target }) {
const [reset, t, f] = target.querySelectorAll('button');

54
packages/svelte/tests/runtime-runes/samples/async-key/_config.js
Unescape View File

@ -1,46 +1,46 @@
import { tick } from 'svelte';
import { deferred } from '../../../../src/internal/shared/utils.js';
import { test } from '../../test';
/** @type {ReturnType<typeof deferred>} */
let d;
export default test({
html: `<p>pending</p>`,
get props() {
d = deferred();
return {
promise: d.promise
};
},
async test({ assert, target, component }) {
d.resolve(1);
html: `
<button>reset</button>
<button>1</button>
<button>2</button>
<p>pending</p>
`,
async test({ assert, target }) {
const [reset, one, two] = target.querySelectorAll('button');
const html = `
<button>reset</button>
<button>1</button>
<button>2</button>
<h1>hello</h1>
`;
one.click();
await tick();
assert.htmlEqual(target.innerHTML, '<h1>hello</h1>');
assert.htmlEqual(target.innerHTML, html);
const h1 = target.querySelector('h1');
d = deferred();
component.promise = d.promise;
reset.click();
await tick();
assert.htmlEqual(target.innerHTML, '<h1>hello</h1>');
assert.htmlEqual(target.innerHTML, html);
d.resolve(1);
one.click();
await tick();
assert.htmlEqual(target.innerHTML, '<h1>hello</h1>');
assert.htmlEqual(target.innerHTML, html);
assert.equal(target.querySelector('h1'), h1);
d = deferred();
component.promise = d.promise;
reset.click();
await tick();
assert.htmlEqual(target.innerHTML, '<h1>hello</h1>');
assert.htmlEqual(target.innerHTML, html);
d.resolve(2);
two.click();
await tick();
assert.htmlEqual(target.innerHTML, '<h1>hello</h1>');
assert.htmlEqual(target.innerHTML, html);
assert.notEqual(target.querySelector('h1'), h1);
}
});

8
packages/svelte/tests/runtime-runes/samples/async-key/main.svelte
Unescape View File

@ -1,9 +1,13 @@
<script>
let { promise } = $props();
let deferred = $state(Promise.withResolvers());
</script>
<button onclick={() => deferred = Promise.withResolvers()}>reset</button>
<button onclick={() => deferred.resolve(1)}>1</button>
<button onclick={() => deferred.resolve(2)}>2</button>
<svelte:boundary>
{#key await promise}
{#key await deferred.promise}
<h1>hello</h1>
{/key}

Write Preview
Loading…
Cancel
Save