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

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

test("test", async ({ page }) => {
  await page.goto("kabelueberwachung");
  await page
    .locator("div")
    .filter({ hasText: /^1KÜ705-FO⚙$/ })
    .getByRole("button")
    .click();
  await expect(
    page.locator("div").filter({ hasText: /^Einstellungen KÜ 1$/ })
  ).toBeVisible();
  await expect(page.getByText("AllgemeinTDRKVzKnotenpunkte")).toBeVisible();
  await expect(page.getByText("Kabelbezeichnung:")).toBeVisible();
  await expect(
    page.getByRole("textbox", { name: "Feld kann nicht bearbeitet" })
  ).toBeVisible();
  await expect(page.getByText("Kabelname:")).toBeVisible();
  await expect(
    page
      .locator("div")
      .filter({ hasText: /^Kabelname:$/ })
      .getByRole("textbox")
  ).toBeVisible();
  await expect(page.getByText("Speicherintervall:")).toBeVisible();
  await expect(
    page
      .locator("div")
      .filter({ hasText: /^Minuten$/ })
      .getByRole("spinbutton")
  ).toBeVisible();
  await expect(
    page.getByRole("heading", { name: "Isolationsmessung" })
  ).toBeVisible();
  await expect(
    page
      .locator("div")
      .filter({ hasText: /^Grenzwert:MOhm$/ })
      .locator("label")
  ).toBeVisible();
  await expect(
    page
      .locator("div")
      .filter({ hasText: /^MOhm$/ })
      .getByRole("spinbutton")
  ).toBeVisible();
  await expect(page.getByText("Verzögerung:")).toBeVisible();
  await expect(
    page
      .locator("div")
      .filter({ hasText: /^Sekunden$/ })
      .getByRole("spinbutton")
  ).toBeVisible();
  await expect(
    page.getByRole("heading", { name: "Schleifenmessung" })
  ).toBeVisible();
  await expect(
    page
      .locator("div")
      .filter({ hasText: /^Grenzwert:kOhm$/ })
      .locator("label")
  ).toBeVisible();
  await expect(
    page
      .locator("div")
      .filter({ hasText: /^kOhm$/ })
      .getByRole("spinbutton")
  ).toBeVisible();
  await expect(page.getByText("Schleifenmessintervall:")).toBeVisible();
  await expect(
    page
      .locator("div")
      .filter({ hasText: /^Stunden$/ })
      .getByRole("spinbutton")
  ).toBeVisible();
  await expect(
    page.getByRole("button", { name: "Display einschalten" })
  ).toBeVisible();
  await expect(page.getByRole("button", { name: "Speichern" })).toBeVisible();
  await expect(
    page.getByRole("button", { name: "Modal schließen" })
  ).toBeVisible();
  await page.getByRole("button", { name: "Modal schließen" }).click();
});