File tree Expand file tree Collapse file tree 3 files changed +44
-0
lines changed
packages/svelte/tests/runtime-runes/samples/read-version-previous-reaction Expand file tree Collapse file tree 3 files changed +44
-0
lines changed Original file line number Diff line number Diff line change 1+ <script >
2+ const { label = 0 , size = 0 } = $props ();
3+
4+ const title = $derived (size .toString ());
5+ </script >
6+
7+ <p {title }>{label }</p >
Original file line number Diff line number Diff line change 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+ } ) ;
Original file line number Diff line number Diff line change 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 } />
You can’t perform that action at this time.
0 commit comments