3.2 Fixtures：beforeEach 與共用準備#

import { test, expect } from "@playwright/test";

test.describe("購物車", () => {
  test.beforeEach(async ({ page }) => {
    // 每個測試前都先登入並進到購物車頁
    await page.goto("https://my-site.com/login");
    await page.getByLabel("電子郵件").fill("user@test.com");
    await page.getByLabel("密碼").fill("password123");
    await page.getByRole("button", { name: "登入" }).click();
    await expect(page).toHaveURL(/dashboard/);

    await page.getByRole("link", { name: "購物車" }).click();
  });

  test("加入商品後數量應該更新", async ({ page }) => {
    await page.getByRole("button", { name: "加入購物車" }).click();
    await expect(page.getByText("1 件商品")).toBeVisible();
  });

  test("清空購物車", async ({ page }) => {
    await page.getByRole("button", { name: "清空" }).click();
    await expect(page.getByText("購物車是空的")).toBeVisible();
  });
});

test.beforeAll(async () => {  });   // 整個檔案跑一次（開測試前）
test.afterEach(async () => {  });   // 每個測試後（清理）
test.afterAll(async () => {  });    // 整個檔案結束後（清理）

test("範例", async ({ page, browserName, viewport }) => {
  // page：頁面物件（最常用）
  // browserName：瀏覽器名稱（chromium/firefox/webkit）
  // viewport：視窗大小
});

// tests/helpers/login.ts
import { expect, type Page } from "@playwright/test";

export async function login(page: Page) {
  await page.goto("https://my-site.com/login");
  await page.getByLabel("電子郵件").fill("user@test.com");
  await page.getByLabel("密碼").fill("password123");
  await page.getByRole("button", { name: "登入" }).click();
  await expect(page).toHaveURL(/dashboard/);
}

// tests/cart.spec.ts
import { test, expect } from "@playwright/test";
import { login } from "./helpers/login";

test.beforeEach(async ({ page }) => {
  await login(page);
});