test: extracted navigation tests to separate file

playwright/components/footerTest.ts

@@ -0,0 +1,55 @@
+import type { Page } from "@playwright/test";
+import { highlightAndExpectVisible } from "@playwright/utils/highlight";
+
+export async function footerTest(page: Page) {
+  await highlightAndExpectVisible(
+    page,
+    page
+      .locator("div")
+      .filter({ hasText: /^Littwin Systemtechnik GmbH & Co\. KG$/ })
+      .locator("svg")
+  );
+  await highlightAndExpectVisible(
+    page,
+    page.getByText("Littwin Systemtechnik GmbH &")
+  );
+  await highlightAndExpectVisible(
+    page,
+    page
+      .locator("div")
+      .filter({ hasText: /^Telefon: 04402 972577-0$/ })
+      .locator("svg")
+  );
+  await highlightAndExpectVisible(
+    page,
+    page.getByText("Telefon: 04402 972577-")
+  );
+  await highlightAndExpectVisible(
+    page,
+    page
+      .locator("div")
+      .filter({ hasText: /^kontakt@littwin-systemtechnik\.de$/ })
+      .locator("svg")
+  );
+  await highlightAndExpectVisible(
+    page,
+    page.getByText("kontakt@littwin-systemtechnik")
+  );
+  await highlightAndExpectVisible(
+    page,
+    page
+      .locator("div")
+      .filter({ hasText: /^Handbücher$/ })
+      .locator("svg")
+  );
+  await highlightAndExpectVisible(
+    page,
+    page.getByText("Handbücher", { exact: true })
+  );
+  await page.getByText("Handbücher", { exact: true }).click();
+  await highlightAndExpectVisible(
+    page,
+    page.getByRole("heading", { name: "PDF Handbücher" })
+  );
+  await highlightAndExpectVisible(page, page.getByText("KUE705FO.PDF"));
+}

playwright/components/headerTest.ts

@@ -0,0 +1,18 @@
+import type { Page } from "@playwright/test";
+import { highlightAndExpectVisible } from "@playwright/utils/highlight";
+
+export async function headerTest(page: Page) {
+  await highlightAndExpectVisible(
+    page,
+    page.getByRole("heading", { name: "Meldestation" })
+  );
+  await highlightAndExpectVisible(page, page.getByRole("banner"));
+  await highlightAndExpectVisible(
+    page,
+    page.getByRole("img", { name: "Logo", exact: true })
+  );
+  await highlightAndExpectVisible(
+    page,
+    page.getByRole("main").locator("svg").first()
+  );
+}