File tree Expand file tree Collapse file tree 1 file changed +21
-0
lines changed Expand file tree Collapse file tree 1 file changed +21
-0
lines changed Original file line number Diff line number Diff line change @@ -85,4 +85,25 @@ describe('SvelteController', () => {
85
85
await waitFor ( ( ) => expect ( component ) . toHaveClass ( 'mounted' ) ) ;
86
86
await waitFor ( ( ) => expect ( component . innerHTML ) . toContain ( '<div><div>Hello without props</div></div>' ) ) ;
87
87
} ) ;
88
+
89
+ it ( 'connect with props and intro' , async ( ) => {
90
+ const container = mountDOM ( `
91
+ <div data-testid="component" id="container"
92
+ data-controller="check svelte"
93
+ data-svelte-component-value="SvelteComponent"
94
+ data-svelte-props-value="{"name": "Symfony with transition"}"
95
+ data-svelte-intro-value="true" />
96
+ ` ) ;
97
+
98
+ const component = getByTestId ( container , 'component' ) ;
99
+ expect ( component ) . not . toHaveClass ( 'connected' ) ;
100
+ expect ( component ) . not . toHaveClass ( 'mounted' ) ;
101
+
102
+ application = startStimulus ( ) ;
103
+
104
+ await waitFor ( ( ) => expect ( component ) . toHaveClass ( 'connected' ) ) ;
105
+ await waitFor ( ( ) => expect ( component ) . toHaveClass ( 'mounted' ) ) ;
106
+ expect ( component . innerHTML ) . toContain ( 'style="animation:' ) ;
107
+ await waitFor ( ( ) => expect ( component . innerHTML . trim ( ) ) . toContain ( '<div>Hello Symfony with transition</div>' ) ) ;
108
+ } ) ;
88
109
} ) ;
You can’t perform that action at this time.
0 commit comments