Skip to content

Commit b2bf429

Browse files
committed
chore: add test
1 parent 3e70c43 commit b2bf429

File tree

3 files changed

+44
-0
lines changed

3 files changed

+44
-0
lines changed
Lines changed: 7 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,7 @@
1+
<script>
2+
const { label = 0, size = 0 } = $props();
3+
4+
const title = $derived(size.toString());
5+
</script>
6+
7+
<p {title}>{label}</p>
Lines changed: 19 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,19 @@
1+
import { ok, test } from '../../test';
2+
import { flushSync } from 'svelte';
3+
4+
export default test({
5+
html: `<button></button><p title="0">0</p>`,
6+
7+
async test({ assert, target }) {
8+
const p = target.querySelector('p');
9+
const btn = target.querySelector('button');
10+
flushSync(() => {
11+
btn?.click();
12+
});
13+
assert.equal(p?.innerHTML, '1');
14+
flushSync(() => {
15+
btn?.click();
16+
});
17+
assert.equal(p?.innerHTML, '2');
18+
}
19+
});
Lines changed: 18 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,18 @@
1+
<script>
2+
import Component from "./Component.svelte";
3+
4+
let props = $state({
5+
label: 0,
6+
size: 0,
7+
});
8+
9+
let filteredProps = $state();
10+
11+
$effect.pre(() => {
12+
filteredProps = $state.snapshot(props);
13+
});
14+
</script>
15+
16+
<button onclick={()=>props.label++}></button>
17+
18+
<Component {...filteredProps} />

0 commit comments

Comments
 (0)