import { expect, test, type Page } from "@playwright/test"; async function signIn(page: Page, email: string, password: string) { await page.goto("/auth/signin"); await page.fill('input[type="email"]', email); await page.fill('input[type="password"]', password); await page.click('button[type="submit"]'); await expect(page).toHaveURL(/\/(dashboard|resources)/); } test.describe("Estimates", () => { test.beforeEach(async ({ page }) => { await signIn(page, "admin@capakraken.dev", "admin123"); await page.goto("/estimates"); }); test("estimate list loads", async ({ page }) => { await page.waitForLoadState("networkidle"); await expect( page.getByRole("heading", { name: /estimate workspace/i }), ).toBeVisible({ timeout: 10000 }); await expect( page.getByPlaceholder("Search by estimate or opportunity"), ).toBeVisible({ timeout: 10000 }); await expect( page.locator("text=No estimates yet").or( page.locator("text=Select an estimate to inspect the current version, demand lines, and summary metrics."), ), ).toBeVisible({ timeout: 10000 }); }); test("new estimate wizard opens with setup step", async ({ page }) => { await page.waitForLoadState("networkidle"); const newBtn = page.locator("button", { hasText: /New Estimate/i }); await expect(newBtn).toBeVisible({ timeout: 10000 }); await newBtn.click(); await expect(page.getByRole("button", { name: /Step 1 Setup/i })).toBeVisible({ timeout: 5000, }); }); test("estimate wizard navigates through steps", async ({ page }) => { await page.waitForLoadState("networkidle"); await page.locator("button", { hasText: /New Estimate/i }).click(); // Step 1: Setup — fill a name await expect(page.getByRole("button", { name: /Step 1 Setup/i })).toBeVisible({ timeout: 5000 }); const nameInput = page.locator('input[placeholder*="name"]').or(page.locator('input[name="name"]')).first(); if ((await nameInput.count()) > 0) { await nameInput.fill(`E2E Estimate ${Date.now()}`); } // Click Next to go to step 2 const nextBtn = page.locator("button", { hasText: "Next" }); if ((await nextBtn.count()) > 0) { await nextBtn.click(); await page.waitForTimeout(500); await expect(page.getByRole("button", { name: /Step 2 Assumptions/i })).toBeVisible({ timeout: 5000, }); } // Close the wizard without completing const cancelBtn = page.locator("button", { hasText: /Cancel|Close/i }).first(); if ((await cancelBtn.count()) > 0) { await cancelBtn.click(); } else { await page.keyboard.press("Escape"); } }); test("estimate wizard shows all step labels", async ({ page }) => { await page.waitForLoadState("networkidle"); await page.locator("button", { hasText: /New Estimate/i }).click(); // The wizard header should show step labels const stepButtons = [ /Step 1 Setup/i, /Step 2 Assumptions/i, /Step 3 Scope/i, /Step 4 Staffing/i, /Step 5 Review/i, ]; for (const stepButton of stepButtons) { await expect(page.getByRole("button", { name: stepButton })).toBeVisible({ timeout: 5000 }); } await page.keyboard.press("Escape"); }); test("shows the empty-state fallback when no estimates exist", async ({ page }) => { await page.waitForLoadState("networkidle"); await expect( page.locator("text=No estimates yet"), ).toBeVisible({ timeout: 10000 }); }); test("shows an estimate-not-found fallback for unknown workspaces", async ({ page }) => { await page.goto("/estimates/missing-estimate"); await page.waitForLoadState("networkidle"); await expect(page.getByText(/Estimate not found/i)).toBeVisible({ timeout: 10000 }); }); test("shows the restricted workspace fallback for viewers", async ({ browser }) => { const page = await browser.newPage(); await signIn(page, "viewer@capakraken.dev", "viewer123"); await page.goto("/estimates/missing-estimate"); await page.waitForLoadState("networkidle"); await expect( page.locator("text=Your role can access the estimate list, but not the detailed financial workspace."), ).toBeVisible({ timeout: 10000 }); await page.close(); }); });