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

Test wizard flow without pre-configuring via API

Browse Source
This commit is contained in:
Zhi
2026-03-13 19:48:25 +00:00
parent e1c78c532d
commit c4573726f6
1 changed files with 39 additions and 63 deletions
Download Patch File Download Diff File Expand all files Collapse all files

94
tests/wizard.spec.ts
View File

@@ -1,74 +1,50 @@
import { test, expect } from '@playwright/test'; import { test, expect } from '@playwright/test';
import axios from 'axios';
const FRONTEND_URL = process.env.FRONTEND_URL || 'http://frontend:3000'; 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.describe('Setup Wizard', () => {
test('complete wizard flow', async ({ page }) => { test('complete wizard flow through frontend', async ({ page }) => {
// Configure wizard via API first // Navigate to frontend - should redirect to wizard since not configured
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.goto(FRONTEND_URL);
await page.waitForLoadState('networkidle'); await page.waitForLoadState('networkidle');
// Step 0: Welcome - Click "Connect to Wizard" // Step 0: Welcome - should see wizard page
await expect(page.locator('h1')).toContainText('HarborForge Setup Wizard', { timeout: 10000 }); await expect(page.locator('h1')).toContainText('HarborForge', { 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")'); // 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 a bit and check what's shown // Wait for step 1: Database
await page.waitForTimeout(2000); await page.waitForSelector('h2:has-text("Database configuration")', { timeout: 10000 });
console.log('Page URL after click:', page.url()); await page.fill('input[name="host"]', 'mysql');
console.log('Page content after click:', await page.content()); await page.fill('input[name="port"]', '3306');
await page.fill('input[name="user"]', 'harborforge');
await page.fill('input[name="password"]', 'harborforge_pass');
await page.fill('input[name="database"]', 'harborforge');
await page.click('button:has-text("Next")');
// Check for error messages // Wait for step 2: Admin
const errorMsg = await page.locator('.error, [role="alert"], text=Error').first().isVisible().catch(() => false); await page.waitForSelector('h2:has-text("Admin account")', { timeout: 10000 });
console.log('Error visible:', errorMsg); await page.fill('input[name="password"]', 'admin123');
await page.fill('input[name="email"]', 'admin@test.com');
await page.fill('input[name="full_name"]', 'Test Admin');
await page.click('button:has-text("Next")');
// Wait for step 1: Database // Wait for step 3: Project
await page.waitForSelector('h2:has-text("Database configuration")', { timeout: 10000 }); await page.waitForSelector('h2:has-text("Default project")', { timeout: 10000 });
await page.click('button:has-text("Next")'); await page.fill('input[name="backend_url"]', 'http://backend:8000');
await page.fill('input[name="name"]', 'Test Project');
await page.fill('input[name="description"]', 'Test Project Description');
await page.click('button:has-text("Finish setup")');
// Wait for step 2: Admin // Wait for step 4: Complete
await page.waitForSelector('input[placeholder="Set admin password"]', { timeout: 10000 }); await expect(page.locator('h2')).toContainText('Setup complete!', { timeout: 10000 });
await page.fill('input[placeholder="Set admin password"]', 'admin123'); } else {
await page.fill('input[type="email"]', 'admin@test.com'); // Wizard was already configured, verify we're on main page
await page.fill('input[value="Admin"]', 'Test Admin'); await expect(page.locator('h1')).toContainText('HarborForge');
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 });
}); });
}); });