69 lines
2.7 KiB
TypeScript
69 lines
2.7 KiB
TypeScript
|
import { test, expect } from "@playwright/test";
|
||
|
|
|
||
|
|
test.describe("Cart Flow", () => {
|
||
|
|
test("should render warenkorb page with heading", async ({ page }) => {
|
||
|
|
await page.goto("/warenkorb");
|
||
|
|
await expect(page.locator("h1")).toContainText("Warenkorb");
|
||
|
|
});
|
||
|
|
|
||
|
|
test("should show empty state when cart is empty", async ({ page }) => {
|
||
|
|
await page.goto("/warenkorb");
|
||
|
|
await expect(page.getByTestId("warenkorb-empty")).toBeVisible();
|
||
|
|
await expect(page.getByTestId("warenkorb-empty-cta")).toBeVisible();
|
||
|
|
});
|
||
|
|
|
||
|
|
test("should have link to mietkatalog from empty state", async ({ page }) => {
|
||
|
|
await page.goto("/warenkorb");
|
||
|
|
const cta = page.getByTestId("warenkorb-empty-cta");
|
||
|
|
await expect(cta).toHaveAttribute("href", "/mietkatalog");
|
||
|
|
});
|
||
|
|
|
||
|
|
test("should show header cart icon", async ({ page }) => {
|
||
|
|
await page.goto("/");
|
||
|
|
await expect(page.getByTestId("header-cart-button")).toBeVisible();
|
||
|
|
});
|
||
|
|
|
||
|
|
test("should open cart drawer when header cart icon clicked", async ({ page }) => {
|
||
|
|
await page.goto("/");
|
||
|
|
await page.getByTestId("header-cart-button").click();
|
||
|
|
await expect(page.getByTestId("cart-drawer")).toBeVisible();
|
||
|
|
});
|
||
|
|
|
||
|
|
test("should show empty state in cart drawer", async ({ page }) => {
|
||
|
|
await page.goto("/");
|
||
|
|
await page.getByTestId("header-cart-button").click();
|
||
|
|
await expect(page.getByTestId("cart-drawer")).toBeVisible();
|
||
|
|
await expect(page.locator("text=Ihr Warenkorb ist leer")).toBeVisible();
|
||
|
|
});
|
||
|
|
|
||
|
|
test("should close cart drawer on backdrop click", async ({ page }) => {
|
||
|
|
await page.goto("/");
|
||
|
|
await page.getByTestId("header-cart-button").click();
|
||
|
|
await expect(page.getByTestId("cart-drawer")).toBeVisible();
|
||
|
|
await page.getByTestId("cart-drawer-backdrop").click();
|
||
|
|
await expect(page.getByTestId("cart-drawer")).not.toBeVisible();
|
||
|
|
});
|
||
|
|
|
||
|
|
test("should have checkout link in cart drawer", async ({ page }) => {
|
||
|
|
await page.goto("/");
|
||
|
|
await page.getByTestId("header-cart-button").click();
|
||
|
|
await expect(page.getByTestId("cart-drawer")).toBeVisible();
|
||
|
|
const checkout = page.getByTestId("cart-drawer-checkout");
|
||
|
|
await expect(checkout).toHaveAttribute("href", "/mietanfrage");
|
||
|
|
});
|
||
|
|
|
||
|
|
test("should have view cart link in cart drawer", async ({ page }) => {
|
||
|
|
await page.goto("/");
|
||
|
|
await page.getByTestId("header-cart-button").click();
|
||
|
|
await expect(page.getByTestId("cart-drawer")).toBeVisible();
|
||
|
|
const viewCart = page.getByTestId("cart-drawer-view-cart");
|
||
|
|
await expect(viewCart).toHaveAttribute("href", "/warenkorb");
|
||
|
|
});
|
||
|
|
|
||
|
|
test("should have mobile cart button", async ({ page }) => {
|
||
|
|
await page.goto("/");
|
||
|
|
await page.setViewportSize({ width: 375, height: 667 });
|
||
|
|
await expect(page.getByTestId("header-cart-button-mobile")).toBeVisible();
|
||
|
|
});
|
||
|
|
});
|