File tree Expand file tree Collapse file tree 1 file changed +37
-0
lines changed
docs/svelte-testing-library Expand file tree Collapse file tree 1 file changed +37
-0
lines changed Original file line number Diff line number Diff line change @@ -69,6 +69,43 @@ describe('App', () => {
69
69
})
70
70
```
71
71
72
+ ### Containers
73
+
74
+ Useful for snapshot tests. You can use query the container if you need more granular tests.
75
+
76
+ App.svelte
77
+
78
+ ``` html
79
+ <script >
80
+ export let name
81
+ </script >
82
+
83
+ <style >
84
+ h1 {
85
+ color : purple ;
86
+ }
87
+ </style >
88
+
89
+ <h1 >Hello {name}!</h1 >
90
+ ```
91
+
92
+ App.spec.js
93
+
94
+ ``` javascript
95
+ import App from ' ../src/App.svelte'
96
+ import { render , cleanup } from ' svelte-testing-library'
97
+ beforeEach (cleanup)
98
+ describe (' App' , () => {
99
+ test (' should render greeting' , () => {
100
+ const { container } = render (App, { props: { name: ' world' } })
101
+
102
+ expect (container .querySelector (' h1' ).innerHTML ).toBe (' Hello world!' )
103
+ expect (container .firstChild ).toMatchSnapshot ()
104
+ })
105
+
106
+ })
107
+ ```
108
+
72
109
### Cleanup
73
110
74
111
You can ensure [ ` cleanup ` ] ( ./api#cleanup ) is called after each test and import
You can’t perform that action at this time.
0 commit comments