test: fix playground config variants (#13725)

playground/vitestSetup.ts

@@ -4,6 +4,7 @@ import os from 'node:os'
 import fs from 'fs-extra'
 import { chromium } from 'playwright-chromium'
 import type {
+  ConfigEnv,
   InlineConfig,
   Logger,
   PluginOption,
@@ -197,27 +198,31 @@ beforeAll(async (s) => {
   }
 })
 
-function loadConfigFromDir(dir: string) {
-  return loadConfigFromFile(
-    {
-      command: isBuild ? 'build' : 'serve',
-      mode: isBuild ? 'production' : 'development',
-    },
-    undefined,
-    dir,
-  )
-}
-
 export async function startDefaultServe(): Promise<void> {
   let config: UserConfig | null = null
-  // config file near the *.spec.ts
-  const res = await loadConfigFromDir(dirname(testPath))
-  if (res) {
-    config = res.config
+
+  const configEnv: ConfigEnv = {
+    command: isBuild ? 'build' : 'serve',
+    mode: isBuild ? 'production' : 'development',
+  }
+
+  // config file named by convention as the *.spec.ts folder
+  const variantName = path.basename(dirname(testPath))
+  if (variantName !== '__tests__') {
+    const configVariantPath = path.resolve(
+      rootDir,
+      `vite.config-${variantName}.js`,
+    )
+    if (fs.existsSync(configVariantPath)) {
+      const res = await loadConfigFromFile(configEnv, configVariantPath)
+      if (res) {
+        config = res.config
+      }
+    }
   }
   // config file from test root dir
   if (!config) {
-    const res = await loadConfigFromDir(rootDir)
+    const res = await loadConfigFromFile(configEnv, undefined, rootDir)
     if (res) {
       config = res.config
     }

playground/worker/vite.config-sourcemap-hidden.js

@@ -0,0 +1,2 @@
+import sourcemap from './worker-sourcemap-config.js'
+export default sourcemap('hidden')

playground/worker/vite.config-sourcemap-inline.js

@@ -0,0 +1,2 @@
+import sourcemap from './worker-sourcemap-config.js'
+export default sourcemap('inline')

playground/worker/vite.config-sourcemap.js

@@ -1,50 +1,2 @@
-import { defineConfig } from 'vite'
-import workerPluginTestPlugin from './worker-plugin-test-plugin'
-
-/** @param {boolean | 'inline' | 'hidden' | 'sourcemap'} sourcemap */
-export default (sourcemap) => {
-  sourcemap =
-    /** @type {'inline' | 'hidden' | 'sourcemap'} */ (
-      process.env.WORKER_MODE
-    ) || sourcemap
-
-  if (sourcemap === 'sourcemap') {
-    sourcemap = true
-  }
-
-  const typeName =
-    typeof sourcemap === 'boolean' ? 'sourcemap' : 'sourcemap-' + sourcemap
-
-  return defineConfig({
-    base: `/iife-${typeName}/`,
-    resolve: {
-      alias: {
-        '@': __dirname,
-      },
-    },
-    worker: {
-      format: 'iife',
-      plugins: [workerPluginTestPlugin()],
-      rollupOptions: {
-        output: {
-          assetFileNames: 'assets/[name]-worker_asset[hash].[ext]',
-          chunkFileNames: 'assets/[name]-worker_chunk[hash].js',
-          entryFileNames: 'assets/[name]-worker_entry[hash].js',
-        },
-      },
-    },
-    build: {
-      outDir: `dist/iife-${typeName}/`,
-      sourcemap: sourcemap,
-      rollupOptions: {
-        output: {
-          assetFileNames: 'assets/[name]-[hash].[ext]',
-          chunkFileNames: 'assets/[name]-[hash].js',
-          entryFileNames: 'assets/[name]-[hash].js',
-        },
-      },
-    },
-    plugins: [workerPluginTestPlugin()],
-    cacheDir: `node_modules/.vite-sourcemap-${typeName}`,
-  })
-}
+import sourcemap from './worker-sourcemap-config.js'
+export default sourcemap(true)

playground/worker/worker-sourcemap-config.js

@@ -0,0 +1,50 @@
+import { defineConfig } from 'vite'
+import workerPluginTestPlugin from './worker-plugin-test-plugin'
+
+/** @param {boolean | 'inline' | 'hidden' | 'sourcemap'} sourcemap */
+export default (sourcemap) => {
+  sourcemap =
+    /** @type {'inline' | 'hidden' | 'sourcemap'} */ (
+      process.env.WORKER_MODE
+    ) || sourcemap
+
+  if (sourcemap === 'sourcemap') {
+    sourcemap = true
+  }
+
+  const typeName =
+    typeof sourcemap === 'boolean' ? 'sourcemap' : 'sourcemap-' + sourcemap
+
+  return defineConfig({
+    base: `/iife-${typeName}/`,
+    resolve: {
+      alias: {
+        '@': __dirname,
+      },
+    },
+    worker: {
+      format: 'iife',
+      plugins: [workerPluginTestPlugin()],
+      rollupOptions: {
+        output: {
+          assetFileNames: 'assets/[name]-worker_asset[hash].[ext]',
+          chunkFileNames: 'assets/[name]-worker_chunk[hash].js',
+          entryFileNames: 'assets/[name]-worker_entry[hash].js',
+        },
+      },
+    },
+    build: {
+      outDir: `dist/iife-${typeName}/`,
+      sourcemap: sourcemap,
+      rollupOptions: {
+        output: {
+          assetFileNames: 'assets/[name]-[hash].[ext]',
+          chunkFileNames: 'assets/[name]-[hash].js',
+          entryFileNames: 'assets/[name]-[hash].js',
+        },
+      },
+    },
+    plugins: [workerPluginTestPlugin()],
+    cacheDir: `node_modules/.vite-sourcemap-${typeName}`,
+  })
+}