test: add example of importing a dynamic route

nuxt · Dec 5, 2023 · fe420b9 · fe420b9
1 parent 55cbda2
commit fe420b9
Show file tree

Hide file tree

Showing 2 changed files with 15 additions and 0 deletions.
diff --git a/examples/app-vitest-full/pages/other/[slug].vue b/examples/app-vitest-full/pages/other/[slug].vue
@@ -0,0 +1,3 @@
+<template>
+  <div />
+</template>
diff --git a/examples/app-vitest-full/tests/nuxt/mount-component.spec.ts b/examples/app-vitest-full/tests/nuxt/mount-component.spec.ts
@@ -0,0 +1,12 @@
+import { describe, expect, it } from 'vitest'
+import { mount } from '@vue/test-utils'
+
+import SlugPage from '~/pages/other/[slug].vue'
+
+describe('mounting components', () => {
+  // https://github.com/nuxt/test-utils/issues/594
+  it('mounts a dynamic route', async () => {
+    const component = mount(SlugPage)
+    expect(component.html()).toMatchInlineSnapshot(`"<div></div>"`)
+  })
+})