zhi/HarborForge.Frontend.Test
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Convert wizard setup to globalSetup

Browse Source 
- global-setup.ts: configures wizard before tests run
- playwright.config.ts: uses globalSetup
- wizard.spec.ts: simplified to just verify frontend loads
This commit is contained in:
Zhi
2026-03-14 08:34:55 +00:00
parent db9fadd13d
commit 0d0a8c9a48
3 changed files with 81 additions and 45 deletions
Download Patch File Download Diff File Expand all files Collapse all files

71
global-setup.ts Normal file
View File

@@ -0,0 +1,71 @@
import { chromium } from '@playwright/test';
const WIZARD_URL = process.env.WIZARD_URL || 'http://wizard:8080/wizard';
const WIZARD_API_URL = process.env.WIZARD_API_URL || 'http://wizard:8080';
async function setupWizard() {
console.log('🔧 Running global setup: Configure wizard...');
const browser = await chromium.launch();
const page = await browser.newPage();
try {
// Navigate to frontend - should redirect to wizard since not configured
const frontendURL = process.env.FRONTEND_URL || 'http://frontend:3000';
console.log(`📱 Navigating to ${frontendURL}...`);
await page.goto(frontendURL);
await page.waitForLoadState('networkidle');
// Step 0: Welcome
await page.waitForSelector('h1:has-text("HarborForge")', { timeout: 10000 });
const connectButton = page.locator('button:has-text("Connect to Wizard")');
if (await connectButton.isVisible().catch(() => false)) {
console.log('🔗 Clicking Connect to Wizard...');
await connectButton.click();
// Wait for step 1: Database
console.log('📝 Filling Database configuration...');
await page.waitForSelector('h2:has-text("Database configuration")', { timeout: 10000 });
await page.locator('label:has-text("Host") input').fill('mysql');
await page.locator('label:has-text("Port") input').fill('3306');
await page.locator('label:has-text("Username") input').fill('harborforge');
await page.locator('label:has-text("Password") input').fill('harborforge_pass');
await page.locator('label:has-text("Database") input').fill('harborforge');
await page.click('button:has-text("Next")');
// Wait for step 2: Admin
console.log('📝 Filling Admin account...');
await page.waitForSelector('h2:has-text("Admin account")', { timeout: 10000 });
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');
await page.click('button:has-text("Next")');
// Wait for step 3: Backend URL
console.log('📝 Filling Backend URL...');
await page.waitForSelector('h2:has-text("Backend URL")', { timeout: 10000 });
const backendURL = process.env.BACKEND_URL || 'http://backend:8000';
await page.locator('label:has-text("Backend Base URL") input').fill(backendURL);
await page.click('button:has-text("Finish setup")');
// Wait for step 4: Complete
console.log('✅ Waiting for setup complete...');
await page.waitForSelector('h2:has-text("Setup complete!")', { timeout: 10000 });
console.log('✅ Wizard configured successfully!');
} else {
console.log('⚠️ Wizard already configured or on main page');
}
await browser.close();
return;
} catch (error) {
console.error('❌ Wizard setup failed:', error);
await browser.close();
throw error;
}
}
export default setupWizard;

6
playwright.config.ts
View File

@@ -1,4 +1,5 @@
import { defineConfig, devices } from '@playwright/test'; import { defineConfig, devices } from '@playwright/test';
import path from 'path';
const baseURL = process.env.FRONTEND_URL || 'http://frontend:3000'; const baseURL = process.env.FRONTEND_URL || 'http://frontend:3000';
@@ -19,5 +20,8 @@ export default defineConfig({
use: { ...devices['Desktop Chrome'] }, use: { ...devices['Desktop Chrome'] },
}, },
], ],
// Don't start webServer - services are started via docker-compose // Global setup runs before all tests - configure wizard once
globalSetup: path.join(__dirname, 'global-setup.ts'),
// Global teardown runs after all tests
globalTeardown: undefined,
}); });

49
tests/wizard.spec.ts
View File

@@ -3,52 +3,13 @@ import { test, expect } from '@playwright/test';
const FRONTEND_URL = process.env.FRONTEND_URL || 'http://frontend:3000'; const FRONTEND_URL = process.env.FRONTEND_URL || 'http://frontend:3000';
test.describe('Setup Wizard', () => { test.describe('Setup Wizard', () => {
test('complete wizard flow through frontend', async ({ page }) => { test('frontend loads and shows main page after wizard configuration', async ({ page }) => {
// Navigate to frontend // Navigate to frontend - wizard should be configured by globalSetup
await page.goto(FRONTEND_URL); await page.goto(FRONTEND_URL);
await page.waitForLoadState('networkidle'); await page.waitForLoadState('networkidle');
// Step 0: Welcome // Should now show main page (not wizard redirect)
// After wizard config, frontend should load normally
await expect(page.locator('h1')).toContainText('HarborForge', { timeout: 10000 }); await expect(page.locator('h1')).toContainText('HarborForge', { timeout: 10000 });
const connectButton = page.locator('button:has-text("Connect to Wizard")');
if (await connectButton.isVisible().catch(() => false)) {
await connectButton.click();
// Wait for step 1: Database
await page.waitForSelector('h2:has-text("Database configuration")', { timeout: 10000 });
await page.locator('label:has-text("Host") input').fill('mysql');
await page.locator('label:has-text("Port") input').fill('3306');
await page.locator('label:has-text("Username") input').fill('harborforge');
await page.locator('label:has-text("Password") input').fill('harborforge_pass');
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 });
// Debug: print page content before filling
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
await page.waitForSelector('h2:has-text("Backend URL")', { timeout: 15000 });
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
await expect(page.locator('h1')).toContainText('HarborForge');
}
}); });
}); });