test: group e2e tests

Author: posva

e2e/__snapshots__/routes.spec.ts.snap

@@ -1,6 +1,6 @@
 // Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
 
-exports[`generates the routes 1`] = `
+exports[`e2e routes > generates the routes 1`] = `
 "export const routes = [
   {
     path: '/',
@@ -120,3 +120,47 @@ exports[`generates the routes 1`] = `
 ]
 "
 `;
+
+exports[`e2e routes > works with mixed extensions 1`] = `
+"export const routes = [
+  {
+    path: '/',
+    name: '/',
+    component: () => import('/multi-extensions/index.vue'),
+    /* no children */
+  },
+  {
+    path: '/about',
+    name: '/about',
+    component: () => import('/multi-extensions/about.vue'),
+    /* no children */
+  },
+  {
+    path: '/docs',
+    /* internal name: '/docs' */
+    /* no component */
+    children: [
+      {
+        path: ':lang',
+        /* internal name: '/docs/[lang]' */
+        /* no component */
+        children: [
+          {
+            path: '',
+            name: '/docs/[lang]/',
+            component: () => import('/multi-extensions/docs/index.md'),
+            /* no children */
+          },
+          {
+            path: ':pathMatch(.*)',
+            name: '/docs/[lang]/[...pathMatch]',
+            component: () => import('/multi-extensions/docs/[...pathMatch].vue'),
+            /* no children */
+          }
+        ],
+      }
+    ],
+  }
+]
+"
+`;

e2e/routes.spec.ts

@@ -1,7 +1,7 @@
-import { expect, it } from 'vitest'
+import { describe, expect, it } from 'vitest'
 import { createRoutesContext } from '../src/core/context'
-import { DEFAULT_OPTIONS, resolveOptions } from '../src/options'
-import { fileURLToPath, URL } from 'url'
+import { resolveOptions } from '../src/options'
+import { fileURLToPath, URL } from 'node:url'
 import { normalize, join } from 'pathe'
 
 const __dirname = fileURLToPath(new URL('./', import.meta.url))
@@ -10,24 +10,62 @@ const __dirname = fileURLToPath(new URL('./', import.meta.url))
  * This is a simple full test to check that all filenames are valid in different environment (windows, mac, linux).
  */
 
-it('generates the routes', async () => {
-  const context = createRoutesContext(
-    resolveOptions({
-      // dts: join(__dirname, './__types.d.ts'),
-      dts: false,
-      logs: false,
-      routesFolder: [{ src: join(__dirname, './fixtures/filenames/routes') }],
-    })
-  )
+describe('e2e routes', () => {
+  it('generates the routes', async () => {
+    const context = createRoutesContext(
+      resolveOptions({
+        // dts: join(__dirname, './__types.d.ts'),
+        dts: false,
+        logs: false,
+        watch: false,
+        routesFolder: [{ src: join(__dirname, './fixtures/filenames/routes') }],
+      })
+    )
 
-  await context.scanPages()
-  expect(
-    context
-      .generateRoutes()
-      .replace(
-        /import\(["'](.+?)["']\)/g,
-        (_, filePath) => `import('${normalize(filePath)}')`
-      )
-      .replace(/(import\(["'])(?:.+?)fixtures\/filenames/gi, '$1')
-  ).toMatchSnapshot()
+    await context.scanPages()
+    expect(
+      context
+        .generateRoutes()
+        .replace(
+          /import\(["'](.+?)["']\)/g,
+          (_, filePath) => `import('${normalize(filePath)}')`
+        )
+        .replace(/(import\(["'])(?:.+?)fixtures\/filenames/gi, '$1')
+    ).toMatchSnapshot()
+  })
+
+  it.skip('works with mixed extensions', async () => {
+    const context = createRoutesContext(
+      resolveOptions({
+        dts: false,
+        logs: false,
+        watch: false,
+        routesFolder: [
+          {
+            src: join(__dirname, './fixtures/filenames/multi-extensions'),
+            exclude: join(
+              __dirname,
+              './fixtures/filenames/multi-extensions/docs'
+            ),
+          },
+          {
+            src: join(__dirname, './fixtures/filenames/multi-extensions/docs'),
+            extensions: ['.md', '.vue'],
+            path: 'docs/[lang]/',
+          },
+        ],
+      })
+    )
+
+    await context.scanPages()
+    expect(
+      context
+        .generateRoutes()
+        .replace(
+          /import\(["'](.+?)["']\)/g,
+          (_, filePath) => `import('${normalize(filePath)}')`
+        )
+        .replace(/(import\(["'])(?:.+?)fixtures\/filenames/gi, '$1')
+    ).toMatchSnapshot()
+  })
 })