feat(T02): Static pages – home, referenzen, kontakt, legal (impressum/datenschutz/agb)

2026-07-10 01:02:27 +02:00
parent e9da21b57e
commit db5080df48
15 changed files with 1618 additions and 109 deletions
@@ -0,0 +1,76 @@
+import { describe, it, expect } from "vitest";
+import { readFileSync } from "node:fs";
+import { resolve } from "node:path";
+
+describe("Home Page", () => {
+  const pagePath = resolve(__dirname, "../../pages/index.vue");
+  const content = readFileSync(pagePath, "utf-8");
+
+  it("should render hero with headline 'Veranstaltungstechnik'", () => {
+    expect(content).toContain("Veranstaltungstechnik");
+    expect(content).toContain('data-testid="hero-headline"');
+  });
+
+  it("should have CTA button linking to /mietkatalog", () => {
+    expect(content).toContain('to="/mietkatalog"');
+    expect(content).toContain("Mietkatalog");
+  });
+
+  it("should have CTA button linking to /kontakt", () => {
+    expect(content).toContain('to="/kontakt"');
+    expect(content).toContain("Beratung anfragen");
+  });
+
+  it("should display all 8 services", () => {
+    expect(content).toContain("Vermietung");
+    expect(content).toContain("Verkauf");
+    expect(content).toContain("Personal");
+    expect(content).toContain("Transport");
+    expect(content).toContain("Lagerung");
+    expect(content).toContain("Werkstatt");
+    expect(content).toContain("Installation");
+    expect(content).toContain("Booking");
+  });
+
+  it("should have services section with data-testid", () => {
+    expect(content).toContain('data-testid="services-section"');
+  });
+
+  it("should have speaker grid with 6 equipment types", () => {
+    expect(content).toContain('data-testid="speaker-grid"');
+    expect(content).toContain("Lautsprecher");
+    expect(content).toContain("Mischpulte");
+    expect(content).toContain("Lichtanlagen");
+    expect(content).toContain("Rigging");
+    expect(content).toContain("Traversen");
+    expect(content).toContain("Komplett-Setups");
+  });
+
+  it("should have about section with stats", () => {
+    expect(content).toContain('data-testid="about-section"');
+    expect(content).toContain('data-testid="stat-years"');
+    expect(content).toContain("20+");
+    expect(content).toContain('data-testid="stat-devices"');
+    expect(content).toContain("1000+");
+    expect(content).toContain('data-testid="stat-events"');
+    expect(content).toContain("500+");
+  });
+
+  it("should have mietkatalog CTA section", () => {
+    expect(content).toContain('data-testid="mietkatalog-cta"');
+    expect(content).toContain('data-testid="cta-mietkatalog-link"');
+  });
+
+  it("should use TypeScript with lang=ts", () => {
+    expect(content).toContain('<script setup lang="ts">');
+  });
+
+  it("should use Tailwind classes, no inline styles", () => {
+    expect(content).not.toContain('style="');
+  });
+
+  it("should use useHead for page title", () => {
+    expect(content).toContain("useHead");
+    expect(content).toContain("HMS Licht");
+  });
+});