import { test, expect } from "@playwright/test";
import { headerTest } from "@/playwright/tests/components/header/headerTest";
import { navTest } from "@/playwright/tests/components/navigation/navTest";
import { footerTest } from "@/playwright/tests/components/footer/footerTest";

test.use({
  viewport: {
    height: 900,
    width: 1600,
  },
});

test("Kabelüberwachung", async ({ page }) => {
  await page.goto("/kabelueberwachung");
  // Gemeinsame Layout-Checks
  await headerTest(page);
  await navTest(page);
  await footerTest(page);
  await expect(page.getByRole("button", { name: "Rack 1" })).toBeVisible();
  await expect(page.getByRole("button", { name: "Rack 2" })).toBeVisible();
  await expect(page.getByRole("button", { name: "Rack 3" })).toBeVisible();
  await expect(page.getByRole("button", { name: "Rack 4" })).toBeVisible();
  await expect(
    page.getByText(
      "1KÜ705-FO⚙BetriebAlarmErdschluss ISO: 10,00 MOhmRSL: 0,000 kOhmKabel 1Kabel 1V4"
    )
  ).toBeVisible();
  await expect(
    page.getByText("DetailansichtISORSLTDRKVZ").first()
  ).toBeVisible();
  await expect(
    page.locator(".bg-littwin-blue.text-white").first()
  ).toBeVisible();
  await expect(
    page.locator(".flex > button:nth-child(2)").first()
  ).toBeVisible();
  await expect(
    page.locator(".bg-littwin-blue.text-white.cursor-pointer").first()
  ).toBeVisible();
  await expect(
    page.getByRole("button", { name: "KVZ", exact: true }).first()
  ).toBeVisible();
});