import type { Page } from "@playwright/test";
import { highlightAndExpectVisible } from "@playwright/utils/highlight";
import { navTest } from "@playwright/components/navTest";
import { headerTest } from "@/playwright/components/header/headerTest";
import { footerTest } from "@playwright/components/footerTest";

export async function runDigitalInputsTest(page: Page) {
  await page.goto("/digitalInputs");
  //----------------------
  await headerTest(page);
  await navTest(page);
  await footerTest(page);
  await page.waitForTimeout(400);
  //--------------------

  await highlightAndExpectVisible(
    page,
    page.getByRole("heading", { name: "Meldungseingänge", exact: true })
  );
  await page.waitForTimeout(400);
  await highlightAndExpectVisible(
    page,
    page.getByRole("heading", { name: "Meldungseingänge 1 –" }).locator("svg")
  );
  await page.waitForTimeout(400);
  await highlightAndExpectVisible(
    page,
    page.getByRole("heading", { name: "Meldungseingänge 1 –" })
  );
  await page.waitForTimeout(400);
  await highlightAndExpectVisible(
    page,
    page.getByRole("cell", { name: "Eingang" }).first()
  );
  await page.waitForTimeout(400);
  await highlightAndExpectVisible(
    page,
    page.getByRole("cell", { name: "Zustand" }).first()
  );
  await page.waitForTimeout(400);
  await highlightAndExpectVisible(
    page,
    page.getByRole("cell", { name: "Bezeichnung" }).first()
  );
  await page.waitForTimeout(400);
  await highlightAndExpectVisible(
    page,
    page.getByRole("cell", { name: "Aktion" }).first()
  );
  await page.waitForTimeout(400);
  await highlightAndExpectVisible(
    page,
    page.getByRole("cell", { name: "1", exact: true }).locator("svg")
  );
  await page.waitForTimeout(400);
  await highlightAndExpectVisible(page, page.getByText("1", { exact: true }));
  await page.waitForTimeout(400);
  await highlightAndExpectVisible(
    page,
    page
      .getByRole("row", { name: "1 ● DE 1", exact: true })
      .getByRole("cell")
      .nth(1)
  );
  await page.waitForTimeout(400);
  await highlightAndExpectVisible(
    page,
    page.getByRole("row", { name: "1 ● DE 1", exact: true }).locator("span")
  );
  await page.waitForTimeout(400);
  await highlightAndExpectVisible(
    page,
    page.getByRole("cell", { name: "DE 1", exact: true })
  );
  await page.waitForTimeout(400);
  await highlightAndExpectVisible(
    page,
    page
      .getByRole("row", { name: "1 ● DE 1", exact: true })
      .locator("svg")
      .nth(1)
  );
  await page.waitForTimeout(400);
  await highlightAndExpectVisible(
    page,
    page.getByRole("cell", { name: "13", exact: true }).locator("svg")
  );
  await page.waitForTimeout(400);
  await highlightAndExpectVisible(page, page.getByText("13", { exact: true }));
  await page.waitForTimeout(400);
  await highlightAndExpectVisible(
    page,
    page.getByRole("row", { name: "● DE 13" }).getByRole("cell").nth(1)
  );
  await page.waitForTimeout(400);
  await highlightAndExpectVisible(
    page,
    page.getByRole("row", { name: "● DE 13" }).locator("span")
  );
  await page.waitForTimeout(400);
  await highlightAndExpectVisible(
    page,
    page.getByRole("cell", { name: "DE 13" })
  );
  await page.waitForTimeout(1000);
}