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

export async function runSystemTest(page: Page) {
  await page.goto("/system");
  //----------------------
  await headerTest(page);
  await navTest(page);
  await footerTest(page);
  await page.waitForTimeout(400);
  //----------------------
  // System Spannungen &
  const systemSpannung = page.getByRole("heading", {
    name: "System Spannungen &",
  });
  await highlightAndExpectVisible(page, systemSpannung);
  await systemSpannung.click();
  await page.waitForTimeout(100);

  // +15V
  const plus15V = page.getByRole("heading", { name: "+15V" });
  await highlightAndExpectVisible(page, plus15V);
  await plus15V.click();
  await page.waitForTimeout(100);

  // 15.06 VDetailansicht
  const v15Detail = page.getByText("15.06 VDetailansicht");
  await highlightAndExpectVisible(page, v15Detail);
  await v15Detail.click();
  await page.waitForTimeout(100);

  // +5V
  const plus5V = page.getByRole("heading", { name: "+5V" });
  await highlightAndExpectVisible(page, plus5V);
  await plus5V.click();
  await page.waitForTimeout(100);

  // 4.98 VDetailansicht
  const v5Detail = page.getByText("4.98 VDetailansicht");
  await highlightAndExpectVisible(page, v5Detail);
  await v5Detail.click();
  await page.waitForTimeout(100);

  // -15V
  const minus15V = page.getByRole("heading", { name: "-15V" });
  await highlightAndExpectVisible(page, minus15V);
  await minus15V.click();
  await page.waitForTimeout(100);

  // -15.09 VDetailansicht
  const vMinus15Detail = page.getByText("-15.09 VDetailansicht");
  await highlightAndExpectVisible(page, vMinus15Detail);
  await vMinus15Detail.click();
  await page.waitForTimeout(100);

  // -98V
  const minus98V = page.getByRole("heading", { name: "-98V" });
  await highlightAndExpectVisible(page, minus98V);
  await minus98V.click();
  await page.waitForTimeout(100);

  // -96.48 VDetailansicht
  const vMinus98Detail = page.getByText("-96.48 VDetailansicht");
  await highlightAndExpectVisible(page, vMinus98Detail);
  await vMinus98Detail.click();
  await page.waitForTimeout(100);

  // ADC Temp
  const adcTemp = page.getByRole("heading", { name: "ADC Temp" });
  await highlightAndExpectVisible(page, adcTemp);
  await adcTemp.click();
  await page.waitForTimeout(100);

  // 59.78 °CDetailansicht
  const adcTempDetail = page.getByText("59.78 °CDetailansicht");
  await highlightAndExpectVisible(page, adcTempDetail);
  await adcTempDetail.click();
  await page.waitForTimeout(100);

  // CPU Temp
  const cpuTemp = page.getByRole("heading", { name: "CPU Temp" });
  await highlightAndExpectVisible(page, cpuTemp);
  await cpuTemp.click();
  await page.waitForTimeout(100);
  await highlightAndExpectVisible(page, cpuTemp);
  await cpuTemp.click();
  await page.waitForTimeout(100);

  // 56.92 °CDetailansicht
  const cpuTempDetail = page.getByText("56.92 °CDetailansicht");
  await highlightAndExpectVisible(page, cpuTempDetail);
  await cpuTempDetail.click();
  await page.waitForTimeout(100);

  // img nth(2)
  const img2 = page.getByRole("img").nth(2);
  await highlightAndExpectVisible(page, img2);
  await img2.click({ position: { x: 72, y: 53 } });
  await page.waitForTimeout(100);

  // img nth(3)
  const img3 = page.getByRole("img").nth(3);
  await highlightAndExpectVisible(page, img3);
  await img3.click({ position: { x: 272, y: 93 } });
  await page.waitForTimeout(100);
}