Daniel Volz
103 lines
3.7 KiB
TypeScript
103 lines
3.7 KiB
TypeScript
import { expect } from "@playwright/test";
|
|
import { authFile, navigateTo, test } from "./fixtures";
|
|
|
|
/**
|
|
* Dashboard E2E Tests
|
|
*
|
|
* Verifies the main dashboard with medication overview (coverage cards)
|
|
* and upcoming schedules timeline.
|
|
*/
|
|
test.describe("Dashboard", () => {
|
|
test.use({ storageState: authFile });
|
|
|
|
test("should display the dashboard page with header", async ({ page }) => {
|
|
await navigateTo(page, "/dashboard");
|
|
|
|
// App header with navigation tabs should be visible
|
|
await expect(page.getByTestId("app-header")).toBeVisible();
|
|
await expect(page.getByTestId("app-header").getByRole("heading", { level: 1 })).toBeVisible();
|
|
|
|
// Eyebrow should show "Overview"
|
|
await expect(page.getByTestId("app-header")).toContainText(/Overview/i);
|
|
});
|
|
|
|
test("should show navigation tabs", async ({ page }) => {
|
|
await navigateTo(page, "/dashboard");
|
|
|
|
// All three nav tabs should be visible
|
|
await expect(page.getByTestId("main-nav").getByRole("button", { name: /Dashboard/i })).toBeVisible();
|
|
await expect(page.getByTestId("main-nav").getByRole("button", { name: /Medications/i })).toBeVisible();
|
|
await expect(page.getByTestId("main-nav").getByRole("button", { name: /Planner/i })).toBeVisible();
|
|
|
|
// Dashboard tab should be active
|
|
await expect(page).toHaveURL(/\/dashboard/);
|
|
});
|
|
|
|
test("should navigate to medications via tab", async ({ page }) => {
|
|
await navigateTo(page, "/dashboard");
|
|
|
|
await page
|
|
.getByTestId("main-nav")
|
|
.getByRole("button", { name: /Medications/i })
|
|
.click();
|
|
await expect(page).toHaveURL(/\/medications/);
|
|
});
|
|
|
|
test("should navigate to planner via tab", async ({ page }) => {
|
|
await navigateTo(page, "/dashboard");
|
|
|
|
await page
|
|
.getByTestId("main-nav")
|
|
.getByRole("button", { name: /Planner/i })
|
|
.click();
|
|
await expect(page).toHaveURL(/\/planner/);
|
|
});
|
|
|
|
test("should display medication overview section", async ({ page }) => {
|
|
await navigateTo(page, "/dashboard");
|
|
|
|
// Should show either the overview section or "no medications" state
|
|
const hasOverviewTitle = page.locator("h2").filter({ hasText: /Medication Overview/i });
|
|
const hasNoMeds = page.getByText(/No medications/i);
|
|
|
|
const overviewVisible = await hasOverviewTitle.isVisible().catch(() => false);
|
|
const noMedsVisible = await hasNoMeds.isVisible().catch(() => false);
|
|
|
|
expect(overviewVisible || noMedsVisible).toBeTruthy();
|
|
});
|
|
|
|
test("should display schedules section", async ({ page }) => {
|
|
await navigateTo(page, "/dashboard");
|
|
|
|
// Should show the schedules section title or "no medications" state
|
|
const hasSchedulesTitle = page.locator("h2").filter({ hasText: /Upcoming Schedules/i });
|
|
const hasNoMeds = page.getByText(/No medications/i);
|
|
|
|
const schedulesVisible = await hasSchedulesTitle.isVisible().catch(() => false);
|
|
const noMedsVisible = await hasNoMeds.isVisible().catch(() => false);
|
|
|
|
expect(schedulesVisible || noMedsVisible).toBeTruthy();
|
|
});
|
|
|
|
test("should have schedule days selector when schedules exist", async ({ page }) => {
|
|
await navigateTo(page, "/dashboard");
|
|
|
|
const schedulesTitle = page.locator("h2").filter({ hasText: /Upcoming Schedules/i });
|
|
if (await schedulesTitle.isVisible().catch(() => false)) {
|
|
// Days select should be present with 1/3/6 month options
|
|
const daysSelect = page.locator("select.schedule-days-select");
|
|
if (await daysSelect.isVisible().catch(() => false)) {
|
|
await expect(daysSelect).toBeVisible();
|
|
const options = daysSelect.locator("option");
|
|
await expect(options).toHaveCount(3);
|
|
}
|
|
}
|
|
});
|
|
|
|
test("should redirect root to dashboard", async ({ page }) => {
|
|
await page.goto("/");
|
|
await expect(page.getByTestId("app-header")).toBeVisible({ timeout: 15000 });
|
|
await expect(page).toHaveURL(/\/dashboard/);
|
|
});
|
|
});
|