import type { Page } from "@playwright/test";
import { highlightAndExpectVisible } from "../utils/highlight";

export async function runCableMonitoringTest(page: Page) {
  await page.goto("/kabelueberwachung");

  // Logo
  await highlightAndExpectVisible(
    page,
    page.getByRole("img", { name: "Logo", exact: true })
  );
  await page.waitForTimeout(400);

  // TALAS Logo
  await highlightAndExpectVisible(
    page,
    page.getByRole("img", { name: "TALAS Logo" })
  );
  await page.waitForTimeout(400);

  // Meldestation
  await highlightAndExpectVisible(
    page,
    page.getByRole("heading", { name: "Meldestation" })
  );
  await page.waitForTimeout(400);

  // CPLV4 Ismail Rastede
  await highlightAndExpectVisible(page, page.getByText("CPLV4 Ismail Rastede"));
  await page.waitForTimeout(400);

  // Rack Buttons
  for (const rack of [1, 2, 3, 4, 1]) {
    await highlightAndExpectVisible(
      page,
      page.getByRole("button", { name: `Rack ${rack}` })
    );
    await page.waitForTimeout(400);
  }

  // Kabel 1
  await highlightAndExpectVisible(page, page.getByText("1", { exact: true }));
  await page.waitForTimeout(400);

  await highlightAndExpectVisible(
    page,
    page.locator("div").filter({ hasText: /^8$/ })
  );
  await page.waitForTimeout(400);

  await highlightAndExpectVisible(
    page,
    page
      .locator("div")
      .filter({ hasText: /^1KÜ705-FO⚙$/ })
      .getByRole("heading")
  );
  await page.waitForTimeout(400);

  await highlightAndExpectVisible(page, page.getByText("1", { exact: true }));
  await page.waitForTimeout(400);

  await highlightAndExpectVisible(
    page,
    page
      .locator("div")
      .filter({ hasText: /^1KÜ705-FO⚙$/ })
      .getByRole("button")
  );
  await page.waitForTimeout(400);

  await highlightAndExpectVisible(
    page,
    page.locator(".flex.flex-col > span").first()
  );
  await page.waitForTimeout(400);

  await highlightAndExpectVisible(
    page,
    page.locator(".w-\\[0\\.625rem\\]").first()
  );
  await page.waitForTimeout(400);

  await highlightAndExpectVisible(
    page,
    page.locator("span:nth-child(2)").first()
  );
  await page.waitForTimeout(400);

  await highlightAndExpectVisible(
    page,
    page
      .locator(".w-\\[0\\.625rem\\].h-\\[0\\.625rem\\].rounded-full.bg-red-500")
      .first()
  );
  await page.waitForTimeout(400);

  await highlightAndExpectVisible(page, page.getByText("Erdschluss").first());
  await page.waitForTimeout(400);

  await highlightAndExpectVisible(
    page,
    page.locator(".text-center > span:nth-child(2)").first()
  );
  await page.waitForTimeout(400);

  await highlightAndExpectVisible(page, page.getByText("RSL: 0 kOhm").first());
  await page.waitForTimeout(400);

  await highlightAndExpectVisible(page, page.getByText("Kabel 1"));
  await page.waitForTimeout(400);

  await highlightAndExpectVisible(
    page,
    page.locator(".text-black.text-\\[0\\.625rem\\].font-semibold").first()
  );
  await page.waitForTimeout(400);

  await highlightAndExpectVisible(
    page,
    page.locator(".bg-littwin-blue.text-white.text-\\[0\\.625rem\\]").first()
  );
  await page.waitForTimeout(400);

  await highlightAndExpectVisible(
    page,
    page.locator(".flex > button:nth-child(2)").first()
  );
  await page.waitForTimeout(400);

  await highlightAndExpectVisible(
    page,
    page.locator(".bg-littwin-blue.text-white.cursor-pointer").first()
  );
  await page.waitForTimeout(400);

  await highlightAndExpectVisible(page, page.getByText("V4.20"));
  await page.waitForTimeout(400);

  // Kabel 8
  await highlightAndExpectVisible(page, page.getByText("8", { exact: true }));
  await page.waitForTimeout(400);

  await highlightAndExpectVisible(
    page,
    page
      .locator("div")
      .filter({ hasText: /^8KÜ705-FO⚙$/ })
      .getByRole("heading")
  );
  await page.waitForTimeout(400);

  await highlightAndExpectVisible(
    page,
    page
      .locator("div")
      .filter({ hasText: /^8KÜ705-FO⚙$/ })
      .getByRole("button")
  );
  await page.waitForTimeout(400);

  await highlightAndExpectVisible(
    page,
    page
      .locator(
        "div:nth-child(8) > .relative.bg-gray-300 > .relative.w-\\[7\\.075rem\\] > .flex.flex-col.mt-\\[0\\.625rem\\] > .flex.items-center.space-x-\\[0\\.25rem\\] > .flex.flex-col.items-start > span"
      )
      .first()
  );
  await page.waitForTimeout(400);

  await highlightAndExpectVisible(
    page,
    page.locator(
      "div:nth-child(8) > .relative.bg-gray-300 > .relative.w-\\[7\\.075rem\\] > .flex.flex-col.mt-\\[0\\.625rem\\] > .flex.items-center.space-x-\\[0\\.25rem\\] > .flex.flex-col.items-start > span:nth-child(2)"
    )
  );
  await page.waitForTimeout(400);

  await highlightAndExpectVisible(
    page,
    page.locator(
      "div:nth-child(8) > .relative.bg-gray-300 > .relative.w-\\[7\\.075rem\\] > .flex.flex-col.mt-\\[0\\.625rem\\] > .flex.items-center.space-x-\\[0\\.25rem\\] > .flex.flex-col.items-center > .w-\\[0\\.625rem\\].h-\\[0\\.625rem\\].bg-green-500"
    )
  );
  await page.waitForTimeout(400);

  await highlightAndExpectVisible(
    page,
    page.locator(
      "div:nth-child(8) > .relative.bg-gray-300 > .relative.w-\\[7\\.075rem\\] > .flex.flex-col.mt-\\[0\\.625rem\\] > .flex.items-center.space-x-\\[0\\.25rem\\] > .flex.flex-col.items-center > .w-\\[0\\.625rem\\].h-\\[0\\.625rem\\].rounded-full.bg-red-500"
    )
  );
  await page.waitForTimeout(400);

  await highlightAndExpectVisible(page, page.getByText("Isolationsfehler"));
  await page.waitForTimeout(400);

  await highlightAndExpectVisible(
    page,
    page.locator(
      "div:nth-child(8) > .relative.bg-gray-300 > .relative.w-\\[7\\.075rem\\] > .relative.mt-\\[3\\.125rem\\] > .text-center > span:nth-child(2)"
    )
  );
  await page.waitForTimeout(400);

  await highlightAndExpectVisible(page, page.getByText("RSL: 0 kOhm").nth(3));
  await page.waitForTimeout(400);

  await highlightAndExpectVisible(page, page.getByText("Kabel 8"));
  await page.waitForTimeout(400);

  await highlightAndExpectVisible(
    page,
    page
      .getByRole("main")
      .locator("div")
      .filter({
        hasText:
          "8KÜ705-FO⚙BetriebAlarmIsolationsfehler ISO: 10 MOhmRSL: 0 kOhmKabel 8V4.",
      })
      .nth(2)
  );
  await page.waitForTimeout(400);

  await highlightAndExpectVisible(
    page,
    page.locator(".bg-littwin-blue.text-white.text-\\[0\\.625rem\\]").first()
  );
  await page.waitForTimeout(400);

  // ... (weitere Schritte können nach diesem Muster ergänzt werden)

  // Beispiel für weitere Schritte aus dem Kommentar:
  await highlightAndExpectVisible(
    page,
    page.locator(".bg-littwin-blue.text-white.text-\\[0\\.625rem\\]").first()
  );
  await page.waitForTimeout(400);
  await page
    .locator(".bg-littwin-blue.text-white.text-\\[0\\.625rem\\]")
    .first()
    .click();
  await page.waitForTimeout(400);

  await highlightAndExpectVisible(
    page,
    page.getByRole("heading", { name: "Isolationswiderstand" })
  );
  await page.waitForTimeout(400);
  await page.getByRole("heading", { name: "Isolationswiderstand" }).click();
  await page.waitForTimeout(400);

  await highlightAndExpectVisible(page, page.getByText("KÜ 1"));
  await page.waitForTimeout(400);
  await page.getByText("KÜ 1").click();
  await page.waitForTimeout(400);

  await highlightAndExpectVisible(page, page.getByText("Von"));
  await page.waitForTimeout(400);
  await page.getByText("Von").click();
  await page.waitForTimeout(400);

  await highlightAndExpectVisible(
    page,
    page.locator("div").filter({ hasText: /^Von$/ }).getByRole("textbox")
  );
  await page.waitForTimeout(400);
  await page
    .locator("div")
    .filter({ hasText: /^Von$/ })
    .getByRole("textbox")
    .click();
  await page.waitForTimeout(400);

  await highlightAndExpectVisible(page, page.getByText("Bis"));
  await page.waitForTimeout(400);
  await page.getByText("Bis").click();
  await page.waitForTimeout(400);

  await highlightAndExpectVisible(
    page,
    page.locator("div").filter({ hasText: /^Bis$/ }).getByRole("textbox")
  );
  await page.waitForTimeout(400);
  await page
    .locator("div")
    .filter({ hasText: /^Bis$/ })
    .getByRole("textbox")
    .click();
  await page.waitForTimeout(400);

  await highlightAndExpectVisible(
    page,
    page.getByRole("button", { name: "Alle Messwerte" })
  );
  await page.waitForTimeout(400);
  await page.getByRole("button", { name: "Alle Messwerte" }).click();
  await page.waitForTimeout(400);

  await highlightAndExpectVisible(
    page,
    page.getByRole("option", { name: "Stündliche Werte" })
  );
  await page.waitForTimeout(400);
  await page.getByRole("option", { name: "Stündliche Werte" }).click();
  await page.waitForTimeout(400);

  await highlightAndExpectVisible(
    page,
    page.getByRole("button", { name: "Stündliche Werte" })
  );
  await page.waitForTimeout(400);

  await highlightAndExpectVisible(
    page,
    page.getByRole("button", { name: "Daten laden" })
  );
  await page.waitForTimeout(400);

  await highlightAndExpectVisible(page, page.locator("canvas"));
  await page.waitForTimeout(400);

  await highlightAndExpectVisible(
    page,
    page.getByRole("button", { name: "" })
  );
  await page.waitForTimeout(400);

  await highlightAndExpectVisible(
    page,
    page.getByRole("button", { name: "" })
  );
  await page.waitForTimeout(400);

  await highlightAndExpectVisible(
    page,
    page.getByRole("button", { name: "Messkurve" })
  );
  await page.waitForTimeout(400);
  await page.getByRole("button", { name: "Messkurve" }).click();
  await page.waitForTimeout(400);

  await highlightAndExpectVisible(
    page,
    page.getByRole("option", { name: "Meldungen" })
  );
  await page.waitForTimeout(400);
  await page.getByRole("option", { name: "Meldungen" }).click();
  await page.waitForTimeout(400);

  await highlightAndExpectVisible(
    page,
    page.getByRole("cell", { name: "Prio" })
  );
  await page.waitForTimeout(400);

  await highlightAndExpectVisible(
    page,
    page.getByRole("cell", { name: "Zeitstempel" })
  );
  await page.waitForTimeout(400);

  await highlightAndExpectVisible(
    page,
    page.getByRole("cell", { name: "Quelle" })
  );
  await page.waitForTimeout(400);

  await highlightAndExpectVisible(
    page,
    page.getByRole("cell", { name: "Meldung" })
  );
  await page.waitForTimeout(400);

  await highlightAndExpectVisible(
    page,
    page.getByRole("cell", { name: "Status" })
  );
  await page.waitForTimeout(400);

  // ...weitere Schritte können nach diesem Muster ergänzt werden
}

