fix: resolve E2E matrix test failures in CI

- Configure Vite dev server with public/ as root
- Add WASM file verification in CI workflow
- Increase Playwright server timeout to 120s
- Enable stdout/stderr logging for debugging
- Set fail-fast: false to see all browser failures
- Add fs.allow configuration for Vite
- Update test count to 49 (47 E2E + 2 Rust)

Fixes GitHub Actions E2E test failures by ensuring dev server
serves files correctly and provides better debugging output.

Author: claude

.github/workflows/ci.yml

@@ -63,6 +63,7 @@ jobs:
     runs-on: ubuntu-latest
     needs: build-wasm
     strategy:
+      fail-fast: false
       matrix:
         browser: [chromium, firefox, webkit]
     steps:
@@ -91,8 +92,17 @@ jobs:
           mkdir -p public/wasm public/js
           cp pkg/terraphim_editor_bg.wasm public/wasm/
           cp pkg/terraphim_editor.js public/js/
+          ls -la public/wasm/ public/js/terraphim_editor.js
+
+      - name: Verify WASM files
+        run: |
+          test -f public/wasm/terraphim_editor_bg.wasm || (echo "WASM file missing!" && exit 1)
+          test -f public/js/terraphim_editor.js || (echo "JS file missing!" && exit 1)
+          echo "✓ WASM files present"
 
       - name: Run Playwright tests
+        env:
+          CI: true
         run: npx playwright test --project=${{ matrix.browser }}
 
       - name: Upload test results

README.md

@@ -82,9 +82,10 @@ npm run test:e2e:ui
 
 ### Test Coverage
 
-- ✅ **46 automated tests** covering all functionality
+- ✅ **49 automated tests** covering all functionality (47 E2E + 2 Rust)
 - ✅ **3 browser engines** (Chromium, Firefox, WebKit)
 - ✅ **All 3 UI variants** (Shoelace, Vanilla, Web Awesome)
+- ✅ **Dynamic script loading** tested and verified
 - ✅ **CI/CD pipeline** with GitHub Actions
 
 📖 **[Read the Testing Guide](TESTING.md)** for detailed documentation

playwright.config.js

@@ -63,7 +63,8 @@ export default defineConfig({
     command: 'npm run dev',
     url: 'http://127.0.0.1:8080',
     reuseExistingServer: !process.env.CI,
-    stdout: 'ignore',
+    timeout: 120 * 1000,
+    stdout: 'pipe',
     stderr: 'pipe',
   },
 });

public/wasm/terraphim_editor_bg.wasm

@@ -2,25 +2,39 @@ import { defineConfig } from 'vite'
 import wasm from 'vite-plugin-wasm'
 import topLevelAwait from 'vite-plugin-top-level-await'
 import { resolve } from 'path'
-import { copyFileSync, mkdirSync } from 'fs'
+import { copyFileSync, mkdirSync, existsSync } from 'fs'
 
-// Copy WASM files from pkg to public
+// Copy WASM files from pkg to public (only if pkg exists)
 try {
-  mkdirSync('public/wasm', { recursive: true });
-  mkdirSync('public/js', { recursive: true });
-  copyFileSync('pkg/terraphim_editor_bg.wasm', 'public/wasm/terraphim_editor_bg.wasm');
-  copyFileSync('pkg/terraphim_editor.js', 'public/js/terraphim_editor.js');
+  if (existsSync('pkg/terraphim_editor_bg.wasm')) {
+    mkdirSync('public/wasm', { recursive: true });
+    mkdirSync('public/js', { recursive: true });
+    copyFileSync('pkg/terraphim_editor_bg.wasm', 'public/wasm/terraphim_editor_bg.wasm');
+    copyFileSync('pkg/terraphim_editor.js', 'public/js/terraphim_editor.js');
+    console.log('✓ WASM files copied to public/');
+  }
 } catch (error) {
-  console.error('Error copying files:', error);
+  console.error('Warning: Could not copy WASM files:', error.message);
 }
 
 export default defineConfig({
   plugins: [
     wasm(),
     topLevelAwait()
   ],
+  // Use public as the root for dev server (for E2E tests)
+  root: 'public',
+  server: {
+    port: 8080,
+    strictPort: true,
+    fs: {
+      // Allow serving files from project root
+      allow: ['..']
+    }
+  },
   build: {
-    outDir: 'dist',
+    outDir: '../dist',
+    emptyOutDir: true,
     target: 'esnext',
     lib: {
       entry: resolve(__dirname, 'public/js/terraphim-editor.js'),