magical-patisserie.spec.ts

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

test("screenshot all cards", async ({ page }) => {
    await page.goto("http://localhost:5174/magical-patisserie/");
    await page.click("#create-button");

    const cards = page.locator("#out > .card");
    await expect(cards).toHaveCount(41);

    for (const card of await cards.all()) {
        const title = await card.getAttribute("title");
        await card.screenshot({
            path: `screenshots/magical-patisserie/${title}.png`,
        });
    }
});