Add debug output

playwright.config.ts

@@ -1,7 +1,6 @@
 import { defineConfig, devices } from '@playwright/test';
 
 const baseURL = process.env.FRONTEND_URL || 'http://frontend:3000';
-const backendURL = process.env.BACKEND_URL || 'http://backend:8000';
 
 export default defineConfig({
   testDir: './tests',
@@ -20,9 +19,5 @@ export default defineConfig({
       use: { ...devices['Desktop Chrome'] },
     },
   ],
-  webServer: {
+  // Don't start webServer - services are started via docker-compose
-    command: 'npm run dev',
-    url: baseURL,
-    reuseExistingServer: !process.env.CI,
-  },
 });

tests/wizard.spec.ts

@@ -4,44 +4,50 @@ const FRONTEND_URL = process.env.FRONTEND_URL || 'http://frontend:3000';
 
 test.describe('Setup Wizard', () => {
   test('complete wizard flow through frontend', async ({ page }) => {
-    // Navigate to frontend - should redirect to wizard since not configured
+    // Navigate to frontend
     await page.goto(FRONTEND_URL); 
     await page.waitForLoadState('networkidle');
     
-    // Step 0: Welcome - should see wizard page
+    // Step 0: Welcome
     await expect(page.locator('h1')).toContainText('HarborForge', { timeout: 10000 });
     
-    // Check if we're on wizard page (look for Connect to Wizard button)
     const connectButton = page.locator('button:has-text("Connect to Wizard")');
     if (await connectButton.isVisible().catch(() => false)) {
-      // We're on wizard page, proceed with wizard flow
       await connectButton.click();
       
       // Wait for step 1: Database
       await page.waitForSelector('h2:has-text("Database configuration")', { timeout: 10000 });
-      await page.fill('input[name="host"]', 'mysql');
+      await page.locator('label:has-text("Host") input').fill('mysql');
-      await page.fill('input[name="port"]', '3306');
+      await page.locator('label:has-text("Port") input').fill('3306');
-      await page.fill('input[name="user"]', 'harborforge');
+      await page.locator('label:has-text("Username") input').fill('harborforge');
-      await page.fill('input[name="password"]', 'harborforge_pass');
+      await page.locator('label:has-text("Password") input').fill('harborforge_pass');
-      await page.fill('input[name="database"]', 'harborforge');
+      await page.locator('label:has-text("Database") input').fill('harborforge');
       await page.click('button:has-text("Next")');
       
       // Wait for step 2: Admin
       await page.waitForSelector('h2:has-text("Admin account")', { timeout: 10000 });
-      await page.fill('input[name="password"]', 'admin123');
+      
-      await page.fill('input[name="email"]', 'admin@test.com');
+      // Debug: print page content before filling
-      await page.fill('input[name="full_name"]', 'Test Admin');
+      console.log('Page URL at Admin step:', page.url());
+      console.log('Page content:', await page.content());
+      
+      await page.locator('label:has-text("Password") input').fill('admin123');
+      await page.locator('label:has-text("Email") input').fill('admin@test.com');
+      await page.locator('label:has-text("Full name") input').fill('Test Admin');
+      
+      // Click Next - might fail if password is empty (validation)
       await page.click('button:has-text("Next")');
       
-      // Wait for step 3: Backend URL (no project step)
+      // Wait for step 3: Backend URL
-      await page.waitForSelector('h2:has-text("Backend URL")', { timeout: 10000 });
+      await page.waitForSelector('h2:has-text("Backend URL")', { timeout: 15000 });
-      await page.fill('input[name="backend_base_url"]', 'http://backend:8000');
+      
+      await page.locator('label:has-text("Backend Base URL") input').fill('http://backend:8000');
       await page.click('button:has-text("Finish setup")');
       
       // Wait for step 4: Complete
       await expect(page.locator('h2')).toContainText('Setup complete!', { timeout: 10000 });
     } else {
-      // Wizard was already configured, verify we're on main page
+      // Wizard was already configured
       await expect(page.locator('h1')).toContainText('HarborForge');
     }
   });