Skip to content

Commit 6a14adc

Browse files
authored
feat(vitest): Add base Vitest snippets (#67)
Add base snippets for Vitest files: - Simple JS/TS - Vue components - Nuxt components
1 parent 4587bff commit 6a14adc

File tree

4 files changed

+78
-18
lines changed

4 files changed

+78
-18
lines changed

Diff for: README.md

+21-18
Original file line numberDiff line numberDiff line change
@@ -164,24 +164,27 @@ These snippets were made to speed up Vue 3 development. With it you can write bo
164164

165165
### Vitest
166166

167-
| Snippet | Purpose |
168-
| ------------------------- | ------------------------------ |
169-
| `viconfig` | Vitest config for Vue 3 |
170-
| `viconfig-nuxt` | Vitest config for Nuxt 3 |
171-
| `videscribe` | Vitest Describe |
172-
| `videscribe-concurrent` | Vitest Describe - Concurrent |
173-
| `viit` | Vitest It |
174-
| `viit-concurrent` | Vitest It - Concurrent |
175-
| `viit-async` | Vitest It - Async |
176-
| `viit-async-concurrent` | Vitest It - Async Concurrent |
177-
| `viit-todo` | Vitest It - Todo |
178-
| `vitest` | Vitest Test |
179-
| `vitest-concurrent` | Vitest Test - Concurrent |
180-
| `vitest-async` | Vitest Test - Async |
181-
| `vitest-async-concurrent` | Vitest Test - Async Concurrent |
182-
| `vitest-todo` | Vitest Test - Todo |
183-
| `visnapshot` | Vitest Match Snapshot |
184-
| `visnapshot-inline` | Vitest Match Snapshot - Inline |
167+
| Snippet | Purpose |
168+
| ------------------------- | --------------------------------------- |
169+
| `vibase` | Base for Vitest file |
170+
| `vibase-vue` | Base for Vitest file for Vue component |
171+
| `vibase-nuxt` | Base for Vitest file for Nuxt component |
172+
| `viconfig` | Vitest config for Vue 3 |
173+
| `viconfig-nuxt` | Vitest config for Nuxt 3 |
174+
| `videscribe` | Vitest Describe |
175+
| `videscribe-concurrent` | Vitest Describe - Concurrent |
176+
| `viit` | Vitest It |
177+
| `viit-concurrent` | Vitest It - Concurrent |
178+
| `viit-async` | Vitest It - Async |
179+
| `viit-async-concurrent` | Vitest It - Async Concurrent |
180+
| `viit-todo` | Vitest It - Todo |
181+
| `vitest` | Vitest Test |
182+
| `vitest-concurrent` | Vitest Test - Concurrent |
183+
| `vitest-async` | Vitest Test - Async |
184+
| `vitest-async-concurrent` | Vitest Test - Async Concurrent |
185+
| `vitest-todo` | Vitest Test - Todo |
186+
| `visnapshot` | Vitest Match Snapshot |
187+
| `visnapshot-inline` | Vitest Match Snapshot - Inline |
185188

186189
### Vitest Vue
187190

Diff for: snippets/vitest/nuxt.code-snippets

+23
Original file line numberDiff line numberDiff line change
@@ -46,4 +46,27 @@
4646
],
4747
"description": "nuxt-vitest registerEndpoint"
4848
},
49+
"Vitest Nuxt Base": {
50+
"prefix": "vibase-nuxt",
51+
"body": [
52+
"// @vitest-environment nuxt",
53+
"import type { VueWrapper } from '@vue/test-utils'",
54+
"import { mountSuspended } from '@nuxt/test-utils/runtime'",
55+
"import { afterEach, beforeEach, describe, expect } from 'vitest'",
56+
"import ${TM_FILENAME/\\..*//} from '~/components/${TM_FILENAME/\\..*//}.vue'",
57+
"",
58+
"describe('${TM_FILENAME/\\..*//}', () => {",
59+
"\tlet wrapper: VueWrapper",
60+
"\t",
61+
"\tbeforeEach(async () => {",
62+
"\t\twrapper = await mountSuspended(${TM_FILENAME/\\..*//})",
63+
"\t})",
64+
"\t",
65+
"\tafterEach(() => {",
66+
"\t\twrapper.unmount()",
67+
"\t})",
68+
"})"
69+
],
70+
"description": "Base for Vitest file for Vue component"
71+
}
4972
}

Diff for: snippets/vitest/vitest.code-snippets

+12
Original file line numberDiff line numberDiff line change
@@ -128,4 +128,16 @@
128128
],
129129
"description": "Vitest Match Inline Snapshot"
130130
},
131+
"Vitest Base": {
132+
"prefix": "vibase",
133+
"body": [
134+
"// @vitest-environment node",
135+
"import { describe, expect } from 'vitest'",
136+
"",
137+
"describe('${TM_FILENAME/\\..*//}', () => {",
138+
"\t${0}",
139+
"})"
140+
],
141+
"description": "Base for Vitest file"
142+
},
131143
}

Diff for: snippets/vitest/vue.code-snippets

+22
Original file line numberDiff line numberDiff line change
@@ -18,5 +18,27 @@
1818
"}"
1919
],
2020
"description": "Vue Test Utils Component"
21+
},
22+
"Vitest Vue Base": {
23+
"prefix": "vibase-vue",
24+
"body": [
25+
"import type { VueWrapper } from '@vue/test-utils'",
26+
"import { mount } from '@vue/test-utils'",
27+
"import { afterEach, beforeEach, describe, expect } from 'vitest'",
28+
"import ${TM_FILENAME/\\..*//} from '~/components/${TM_FILENAME/\\..*//}.vue'",
29+
"",
30+
"describe('${TM_FILENAME/\\..*//}', () => {",
31+
"\tlet wrapper: VueWrapper",
32+
"\t",
33+
"\tbeforeEach(() => {",
34+
"\t\twrapper = mount(${TM_FILENAME/\\..*//})",
35+
"\t})",
36+
"\t",
37+
"\tafterEach(() => {",
38+
"\t\twrapper.unmount()",
39+
"\t})",
40+
"})"
41+
],
42+
"description": "Base for Vitest file for Vue component"
2143
}
2244
}

0 commit comments

Comments
 (0)