55 lines
2.6 KiB
TypeScript
55 lines
2.6 KiB
TypeScript
import { test, expect } from '@playwright/test';
|
|
|
|
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
|
|
await page.goto(FRONTEND_URL);
|
|
await page.waitForLoadState('networkidle');
|
|
|
|
// Step 0: Welcome - should see wizard page
|
|
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 });
|
|
|
|
// Fill database form - inputs are inside labels
|
|
const dbInputs = page.locator('.setup-form label').first().locator('input');
|
|
const labels = page.locator('.setup-form label');
|
|
|
|
// Fill by label text
|
|
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 });
|
|
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
|
|
await page.waitForSelector('h2:has-text("Backend URL")', { timeout: 10000 });
|
|
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
|
|
await expect(page.locator('h1')).toContainText('HarborForge');
|
|
}
|
|
});
|
|
});
|