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

export async function navTest(page: Page) {
  await highlightAndExpectVisible(
    page,
    page.getByRole("link", { name: "Übersicht" })
  );
  await highlightAndExpectVisible(
    page,
    page.getByRole("link", { name: "Kabelüberwachung" })
  );
  await highlightAndExpectVisible(
    page,
    page.getByRole("link", { name: "Meldungseingänge" })
  );
  await highlightAndExpectVisible(
    page,
    page.getByRole("link", { name: "Schaltausgänge" })
  );
  await highlightAndExpectVisible(
    page,
    page.getByRole("link", { name: "Messwerteingänge" })
  );
  await highlightAndExpectVisible(
    page,
    page.getByRole("link", { name: "Berichte" })
  );
  await highlightAndExpectVisible(
    page,
    page.getByRole("link", { name: "System" })
  );
  await highlightAndExpectVisible(
    page,
    page.getByRole("link", { name: "Einstellungen" })
  );
}

/*
  // Sidebar Links sichtbar
  const sidebarLinks2 = [
    { role: "link", name: "Übersicht" },
    { role: "link", name: "Kabelüberwachung" },
    { role: "link", name: "Meldungseingänge" },
    { role: "link", name: "Schaltausgänge" },
    { role: "link", name: "Messwerteingänge" },
    { role: "link", name: "Berichte" },
    { role: "link", name: "System" },
    { role: "link", name: "Einstellungen" },
  ];
  for (const link of sidebarLinks2) {
    const locator = page.getByRole(link.role as any, { name: link.name });
    await highlightAndExpectVisible(page, locator);
    await expect(locator).toBeVisible();
    await page.waitForTimeout(50);
  }
*/