test(e2e): add vite static-path coverage and align output checks

Author: intellix

e2e/adapters-e2e/public/robots.txt

@@ -0,0 +1,2 @@
+User-agent: *
+Allow: /

e2e/adapters-e2e/src/components/click-me/assets/circle.svg

@@ -1,10 +1,12 @@
 import { component$, useSignal } from '@qwik.dev/core';
+import circleSvg from './assets/circle.svg?url';
 
 // We need to extract the component to see the bug on 1.5.7
 export default component$(() => {
   const isOpenSig = useSignal(false);
   return (
     <>
+      <img src={circleSvg} />
       <button
         onClick$={() => {
           return (isOpenSig.value = !isOpenSig.value);

e2e/adapters-e2e/src/components/click-me/click-me.tsx

@@ -23,6 +23,9 @@ errorOnDuplicatesPkgDeps(devDependencies, dependencies);
 export default defineConfig((): UserConfig => {
   return {
     plugins: [qwikRouter(), qwikVite(), tsconfigPaths({ root: '.' })],
+    build: {
+      assetsInlineLimit: 0,
+    },
     // This tells Vite which dependencies to pre-build in dev mode.
     optimizeDeps: {
       // Put problematic deps that break bundling here, mostly those with binaries.

e2e/adapters-e2e/vite.config.ts

@@ -0,0 +1,2 @@
+output/
+.work/

e2e/vite-e2e/.gitignore

@@ -0,0 +1,72 @@
+import { execFile } from 'node:child_process';
+import { cp, mkdir, mkdtemp, readFile, rm, writeFile } from 'node:fs/promises';
+import { join } from 'node:path';
+import { promisify } from 'node:util';
+import {
+  appTemplateDir,
+  findVariantBySlug,
+  outputRootDir,
+  toClientConfigPath,
+  toServerConfigPath,
+  workspaceRootDir,
+} from './variants.ts';
+
+const execFileAsync = promisify(execFile);
+
+async function runBuildWithConfig(configPath: string, appDir: string) {
+  await execFileAsync('pnpm', ['vite', 'build', '-c', configPath], {
+    cwd: appDir,
+    env: process.env,
+  });
+}
+
+async function persistBuildOutput(appDir: string, variantDir: string) {
+  await rm(variantDir, { recursive: true, force: true });
+  await mkdir(variantDir, { recursive: true });
+  await cp(join(appDir, 'dist'), join(variantDir, 'dist'), { recursive: true });
+  await cp(join(appDir, 'server'), join(variantDir, 'server'), { recursive: true });
+}
+
+async function buildVariantBySlug(slug: string) {
+  const variant = findVariantBySlug(slug);
+  if (!variant) {
+    throw new Error(`Unknown variant slug: ${slug}`);
+  }
+
+  await mkdir(outputRootDir, { recursive: true });
+  await mkdir(workspaceRootDir, { recursive: true });
+
+  const variantDir = join(outputRootDir, variant.slug);
+  const workspaceDir = await mkdtemp(join(workspaceRootDir, `${variant.slug}-`));
+  const appDir = join(workspaceDir, 'app');
+
+  try {
+    await cp(appTemplateDir, appDir, {
+      recursive: true,
+      filter: (src) => {
+        const ignored = ['node_modules', 'dist', 'server', '.vite-e2e'];
+        return !ignored.some((name) => src.includes(`/${name}`));
+      },
+    });
+
+    // Keep each workspace scoped uniquely so Qwik's tmp manifest path doesn't conflict in parallel.
+    const packageJsonPath = join(appDir, 'package.json');
+    const packageJson = JSON.parse(await readFile(packageJsonPath, 'utf-8'));
+    packageJson.name = `qwik-vite-e2e-${variant.slug}`;
+    await writeFile(packageJsonPath, JSON.stringify(packageJson, null, 2) + '\n');
+
+    await runBuildWithConfig(toClientConfigPath(variant), appDir);
+    await runBuildWithConfig(toServerConfigPath(variant), appDir);
+    await persistBuildOutput(appDir, variantDir);
+  } finally {
+    await rm(workspaceDir, { recursive: true, force: true });
+    await rm(workspaceRootDir, { recursive: true, force: true });
+  }
+}
+
+const slug = process.argv[2];
+if (!slug) {
+  throw new Error('Missing variant slug argument');
+}
+
+await buildVariantBySlug(slug);

e2e/vite-e2e/build-variant.ts

@@ -0,0 +1,12 @@
+import { defineConfig, mergeConfig } from 'vite';
+import baseConfig from '../../../adapters-e2e/vite.config';
+
+export default defineConfig(async (env) => {
+  const resolvedBase = typeof baseConfig === 'function' ? await baseConfig(env) : baseConfig;
+
+  return mergeConfig(resolvedBase, {
+    build: {
+      assetsDir: 'assets-dir',
+    },
+  });
+});

e2e/vite-e2e/configs/client/assets-dir.vite.config.ts

@@ -0,0 +1,13 @@
+import { defineConfig, mergeConfig } from 'vite';
+import baseConfig from '../../../adapters-e2e/vite.config';
+
+export default defineConfig(async (env) => {
+  const resolvedBase = typeof baseConfig === 'function' ? await baseConfig(env) : baseConfig;
+
+  return mergeConfig(resolvedBase, {
+    base: '/base/',
+    build: {
+      assetsDir: 'assets-dir',
+    },
+  });
+});

e2e/vite-e2e/configs/client/base-assets-dir.vite.config.ts

@@ -0,0 +1,10 @@
+import { defineConfig, mergeConfig } from 'vite';
+import baseConfig from '../../../adapters-e2e/vite.config';
+
+export default defineConfig(async (env) => {
+  const resolvedBase = typeof baseConfig === 'function' ? await baseConfig(env) : baseConfig;
+
+  return mergeConfig(resolvedBase, {
+    base: '/base/',
+  });
+});

e2e/vite-e2e/configs/client/base.vite.config.ts

@@ -0,0 +1,3 @@
+import baseConfig from '../../../adapters-e2e/vite.config';
+
+export default baseConfig;