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

test.use({
  viewport: {
    height: 800,
    width: 1280,
  },
});

test("test", async ({ page }) => {
  await page.goto("http://localhost:3000/kabelueberwachung");
  await page.locator(".flex > button:nth-child(2)").first().click();
  await expect(page.getByLabel("Schleifenwiderstand").getByRole("banner"))
    .toMatchAriaSnapshot(`
    - banner:
      - heading "Schleifenwiderstand" [level=3]
      - button "Vollbild"
      - button "Schließen"
      - button "Messkurve "
    `);
  await expect(page.getByLabel("Schleifenwiderstand")).toMatchAriaSnapshot(`
    - text: KÜ 1 Von
    - textbox: /\\d+\\.\\d+\\.\\d+/
    - text: Bis
    - textbox: /\\d+\\.\\d+\\.\\d+/
    - button "Alle Messwerte "
    - button "RSL Messung starten"
    - button "Daten laden"
    `);
  await page.getByRole("button", { name: "Alle Messwerte " }).click();
  await page.getByRole("option", { name: "Stündlich" }).click();
  await expect(page.getByLabel("Schleifenwiderstand")).toMatchAriaSnapshot(`
    - text: KÜ 1 Von
    - textbox: /\\d+\\.\\d+\\.\\d+/
    - text: Bis
    - textbox: /\\d+\\.\\d+\\.\\d+/
    - button "Stündlich "
    - button "RSL Messung starten"
    - button "Daten laden"
    `);
  await page.getByRole("button", { name: "Stündlich " }).click();
  await page.getByRole("option", { name: "Täglich" }).click();
  await expect(page.getByLabel("Schleifenwiderstand")).toMatchAriaSnapshot(`
    - text: KÜ 1 Von
    - textbox: /\\d+\\.\\d+\\.\\d+/
    - text: Bis
    - textbox: /\\d+\\.\\d+\\.\\d+/
    - button "Täglich "
    - button "RSL Messung starten"
    - button "Daten laden"
    `);
  await page.locator("canvas").click({
    position: {
      x: 128,
      y: 41,
    },
  });
  await expect(page.locator("canvas")).toBeVisible();
  await page.getByRole("button", { name: "Messkurve " }).click();
  await page.getByRole("option", { name: "Meldungen" }).click();
  await expect(page.getByText("SchleifenwiderstandMeldungen")).toBeVisible();
  await expect(page.getByText("Von")).toBeVisible();
  await expect(
    page.locator("div").filter({ hasText: /^Von$/ }).getByRole("textbox")
  ).toBeVisible();
  await expect(page.getByText("Bis")).toBeVisible();
  await expect(
    page.locator("div").filter({ hasText: /^Bis$/ }).getByRole("textbox")
  ).toBeVisible();
  await expect(page.getByRole("button", { name: "Anzeigen" })).toBeVisible();
  await expect(
    page
      .getByLabel("Schleifenwiderstand")
      .locator("div")
      .filter({
        hasText:
          "PrioZeitstempelQuelleMeldungStatus03.09.2025, 12:10:42CableLine1Modul",
      })
      .nth(4)
  ).toBeVisible();
  await page.getByRole("cell", { name: "Prio" }).click();
  await page.getByRole("cell", { name: "Zeitstempel" }).click();
  await page.getByRole("cell", { name: "Quelle" }).click();
  await page.getByRole("cell", { name: "Meldung" }).click();
  await page.getByRole("cell", { name: "Status" }).click();
  await page
    .getByRole("dialog", { name: "Schleifenwiderstand" })
    .getByLabel("Schließen")
    .click();
});