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

update test

Browse Source
async-svelte-set-alternative
Rich Harris 6 months ago
parent aa4a8f7006
commit 9baf459b45
2 changed files with 138 additions and 2 deletions
Show Stats Download Patch File Download Diff File

138
packages/svelte/tests/runtime-runes/samples/async-overlapping-svelte-set/_config.js
Unescape View File

@ -1,9 +1,145 @@
import { tick } from 'svelte';
import { test } from '../../test';
export default test({
async test({ assert, target }) {
await tick();
const [add, shift, pop] = target.querySelectorAll('button');
// TODO
add.click();
await tick();
add.click();
await tick();
assert.htmlEqual(
target.innerHTML,
`
<button>add</button>
<button>shift</button>
<button>pop</button>
<p>pending=2 values.size=1 values=[1]</p>
<hr>
<p>1: true</p>
<p>2: false</p>
<p>3: false</p>
<p>4: false</p>
<p>5: false</p>
<hr>
<p>1</p>
`
);
shift.click();
await tick();
assert.htmlEqual(
target.innerHTML,
`
<button>add</button>
<button>shift</button>
<button>pop</button>
<p>pending=1 values.size=2 values=[1,2]</p>
<hr>
<p>1: true</p>
<p>2: true</p>
<p>3: false</p>
<p>4: false</p>
<p>5: false</p>
<hr>
<p>1</p>
<p>2</p>
`
);
shift.click();
await tick();
assert.htmlEqual(
target.innerHTML,
`
<button>add</button>
<button>shift</button>
<button>pop</button>
<p>pending=0 values.size=3 values=[1,2,3]</p>
<hr>
<p>1: true</p>
<p>2: true</p>
<p>3: true</p>
<p>4: false</p>
<p>5: false</p>
<hr>
<p>1</p>
<p>2</p>
<p>3</p>
`
);
add.click();
await tick();
add.click();
await tick();
assert.htmlEqual(
target.innerHTML,
`
<button>add</button>
<button>shift</button>
<button>pop</button>
<p>pending=2 values.size=3 values=[1,2,3]</p>
<hr>
<p>1: true</p>
<p>2: true</p>
<p>3: true</p>
<p>4: false</p>
<p>5: false</p>
<hr>
<p>1</p>
<p>2</p>
<p>3</p>
`
);
pop.click();
await tick();
assert.htmlEqual(
target.innerHTML,
`
<button>add</button>
<button>shift</button>
<button>pop</button>
<p>pending=1 values.size=3 values=[1,2,3]</p>
<hr>
<p>1: true</p>
<p>2: true</p>
<p>3: true</p>
<p>4: false</p>
<p>5: false</p>
<hr>
<p>1</p>
<p>2</p>
<p>3</p>
`
);
pop.click();
await tick();
assert.htmlEqual(
target.innerHTML,
`
<button>add</button>
<button>shift</button>
<button>pop</button>
<p>pending=0 values.size=5 values=[1,2,3,4,5]</p>
<hr>
<p>1: true</p>
<p>2: true</p>
<p>3: true</p>
<p>4: true</p>
<p>5: true</p>
<hr>
<p>1</p>
<p>2</p>
<p>3</p>
<p>4</p>
<p>5</p>
`
);
}
});

2
packages/svelte/tests/runtime-runes/samples/async-overlapping-svelte-set/main.svelte
Unescape View File

@ -24,7 +24,7 @@
<p>
pending={$effect.pending()}
values.length={values.size}
values.size={values.size}
values=[{Array.from(values)}]
</p>

Write Preview
Loading…
Cancel
Save