Files
HarborForge.Frontend.Test/tests/wizard.spec.ts

65 lines
2.3 KiB
TypeScript

import { test, expect } from '@playwright/test';
import axios from 'axios';
const FRONTEND_URL = process.env.FRONTEND_URL || 'http://frontend:3000';
const BACKEND_URL = process.env.BACKEND_URL || 'http://backend:8000';
const WIZARD_URL = process.env.WIZARD_URL || 'http://wizard:8080';
test.describe('Setup Wizard', () => {
test('complete wizard flow', async ({ page }) => {
// First configure wizard via API
await axios.put(`${WIZARD_URL}/api/v1/config/harborforge.json`, {
initialized: true,
admin: {
username: "admin",
password: "admin123",
email: "admin@test.com",
full_name: "Admin"
},
database: {
host: "mysql",
port: 3306,
user: "harborforge",
password: "harborforge_pass",
database: "harborforge"
},
backend_url: BACKEND_URL,
default_project: {
name: "TestProject",
description: "Test project"
}
});
// Now test the wizard flow in browser
await page.goto(FRONTEND_URL);
// Step 0: Welcome - Click "Connect to Wizard"
await expect(page.locator('h1')).toContainText('HarborForge Setup Wizard');
await page.click('button:has-text("Connect to Wizard")');
// Wait for wizard health check - should proceed to step 1
await page.waitForTimeout(1000);
// Step 1: Database - Click Next with defaults
if (await page.locator('h2:has-text("Database configuration")').isVisible()) {
await page.click('button:has-text("Next")');
}
// Step 2: Admin - Fill in admin credentials
await page.fill('input[placeholder="Set admin password"]', 'admin123');
await page.fill('input[type="email"]', 'admin@test.com');
await page.fill('input[value="Admin"]', 'Test Admin');
await page.click('button:has-text("Next")');
// Step 3: Project - Configure backend and project
await page.fill('input[placeholder="http://127.0.0.1:8000"]', BACKEND_URL);
await page.fill('input[value="Default"]', 'Test Project');
await page.fill('input[value="Default project"]', 'Test Project Description');
await page.click('button:has-text("Finish setup")');
// Step 4: Complete
await expect(page.locator('h2')).toContainText('Setup complete!');
await expect(page.locator('code')).toContainText('docker compose restart');
});
});