Files
HarborForge.Frontend.Test/tests/wizard.spec.ts
2026-03-13 19:42:02 +00:00

75 lines
2.9 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_API_URL = process.env.WIZARD_API_URL || 'http://wizard:8080';
test.describe('Setup Wizard', () => {
test('complete wizard flow', async ({ page }) => {
// Configure wizard via API first
await axios.put(`${WIZARD_API_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"
}
});
// Navigate to frontend which should redirect to wizard
await page.goto(FRONTEND_URL);
await page.waitForLoadState('networkidle');
// Step 0: Welcome - Click "Connect to Wizard"
await expect(page.locator('h1')).toContainText('HarborForge Setup Wizard', { timeout: 10000 });
console.log('Page URL before click:', page.url());
console.log('Page content before click:', await page.content());
await page.click('button:has-text("Connect to Wizard")');
// Wait a bit and check what's shown
await page.waitForTimeout(2000);
console.log('Page URL after click:', page.url());
console.log('Page content after click:', await page.content());
// Check for error messages
const errorMsg = await page.locator('.error, [role="alert"], text=Error').first().isVisible().catch(() => false);
console.log('Error visible:', errorMsg);
// Wait for step 1: Database
await page.waitForSelector('h2:has-text("Database configuration")', { timeout: 10000 });
await page.click('button:has-text("Next")');
// Wait for step 2: Admin
await page.waitForSelector('input[placeholder="Set admin password"]', { timeout: 10000 });
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")');
// Wait for step 3: Project
await page.waitForSelector('h2:has-text("Default project")', { timeout: 10000 });
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")');
// Wait for step 4: Complete
await expect(page.locator('h2')).toContainText('Setup complete!', { timeout: 10000 });
});
});