/*
import { test, expect } from '@playwright/test';

test('test', async ({ page }) => {
  await page.goto('http://localhost:3000/kabelueberwachung');
  await page.getByRole('img', { name: 'Logo', exact: true }).click();
  await page.getByRole('img', { name: 'TALAS Logo' }).click();
  await page.getByRole('heading', { name: 'Meldestation' }).click();
  await page.getByText('CPLV4 Ismail Rastede').click();
  await page.getByRole('button', { name: 'Rack 1' }).click();
  await page.getByRole('button', { name: 'Rack 2' }).click();
  await page.getByRole('button', { name: 'Rack 3' }).click();
  await page.getByRole('button', { name: 'Rack 4' }).click();
  await page.getByRole('button', { name: 'Rack 1' }).click();
  await expect(page.getByText('1', { exact: true })).toBeVisible();
  await expect(page.locator('div').filter({ hasText: /^8$/ })).toBeVisible();
  await expect(page.locator('div').filter({ hasText: /^1KÜ705-FO⚙$/ }).getByRole('heading')).toBeVisible();
  await expect(page.getByText('1', { exact: true })).toBeVisible();
  await expect(page.locator('div').filter({ hasText: /^1KÜ705-FO⚙$/ }).getByRole('button')).toBeVisible();
  await expect(page.locator('.flex.flex-col > span').first()).toBeVisible();
  await expect(page.locator('.w-\\[0\\.625rem\\]').first()).toBeVisible();
  await expect(page.locator('span:nth-child(2)').first()).toBeVisible();
  await expect(page.locator('.w-\\[0\\.625rem\\].h-\\[0\\.625rem\\].rounded-full.bg-red-500').first()).toBeVisible();
  await expect(page.getByText('Erdschluss').first()).toBeVisible();
  await expect(page.locator('.text-center > span:nth-child(2)').first()).toBeVisible();
  await expect(page.getByText('RSL: 0 kOhm').first()).toBeVisible();
  await expect(page.getByText('Kabel 1')).toBeVisible();
  await expect(page.locator('.text-black.text-\\[0\\.625rem\\].font-semibold').first()).toBeVisible();
  await expect(page.locator('.bg-littwin-blue.text-white.text-\\[0\\.625rem\\]').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.getByText('V4.20')).toBeVisible();
  await expect(page.getByText('8', { exact: true })).toBeVisible();
  await expect(page.locator('div').filter({ hasText: /^8KÜ705-FO⚙$/ }).getByRole('heading')).toBeVisible();
  await expect(page.locator('div').filter({ hasText: /^8KÜ705-FO⚙$/ }).getByRole('button')).toBeVisible();
  await expect(page.locator('div:nth-child(8) > .relative.bg-gray-300 > .relative.w-\\[7\\.075rem\\] > .flex.flex-col.mt-\\[0\\.625rem\\] > .flex.items-center.space-x-\\[0\\.25rem\\] > .flex.flex-col.items-start > span').first()).toBeVisible();
  await expect(page.locator('div:nth-child(8) > .relative.bg-gray-300 > .relative.w-\\[7\\.075rem\\] > .flex.flex-col.mt-\\[0\\.625rem\\] > .flex.items-center.space-x-\\[0\\.25rem\\] > .flex.flex-col.items-start > span:nth-child(2)')).toBeVisible();
  await expect(page.locator('div:nth-child(8) > .relative.bg-gray-300 > .relative.w-\\[7\\.075rem\\] > .flex.flex-col.mt-\\[0\\.625rem\\] > .flex.items-center.space-x-\\[0\\.25rem\\] > .flex.flex-col.items-center > .w-\\[0\\.625rem\\].h-\\[0\\.625rem\\].bg-green-500')).toBeVisible();
  await expect(page.locator('div:nth-child(8) > .relative.bg-gray-300 > .relative.w-\\[7\\.075rem\\] > .flex.flex-col.mt-\\[0\\.625rem\\] > .flex.items-center.space-x-\\[0\\.25rem\\] > .flex.flex-col.items-center > .w-\\[0\\.625rem\\].h-\\[0\\.625rem\\].rounded-full.bg-red-500')).toBeVisible();
  await expect(page.getByText('Isolationsfehler')).toBeVisible();
  await expect(page.locator('div:nth-child(8) > .relative.bg-gray-300 > .relative.w-\\[7\\.075rem\\] > .relative.mt-\\[3\\.125rem\\] > .text-center > span:nth-child(2)')).toBeVisible();
  await expect(page.getByText('RSL: 0 kOhm').nth(3)).toBeVisible();
  await expect(page.getByText('Kabel 8')).toBeVisible();
  await expect(page.locator('div:nth-child(8) > .relative.bg-gray-300 > .relative.w-\\[7\\.075rem\\] > .absolute.bottom-\\[0\\.063rem\\]')).toBeVisible();
  await expect(page.locator('div:nth-child(8) > .relative.bg-gray-300 > .flex.flex-col.items-center.w-full.px-2 > .text-black')).toBeVisible();
  await expect(page.locator('div:nth-child(8) > .relative.bg-gray-300 > .flex.flex-col.items-center.w-full.px-2 > div > button').first()).toBeVisible();
  await expect(page.locator('div:nth-child(8) > .relative.bg-gray-300 > .flex.flex-col.items-center.w-full.px-2 > div > button:nth-child(2)').first()).toBeVisible();
  await expect(page.locator('div:nth-child(8) > .relative.bg-gray-300 > .flex.flex-col.items-center.w-full.px-2 > .flex.space-x-2.p-1 > .bg-littwin-blue')).toBeVisible();
  await expect(page.getByRole('main').locator('div').filter({ hasText: '8KÜ705-FO⚙BetriebAlarmIsolationsfehler ISO: 10 MOhmRSL: 0 kOhmKabel 8V4.' }).nth(2)).toBeVisible();
  await expect(page.locator('.bg-littwin-blue.text-white.text-\\[0\\.625rem\\]').first()).toBeVisible();
  await page.locator('.bg-littwin-blue.text-white.text-\\[0\\.625rem\\]').first().click();
  await page.getByRole('heading', { name: 'Isolationswiderstand' }).click();
  await page.getByText('KÜ 1').click();
  await page.getByText('Von').click();
  await page.locator('div').filter({ hasText: /^Von$/ }).getByRole('textbox').click();
  await page.getByText('Bis').click();
  await page.locator('div').filter({ hasText: /^Von$/ }).getByRole('textbox').click();
  await expect(page.getByLabel('Choose Date').locator('div').filter({ hasText: 'July' }).first()).toBeVisible();
  await page.getByRole('textbox').first().click();
  await page.locator('div').filter({ hasText: /^Bis$/ }).getByRole('textbox').click();
  await page.getByLabel('Choose Date').locator('div').filter({ hasText: 'August' }).first().click();
  await page.getByText('Bis').click();
  await expect(page.getByRole('button', { name: 'Alle Messwerte' })).toBeVisible();
  await page.getByRole('button', { name: 'Alle Messwerte' }).click();
  await expect(page.getByRole('button', { name: 'Alle Messwerte' })).toBeVisible();
  await page.getByRole('button', { name: 'Alle Messwerte' }).click();
  await page.getByRole('option', { name: 'Stündliche Werte' }).click();
  await expect(page.getByRole('button', { name: 'Stündliche Werte' })).toBeVisible();
  await page.getByRole('button', { name: 'Stündliche Werte' }).click();
  await page.getByRole('option', { name: 'Tägliche Werte' }).click();
  await expect(page.getByRole('button', { name: 'Tägliche Werte' })).toBeVisible();
  await expect(page.getByRole('button', { name: 'Daten laden' })).toBeVisible();
  await expect(page.locator('canvas')).toBeVisible();
  await expect(page.getByRole('button', { name: '' })).toBeVisible();
  await expect(page.getByRole('button', { name: '' })).toBeVisible();
  await page.getByRole('button', { name: 'Messkurve' }).click();
  await page.getByRole('option', { name: 'Meldungen' }).click();
  await expect(page.getByRole('cell', { name: 'Prio' })).toBeVisible();
  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('row', { name: '11.08.2025, 12:05:00' }).getByRole('cell').first().click();
  await page.getByRole('cell', { name: '12:05:00' }).click();
  await page.getByRole('row', { name: '11.08.2025, 12:05:00' }).getByRole('cell').nth(2).click();
  await page.getByRole('cell', { name: 'Modul online' }).click();
  await page.getByRole('cell', { name: 'online', exact: true }).click();
  await page.getByRole('row', { name: '11.08.2025, 12:06:00' }).getByRole('cell').first().click();
  await page.getByRole('cell', { name: '12:06:00' }).click();
  await page.getByRole('row', { name: '11.08.2025, 12:06:00' }).getByRole('cell').nth(2).click();
  await page.getByRole('cell', { name: 'Aderbruch kommend' }).click();
  await page.getByRole('cell', { name: '1', exact: true }).first().click();
  await page.getByRole('row', { name: '11.08.2025, 12:06:30' }).getByRole('cell').first().click();
  await page.getByRole('cell', { name: '12:06:30' }).click();
  await page.getByRole('row', { name: '11.08.2025, 12:06:30' }).getByRole('cell').nth(2).click();
  await page.getByRole('cell', { name: 'Aderbruch gehend' }).click();
  await page.getByRole('cell', { name: '0', exact: true }).first().click();
  await page.getByRole('row', { name: '11.08.2025, 12:07:00' }).getByRole('cell').first().click();
  await page.getByRole('cell', { name: '12:07:00' }).click();
  await page.getByRole('row', { name: '11.08.2025, 12:07:00' }).getByRole('cell').nth(2).click();
  await page.getByRole('cell', { name: 'Erdschluss kommend' }).click();
  await page.getByRole('cell', { name: '1', exact: true }).nth(1).click();
  await page.getByRole('row', { name: '11.08.2025, 12:07:20' }).getByRole('cell').first().click();
  await page.getByRole('cell', { name: '12:07:20' }).click();
  await page.getByRole('row', { name: '11.08.2025, 12:07:20' }).getByRole('cell').nth(2).click();
  await page.getByRole('cell', { name: 'Erdschluss gehend' }).click();
  await page.getByRole('cell', { name: '0', exact: true }).nth(1).click();
  await page.getByRole('row', { name: '11.08.2025, 12:07:40' }).getByRole('cell').first().click();
  await page.getByRole('cell', { name: '12:07:40' }).click();
  await page.getByRole('row', { name: '11.08.2025, 12:07:40' }).getByRole('cell').nth(2).click();
  await page.getByRole('cell', { name: 'Isofehler kommend' }).click();
  await page.getByRole('cell', { name: '1', exact: true }).nth(2).click();
  await page.getByRole('row', { name: '11.08.2025, 12:08:10' }).getByRole('cell').first().click();
  await page.getByRole('cell', { name: '12:08:10' }).click();
  await page.getByRole('row', { name: '11.08.2025, 12:08:10' }).getByRole('cell').nth(2).click();
  await page.getByRole('cell', { name: 'Isofehler gehend' }).click();
  await page.getByRole('cell', { name: '0', exact: true }).nth(2).click();
  await page.getByRole('button', { name: '' }).click();
  await page.getByRole('button', { name: '' }).click();
  await page.getByRole('button', { name: '' }).click();
  await page.locator('.flex > button:nth-child(2)').first().click();
  await page.locator('canvas').click({
    position: {
      x: 547,
      y: 113
    }
  });
  await page.getByText('KÜ 1').click();
  await page.getByText('Von').click();
  await page.getByText('Bis').click();
  await page.locator('div').filter({ hasText: /^Von$/ }).getByRole('textbox').click();
  await page.getByLabel('Choose Date').locator('div').filter({ hasText: 'July' }).first().click();
  await page.locator('div').filter({ hasText: /^Bis$/ }).getByRole('textbox').click();
  await page.getByLabel('Choose Date').locator('div').filter({ hasText: 'August' }).first().click();
  await expect(page.getByRole('button', { name: 'Alle Messwerte' })).toBeVisible();
  await page.getByRole('button', { name: 'Alle Messwerte' }).click();
  await page.getByRole('option', { name: 'Stündliche Werte' }).click();
  await expect(page.getByRole('button', { name: 'Stündliche Werte' })).toBeVisible();
  await page.getByRole('button', { name: 'Stündliche Werte' }).click();
  await page.getByRole('option', { name: 'Tägliche Werte' }).click();
  await expect(page.getByRole('button', { name: 'Tägliche Werte' })).toBeVisible();
  await expect(page.getByRole('button', { name: 'RSL starten' })).toBeVisible();
  await expect(page.getByRole('button', { name: 'Daten laden' })).toBeVisible();
  await expect(page.getByRole('button', { name: 'Messkurve' })).toBeVisible();
  await expect(page.getByRole('button', { name: '' })).toBeVisible();
  await expect(page.getByRole('button', { name: '' })).toBeVisible();
  await page.getByRole('button', { name: 'RSL starten' }).click();
  await expect(page.getByText('RSL Messung läuft')).toBeVisible();
  await expect(page.locator('.h-full.bg-littwin-blue')).toBeVisible();
  await page.getByRole('button', { name: 'Messkurve' }).click();
  await page.getByRole('option', { name: 'Meldungen' }).click();
  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('row', { name: '11.08.2025, 12:05:00' }).getByRole('cell').first().click();
  await page.getByRole('cell', { name: '12:05:00' }).click();
  await page.getByRole('cell', { name: 'CableLine1' }).first().click();
  await page.getByRole('cell', { name: 'Modul online' }).click();
  await page.getByRole('cell', { name: 'online', exact: true }).click();
  await page.getByRole('row', { name: '11.08.2025, 12:06:00' }).getByRole('cell').first().click();
  await page.getByRole('cell', { name: '12:06:00' }).click();
  await page.getByRole('cell', { name: 'CableLine1' }).nth(1).click();
  await page.getByRole('cell', { name: 'Aderbruch kommend' }).click();
  await page.getByRole('cell', { name: '1', exact: true }).first().click();
  await page.getByRole('row', { name: '11.08.2025, 12:06:30' }).getByRole('cell').first().click();
  await page.getByRole('cell', { name: '12:06:30' }).click();
  await page.getByRole('cell', { name: 'CableLine1' }).nth(2).click();
  await page.getByRole('cell', { name: 'Aderbruch gehend' }).click();
  await page.getByRole('cell', { name: '0', exact: true }).first().click();
  await page.getByRole('row', { name: '11.08.2025, 12:08:40' }).getByRole('cell').first().click();
  await page.getByRole('cell', { name: '12:08:40' }).click();
  await page.getByRole('cell', { name: 'CableLine1' }).nth(3).click();
  await page.getByRole('cell', { name: 'Schleifenfehler kommend' }).click();
  await page.getByRole('cell', { name: '1', exact: true }).nth(1).click();
  await page.getByRole('row', { name: '11.08.2025, 12:09:00' }).getByRole('cell').first().click();
  await page.getByRole('cell', { name: '12:09:00' }).click();
  await page.getByRole('cell', { name: 'CableLine1' }).nth(4).click();
  await page.getByRole('cell', { name: 'Schleifenfehler gehend' }).click();
  await page.getByRole('cell', { name: '0', exact: true }).nth(1).click();
  await expect(page.getByRole('button', { name: '' })).toBeVisible();
  await page.getByRole('button', { name: '' }).click();
  await expect(page.locator('.bg-littwin-blue.text-white.cursor-pointer').first()).toBeVisible();
  await page.locator('.bg-littwin-blue.text-white.cursor-pointer').first().click();
  await page.getByRole('heading', { name: 'TDR-Messung' }).click();
  await page.getByText('KÜ 1').click();
  await expect(page.getByRole('button', { name: 'TDR-Kurve als Referenz' })).toBeVisible();
  page.once('dialog', dialog => {
    console.log(`Dialog message: ${dialog.message()}`);
    dialog.dismiss().catch(() => {});
  });
  await page.getByRole('button', { name: 'Messung aktivieren' }).click();
  await expect(page.getByRole('button', { name: '27.03.2025, 23:42:41 –' })).toBeVisible();
  await expect(page.getByRole('button', { name: 'Messkurve' })).toBeVisible();
  await expect(page.getByRole('button', { name: '' })).toBeVisible();
  await page.getByRole('button', { name: '' }).click();
  await expect(page.getByRole('button', { name: '' })).toBeVisible();
  await expect(page.getByRole('button', { name: '' })).toBeVisible();
  await page.getByRole('button', { name: '' }).click();
  await page.locator('.bg-littwin-blue.text-white.cursor-pointer').first().click();
  await expect(page.locator('canvas')).toBeVisible();
  page.once('dialog', dialog => {
    console.log(`Dialog message: ${dialog.message()}`);
    dialog.dismiss().catch(() => {});
  });
  await page.getByRole('button', { name: 'Messung aktivieren' }).click();
  await page.getByRole('button', { name: 'Messkurve' }).click();
  await page.getByRole('option', { name: 'Meldungen' }).click();
  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('row', { name: '11.08.2025, 12:05:00' }).getByRole('cell').first().click();
  await page.getByRole('cell', { name: '12:05:00' }).click();
  await page.getByRole('cell', { name: '12:05:00' }).click();
  await page.getByRole('cell', { name: 'CableLine1' }).first().click();
  await page.getByRole('cell', { name: 'Modul online' }).click();
  await page.getByRole('cell', { name: 'online', exact: true }).click();
  await page.getByRole('row', { name: '11.08.2025, 12:09:20' }).getByRole('cell').first().click();
  await page.getByRole('cell', { name: '12:09:20' }).click();
  await page.getByRole('cell', { name: 'CableLine1' }).nth(1).click();
  await page.getByRole('cell', { name: 'TDR aktiv' }).click();
  await page.getByRole('cell', { name: 'start' }).click();
  await page.getByRole('row', { name: '11.08.2025, 12:09:50' }).getByRole('cell').first().click();
  await page.getByRole('cell', { name: '12:09:50' }).click();
  await page.getByRole('cell', { name: 'CableLine1' }).nth(2).click();
  await page.getByRole('cell', { name: 'TDR Entfernung 123m' }).click();
  await page.getByRole('cell', { name: '123', exact: true }).click();
  await expect(page.getByRole('button', { name: 'Meldungen' })).toBeVisible();
  await expect(page.getByRole('button', { name: '' })).toBeVisible();
  await expect(page.getByRole('button', { name: '' })).toBeVisible();
  await page.getByRole('button', { name: '' }).click();
  await expect(page.locator('div:nth-child(8) > .relative.bg-gray-300 > .flex.flex-col.items-center.w-full.px-2 > div > button').first()).toBeVisible();
  await page.locator('div:nth-child(8) > .relative.bg-gray-300 > .flex.flex-col.items-center.w-full.px-2 > div > button').first().click();
  await page.getByText('KÜ 8').click();
  await page.getByText('Von').click();
  await page.locator('div').filter({ hasText: /^Von$/ }).getByRole('textbox').click();
  await page.getByLabel('Choose Date').locator('div').filter({ hasText: 'July' }).first().click();
  await page.getByText('Bis').click();
  await page.getByText('Bis').click();
  await page.locator('div').filter({ hasText: /^Bis$/ }).getByRole('textbox').click();
  await page.getByRole('dialog', { name: 'Choose Date' }).click();
  await page.getByRole('button', { name: 'Alle Messwerte' }).click();
  await page.getByRole('button', { name: 'Alle Messwerte' }).click();
  await expect(page.getByRole('button', { name: 'Alle Messwerte' })).toBeVisible();
  await page.getByRole('button', { name: 'Alle Messwerte' }).click();
  await page.getByRole('option', { name: 'Stündliche Werte' }).click();
  await expect(page.getByRole('button', { name: 'Stündliche Werte' })).toBeVisible();
  await page.getByRole('button', { name: 'Stündliche Werte' }).click();
  await page.getByRole('option', { name: 'Tägliche Werte' }).click();
  await expect(page.getByRole('button', { name: 'Tägliche Werte' })).toBeVisible();
  await expect(page.getByRole('button', { name: 'Daten laden' })).toBeVisible();
  await expect(page.getByRole('button', { name: '' })).toBeVisible();
  await page.getByRole('button', { name: '' }).click();
  await page.getByRole('button', { name: '' }).click();
  await expect(page.getByRole('button', { name: '' })).toBeVisible();
  await expect(page.getByRole('button', { name: 'Messkurve' })).toBeVisible();
  await page.getByRole('button', { name: 'Messkurve' }).click();
  await page.getByRole('option', { name: 'Meldungen' }).click();
  await expect(page.getByText('Keine Meldungen für')).toBeVisible();
  await expect(page.getByRole('button', { name: '' })).toBeVisible();
  await page.getByRole('button', { name: '' }).click();
  await expect(page.locator('div:nth-child(8) > .relative.bg-gray-300 > .flex.flex-col.items-center.w-full.px-2 > .flex.space-x-2.p-1 > .bg-littwin-blue')).toBeVisible();
  await page.locator('div:nth-child(8) > .relative.bg-gray-300 > .flex.flex-col.items-center.w-full.px-2 > .flex.space-x-2.p-1 > .bg-littwin-blue').click();
  await page.getByRole('heading', { name: 'TDR-Messung' }).click();
  await page.getByText('KÜ 8').click();
  await expect(page.getByRole('button', { name: 'Messung aktivieren' })).toBeVisible();
  await expect(page.getByRole('button', { name: 'Messkurve' })).toBeVisible();
  await page.locator('canvas').click({
    position: {
      x: 252,
      y: 84
    }
  });
  await expect(page.getByRole('button', { name: '' })).toBeVisible();
  await page.getByRole('button', { name: '' }).click();
  await expect(page.getByRole('button', { name: '' })).toBeVisible();
  await page.getByRole('button', { name: '' }).click();
  await expect(page.getByRole('button', { name: '' })).toBeVisible();
  await page.getByRole('button', { name: '' }).click();
  await page.getByRole('button', { name: 'Rack 2' }).click();
  await expect(page.getByText('9', { exact: true })).toBeVisible();
  await expect(page.getByText('16', { exact: true })).toBeVisible();
  await page.getByText('Kabel 9').click();
  await page.getByText('Kabel 10').click();
  await page.getByText('Kabel 11').click();
  await page.getByText('Kabel 12').click();
  await page.getByText('Kabel 13').click();
  await page.getByText('Kabel 14').click();
  await page.getByText('Kabel 15').click();
  await page.getByText('Kabel 16').click();
  await page.getByRole('button', { name: 'Rack 3' }).click();
  await page.getByText('Kabel 17').click();
  await page.getByText('Kabel 18').click();
  await page.getByText('Kabel 19').click();
  await page.getByText('Kabel 20').click();
  await page.getByText('Kabel 20').click();
  await page.getByText('Kabel 21').click();
  await page.getByText('Kabel 22').click();
  await page.getByText('Kabel 23').click();
  await page.getByText('Kabel 24').click();
  await page.getByRole('button', { name: 'Rack 4' }).click();
  await page.getByText('25', { exact: true }).click();
  await page.getByText('Kabel 25').click();
  await page.getByText('26', { exact: true }).click();
  await page.getByText('Kabel 26').click();
  await page.getByText('27', { exact: true }).click();
  await page.getByText('Kabel 27').click();
  await page.getByText('28', { exact: true }).click();
  await page.getByText('Kabel 28').click();
  await page.getByText('29', { exact: true }).click();
  await page.getByText('Kabel 29').click();
  await page.getByText('30', { exact: true }).click();
  await page.getByText('Kabel 30').click();
  await page.locator('div').filter({ hasText: /^31$/ }).click();
  await page.getByText('Kabel 31').click();
  await page.getByText('32', { exact: true }).click();
  await page.getByText('Kabel 32').click();
  await page.locator('div').filter({ hasText: /^Littwin Systemtechnik GmbH & Co\. KG$/ }).locator('svg').click();
  await page.getByText('Littwin Systemtechnik GmbH &').click();
  await page.locator('div').filter({ hasText: /^Telefon: 04402 972577-0$/ }).locator('path').click();
});
*/