diff --git a/README.md b/README.md index 28a7794..c386e3f 100644 --- a/README.md +++ b/README.md @@ -164,24 +164,27 @@ These snippets were made to speed up Vue 3 development. With it you can write bo ### Vitest -| Snippet | Purpose | -| ------------------------- | ------------------------------ | -| `viconfig` | Vitest config for Vue 3 | -| `viconfig-nuxt` | Vitest config for Nuxt 3 | -| `videscribe` | Vitest Describe | -| `videscribe-concurrent` | Vitest Describe - Concurrent | -| `viit` | Vitest It | -| `viit-concurrent` | Vitest It - Concurrent | -| `viit-async` | Vitest It - Async | -| `viit-async-concurrent` | Vitest It - Async Concurrent | -| `viit-todo` | Vitest It - Todo | -| `vitest` | Vitest Test | -| `vitest-concurrent` | Vitest Test - Concurrent | -| `vitest-async` | Vitest Test - Async | -| `vitest-async-concurrent` | Vitest Test - Async Concurrent | -| `vitest-todo` | Vitest Test - Todo | -| `visnapshot` | Vitest Match Snapshot | -| `visnapshot-inline` | Vitest Match Snapshot - Inline | +| Snippet | Purpose | +| ------------------------- | --------------------------------------- | +| `vibase` | Base for Vitest file | +| `vibase-vue` | Base for Vitest file for Vue component | +| `vibase-nuxt` | Base for Vitest file for Nuxt component | +| `viconfig` | Vitest config for Vue 3 | +| `viconfig-nuxt` | Vitest config for Nuxt 3 | +| `videscribe` | Vitest Describe | +| `videscribe-concurrent` | Vitest Describe - Concurrent | +| `viit` | Vitest It | +| `viit-concurrent` | Vitest It - Concurrent | +| `viit-async` | Vitest It - Async | +| `viit-async-concurrent` | Vitest It - Async Concurrent | +| `viit-todo` | Vitest It - Todo | +| `vitest` | Vitest Test | +| `vitest-concurrent` | Vitest Test - Concurrent | +| `vitest-async` | Vitest Test - Async | +| `vitest-async-concurrent` | Vitest Test - Async Concurrent | +| `vitest-todo` | Vitest Test - Todo | +| `visnapshot` | Vitest Match Snapshot | +| `visnapshot-inline` | Vitest Match Snapshot - Inline | ### Vitest Vue diff --git a/snippets/vitest/nuxt.code-snippets b/snippets/vitest/nuxt.code-snippets index b3f26a4..a3c172a 100644 --- a/snippets/vitest/nuxt.code-snippets +++ b/snippets/vitest/nuxt.code-snippets @@ -46,4 +46,27 @@ ], "description": "nuxt-vitest registerEndpoint" }, + "Vitest Nuxt Base": { + "prefix": "vibase-nuxt", + "body": [ + "// @vitest-environment nuxt", + "import type { VueWrapper } from '@vue/test-utils'", + "import { mountSuspended } from '@nuxt/test-utils/runtime'", + "import { afterEach, beforeEach, describe, expect } from 'vitest'", + "import ${TM_FILENAME/\\..*//} from '~/components/${TM_FILENAME/\\..*//}.vue'", + "", + "describe('${TM_FILENAME/\\..*//}', () => {", + "\tlet wrapper: VueWrapper", + "\t", + "\tbeforeEach(async () => {", + "\t\twrapper = await mountSuspended(${TM_FILENAME/\\..*//})", + "\t})", + "\t", + "\tafterEach(() => {", + "\t\twrapper.unmount()", + "\t})", + "})" + ], + "description": "Base for Vitest file for Vue component" + } } diff --git a/snippets/vitest/vitest.code-snippets b/snippets/vitest/vitest.code-snippets index 2b28126..82402b8 100644 --- a/snippets/vitest/vitest.code-snippets +++ b/snippets/vitest/vitest.code-snippets @@ -128,4 +128,16 @@ ], "description": "Vitest Match Inline Snapshot" }, + "Vitest Base": { + "prefix": "vibase", + "body": [ + "// @vitest-environment node", + "import { describe, expect } from 'vitest'", + "", + "describe('${TM_FILENAME/\\..*//}', () => {", + "\t${0}", + "})" + ], + "description": "Base for Vitest file" + }, } diff --git a/snippets/vitest/vue.code-snippets b/snippets/vitest/vue.code-snippets index ea6ec08..71e1a57 100644 --- a/snippets/vitest/vue.code-snippets +++ b/snippets/vitest/vue.code-snippets @@ -18,5 +18,27 @@ "}" ], "description": "Vue Test Utils Component" + }, + "Vitest Vue Base": { + "prefix": "vibase-vue", + "body": [ + "import type { VueWrapper } from '@vue/test-utils'", + "import { mount } from '@vue/test-utils'", + "import { afterEach, beforeEach, describe, expect } from 'vitest'", + "import ${TM_FILENAME/\\..*//} from '~/components/${TM_FILENAME/\\..*//}.vue'", + "", + "describe('${TM_FILENAME/\\..*//}', () => {", + "\tlet wrapper: VueWrapper", + "\t", + "\tbeforeEach(() => {", + "\t\twrapper = mount(${TM_FILENAME/\\..*//})", + "\t})", + "\t", + "\tafterEach(() => {", + "\t\twrapper.unmount()", + "\t})", + "})" + ], + "description": "Base for Vitest file for Vue component" } }