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

test("displays counter value", async ({ page }) => {
  await page.goto("/");
  await expect(page.locator("h1")).not.toHaveText("...");
});

test("clicking +1 increments the counter", async ({ page }) => {
  await page.goto("/");
  await expect(page.locator("h1")).not.toHaveText("...");

  const before = await page.locator("h1").textContent();
  await page.click("button");
  await expect(page.locator("h1")).toHaveText(String(Number(before) + 1));
});

test("counter persists after reload", async ({ page }) => {
  await page.goto("/");
  await expect(page.locator("h1")).not.toHaveText("...");

  const before = await page.locator("h1").textContent();
  await page.click("button");
  const expected = String(Number(before) + 1);
  await expect(page.locator("h1")).toHaveText(expected);

  await page.reload();
  await expect(page.locator("h1")).toHaveText(expected);
});