kibin/fiberops-web
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix(m4): TableRow spreads rest props for data-testid; improve E2E timeouts

Browse Source
This commit is contained in:
root
2026-03-26 10:32:21 +00:00
parent b0c68ae562
commit fa6a525c1f
2 changed files with 31 additions and 26 deletions
Download Patch File Download Diff File Expand all files Collapse all files

43
e2e/plans.spec.ts
View File

@@ -5,25 +5,25 @@ test.describe('Plans', () => {
test.beforeEach(async ({ page }) => {
await login(page);
await page.goto('/plans');
await page.waitForLoadState('networkidle');
});
test('plans page renders with header and table', async ({ page }) => {
await expect(page.locator('h1:has-text("Plans")')).toBeVisible();
await expect(page.locator('h1:has-text("Plans")')).toBeVisible({ timeout: 10000 });
await expect(page.locator('table')).toBeVisible();
await expect(page.locator('[data-testid="btn-add-plan"]')).toBeVisible();
});
test('plans list loads rows from API', async ({ page }) => {
// Wait for data to load
await page.waitForTimeout(3000);
// Wait for rows to appear (demo tenant has seeded plans)
await page.waitForSelector('[data-testid="plan-row"]', { timeout: 20000 });
const rows = page.locator('[data-testid="plan-row"]');
const count = await rows.count();
// Demo tenant has seeded plans
expect(count).toBeGreaterThan(0);
expect(await rows.count()).toBeGreaterThan(0);
});
test('add plan modal opens and submits', async ({ page }) => {
// Wait for page to be ready
await page.waitForSelector('h1:has-text("Plans")', { timeout: 10000 });
await page.click('[data-testid="btn-add-plan"]');
// Modal should appear
@@ -41,19 +41,19 @@ test.describe('Plans', () => {
// Submit
await page.click('[data-testid="btn-submit-create"]');
// Wait for modal to close (API call + state update)
await expect(page.locator('[data-testid="modal-create-plan"]')).not.toBeVisible({ timeout: 10000 });
// Modal should close (API call + state update)
await expect(page.locator('[data-testid="modal-create-plan"]')).not.toBeVisible({ timeout: 15000 });
// New plan should appear in the table
await page.waitForTimeout(1000);
await expect(page.locator(`text=${planName}`)).toBeVisible({ timeout: 5000 });
await expect(page.locator(`text=${planName}`)).toBeVisible({ timeout: 10000 });
});
test('edit plan modal opens and submits', async ({ page }) => {
await page.waitForTimeout(2000);
// Wait for rows
await page.waitForSelector('[data-testid="plan-row"]', { timeout: 20000 });
const editBtns = page.locator('[data-testid="btn-edit-plan"]');
const count = await editBtns.count();
expect(count).toBeGreaterThan(0);
expect(await editBtns.count()).toBeGreaterThan(0);
// Click first edit button
await editBtns.first().click();
@@ -69,23 +69,24 @@ test.describe('Plans', () => {
await page.click('[data-testid="btn-submit-edit"]');
// Modal should close
await expect(page.locator('[data-testid="modal-edit-plan"]')).not.toBeVisible({ timeout: 10000 });
await expect(page.locator('[data-testid="modal-edit-plan"]')).not.toBeVisible({ timeout: 15000 });
});
test('delete plan shows confirmation and cancels', async ({ page }) => {
await page.waitForTimeout(2000);
const deleteBtns = page.locator('[data-testid="btn-delete-plan"]');
const count = await deleteBtns.count();
expect(count).toBeGreaterThan(0);
// Wait for rows
await page.waitForSelector('[data-testid="plan-row"]', { timeout: 20000 });
// Click last delete button (to avoid deleting seeded data, target the E2E-created plan)
const deleteBtns = page.locator('[data-testid="btn-delete-plan"]');
expect(await deleteBtns.count()).toBeGreaterThan(0);
// Click last delete button
await deleteBtns.last().click();
// Confirmation modal should appear
await expect(page.locator('[data-testid="modal-delete-plan"]')).toBeVisible({ timeout: 5000 });
await expect(page.locator('[data-testid="btn-confirm-delete"]')).toBeVisible();
// Cancel the delete
// Cancel the delete (don't actually delete seeded data)
await page.click('[data-testid="btn-cancel-delete"]');
// Modal should close