CapaKraken/apps/web/e2e/estimates.spec.ts

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();
  });
});