File tree 2 files changed +36
-0
lines changed
packages/svelte/tests/runtime-runes/samples/async-basic
2 files changed +36
-0
lines changed Original file line number Diff line number Diff line change
1
+ import { tick } from 'svelte' ;
2
+ import { deferred } from '../../../../src/internal/shared/utils.js' ;
3
+ import { test } from '../../test' ;
4
+
5
+ /** @type {PromiseWithResolvers<string> } */
6
+ let d ;
7
+
8
+ export default test ( {
9
+ html : `<p>pending</p>` ,
10
+
11
+ get props ( ) {
12
+ d = deferred ( ) ;
13
+
14
+ return {
15
+ promise : d . promise
16
+ } ;
17
+ } ,
18
+
19
+ async test ( { assert, target } ) {
20
+ d . resolve ( 'hello' ) ;
21
+ await Promise . resolve ( ) ;
22
+ await tick ( ) ;
23
+ assert . htmlEqual ( target . innerHTML , '<p>hello</p>' ) ;
24
+ }
25
+ } ) ;
Original file line number Diff line number Diff line change
1
+ <script >
2
+ let { promise } = $props ();
3
+ </script >
4
+
5
+ <svelte:boundary >
6
+ <p >{await promise }</p >
7
+
8
+ {#snippet pending ()}
9
+ <p >pending</p >
10
+ {/ snippet }
11
+ </svelte:boundary >
You can’t perform that action at this time.
0 commit comments