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

test: cover project milestone and task modal editors

Browse Source
This commit is contained in:
zhi
2026-03-16 18:13:54 +00:00
parent f50a2efdbf
commit 82e9dc2c86
3 changed files with 55 additions and 27 deletions
Download Patch File Download Diff File Expand all files Collapse all files

30
tests/project-editor.spec.ts
View File

@@ -7,7 +7,7 @@ const ADMIN_USERNAME = 'admin';
const ADMIN_PASSWORD = 'admin123';
test.describe('Project Editor', () => {
test('login -> create project -> delete project -> logout', async ({ page }) => {
test('login -> create project -> edit project via modal -> delete project -> logout', async ({ page }) => {
// Step 1: Login
console.log('🔐 Logging in...');
await page.goto(`${BASE_URL}/login`);
@@ -57,17 +57,14 @@ test.describe('Project Editor', () => {
// Click create project button - it's "+ New"
await page.waitForSelector('button:has-text("+ New")', { timeout: 10000 });
await page.click('button:has-text("+ New")');
// Wait for the form to appear (look for the project name input)
await page.waitForSelector('input[placeholder="Project name"]', { timeout: 10000 });
await page.waitForSelector('.modal', { timeout: 10000 });
// Fill project form with a unique, identifiable name
const projectName = 'ProjEditor Test ' + Date.now();
console.log('Creating project with name:', projectName);
await page.fill('input[placeholder="Project name"]', projectName);
await page.fill('input[placeholder="Description (optional)"]', 'Project for E2E testing');
await page.getByTestId('project-name-input').fill(projectName);
await page.getByTestId('project-description-input').fill('Project for E2E testing');
// Submit project form
await page.click('button:has-text("Create")');
await page.click('.modal button.btn-primary:has-text("Create")');
// Wait a bit for submission
await page.waitForTimeout(2000);
@@ -76,12 +73,23 @@ test.describe('Project Editor', () => {
await page.waitForSelector(`.project-card:has-text("${projectName}")`, { timeout: 10000 });
console.log('✅ Project created');
// Step 3: Delete the created project — click OUR project card by name
console.log('🗑️ Deleting project...');
// Step 3: Edit the created project via modal
console.log('✏️ Editing project via modal...');
await page.click(`.project-card:has-text("${projectName}")`);
await page.waitForLoadState('networkidle');
await page.waitForTimeout(1000);
await page.click('button:has-text("Edit")');
await page.waitForSelector('.modal', { timeout: 10000 });
const updatedDescription = `Updated project description ${Date.now()}`;
await page.getByTestId('project-description-input').fill(updatedDescription);
await page.click('.modal button.btn-primary:has-text("Save")');
await page.waitForSelector('.modal', { state: 'detached', timeout: 10000 });
await expect(page.locator(`text=${updatedDescription}`)).toBeVisible({ timeout: 10000 });
console.log('✅ Project edited');
// Step 4: Delete the created project — click OUR project card by name
console.log('🗑️ Deleting project...');
// Look for delete button
const deleteBtn = page.locator('button:has-text("Delete")');