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

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

test("test", async ({ page }) => {
  await page.goto("http://localhost:3000/kabelueberwachung");
  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();
});