test: layout header, footer and sidebar

playwright/tests/components/footer/footerTest.ts

@@ -0,0 +1,14 @@
+import { Page, expect } from "@playwright/test";
+
+/**
+ * Footer assertions.
+ */
+export async function footerTest(page: Page) {
+  await expect(page.getByText(/Littwin Systemtechnik GmbH/)).toBeVisible();
+  await expect(page.getByText(/Telefon: 04402 972577/)).toBeVisible();
+  await expect(
+    page.getByText(/kontakt@littwin-systemtechnik\.de/)
+  ).toBeVisible();
+  // Handbücher Button/Icon (Text oder Button reicht)
+  await expect(page.getByText(/Handbücher/)).toBeVisible();
+}

playwright/tests/components/header/headerTest.ts

@@ -0,0 +1,21 @@
+import { Page, expect } from "@playwright/test";
+
+/**
+ * Reusable header assertions.
+ * Add more checks here if the header grows (logout button, admin badge etc.).
+ */
+export async function headerTest(page: Page) {
+  // Haupttitel
+  await expect(
+    page.getByRole("heading", { name: "Meldestation" })
+  ).toBeVisible();
+  // Logo (alt="Logo")
+  await expect(
+    page.getByRole("img", { name: "Logo", exact: true })
+  ).toBeVisible();
+  // Talas Logo
+  await expect(page.getByRole("img", { name: "TALAS Logo" })).toBeVisible();
+  // Theme Toggle (Label wechselt Dark/Light). Wir akzeptieren beide.
+  const darkBtn = page.getByRole("button", { name: /Dark Mode|Light Mode/ });
+  await expect(darkBtn).toBeVisible();
+}

playwright/tests/components/navigation/navTest.ts

@@ -0,0 +1,20 @@
+import { Page, expect } from "@playwright/test";
+
+/**
+ * Sidebar / Navigation visibility + core links.
+ */
+export async function navTest(page: Page) {
+  const links = [
+    "Übersicht",
+    "Kabelüberwachung",
+    "Meldungseingänge",
+    "Schaltausgänge",
+    "Messwerteingänge",
+    "Berichte",
+    "System",
+    "Einstellungen",
+  ];
+  for (const name of links) {
+    await expect(page.getByRole("link", { name })).toBeVisible();
+  }
+}