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("div")
    .filter({ hasText: /^1KÜ705-FO⚙$/ })
    .getByRole("button")
    .click();
  await page.getByRole("button", { name: "Knotenpunkte" }).click();
  await page.getByText("Knoten 1:").click();
  await page
    .locator("div")
    .filter({ hasText: /^Knoten 1:↳ Verbindung:m$/ })
    .locator("span")
    .first()
    .click();
  await page.getByText("Knoten 2:").click();
  await page
    .locator("div")
    .filter({ hasText: /^Knoten 2:↳ Verbindung:m$/ })
    .locator("span")
    .first()
    .click();
  await page.getByText("Knoten 3:").click();
  await page.getByText("Knoten 10:").click();
  await page.getByRole("button", { name: "Modal schließen" }).click();
});