hms-licht-ton/frontend/test_report.md

Test Report – T02: Static Pages

Build Verification

Command: npm run build Result: ✅ Build complete! Output: Nitro build succeeded, all pages compiled successfully.

• index-BUIU2FQG.mjs (12.1 kB)
• referenzen-yQ6M2U3V.mjs (8.22 kB)
• kontakt-DZRjLPTh.mjs (9.47 kB)
• impressum-CwZu6BA4.mjs (3.82 kB)
• datenschutz (included in build)
• agb-vermietung (included in build)
• Lightbox component compiled

Unit Tests

Command: npx vitest run --reporter verbose Result: ✅ 148 tests passed (8 test files)

New Test Files:

• tests/unit/HomePage.test.ts — 11 tests ✅

  • Hero headline 'Veranstaltungstechnik'
  • CTA links to /mietkatalog and /kontakt
  • All 8 services present (Vermietung, Verkauf, Personal, Transport, Lagerung, Werkstatt, Installation, Booking)
  • Speaker grid with 6 equipment types
  • About section with stats (20+, 1000+, 500+)
  • Mietkatalog CTA section
  • TypeScript + Tailwind + useHead checks

• tests/unit/ReferenzenPage.test.ts — 14 tests ✅

  • 9 gallery images (picsum.photos count = 9)
  • 4 filter chips (Alle, Open-Air, Indoor, Rigging)
  • Lightbox component integration
  • Filter logic with computed filteredImages
  • openLightbox function
  • Lightbox component: close/prev/next buttons with data-testid

• tests/unit/KontaktPage.test.ts — 19 tests ✅

  • Office address card (Grockelhofen 10, 89340 Leipheim)
  • Warehouse address card (Ellzee)
  • Opening hours card
  • 2 contact persons (Markus Hammerschmidt, Thomas Mössle)
  • Form fields: name*, email*, phone, message*, privacy checkbox*
  • Email validation with regex
  • Submit blocked when email empty
  • Submit blocked when privacy unchecked
  • POST to /api/contact
  • Success and error states

Smoke Test (curl)

Server: npm run dev on localhost:3000

Page	URL	grep pattern	Result
Home	/	Veranstaltungstechnik	✅ Found
Referenzen	/referenzen	Referenzen	✅ Found
Kontakt	/kontakt	Planen Sie	✅ Found
Impressum	/impressum	Hammerschmidt	✅ Found
Datenschutz	/datenschutz	Datenschutz	✅ Found
AGB Vermietung	/agb-vermietung	AGB	✅ Found

E2E Tests (Playwright)

Files created:

• tests/e2e/home.spec.ts — 8 tests
• tests/e2e/referenzen.spec.ts — 8 tests
• tests/e2e/kontakt.spec.ts — 8 tests
• tests/e2e/legal-pages.spec.ts — 15 tests

Status: Written, not yet executed (requires running dev server with Playwright runner).

Files Changed

Pages (modified/created):

• pages/index.vue — Extended: hero with bg image, 6 equipment types, about/stats section, 8 services, CTA
• pages/referenzen.vue — Full gallery with 9 images, 4 filter chips, lightbox integration
• pages/kontakt.vue — Full contact page with addresses, persons, form with validation
• pages/impressum.vue — Full §5 TMG impressum content
• pages/datenschutz.vue — Full DSGVO datenschutzerklärung
• pages/agb-vermietung.vue — Full AGB with 8 sections

Components (created):

• components/Lightbox.vue — Lightbox with prev/next/close, keyboard navigation, teleport

Tests (created):

• tests/unit/HomePage.test.ts — 11 tests
• tests/unit/ReferenzenPage.test.ts — 14 tests (including Lightbox component tests)
• tests/unit/KontaktPage.test.ts — 19 tests
• tests/e2e/home.spec.ts — 8 tests
• tests/e2e/referenzen.spec.ts — 8 tests
• tests/e2e/kontakt.spec.ts — 8 tests
• tests/e2e/legal-pages.spec.ts — 15 tests

Summary

• Build: ✅ PASS
• Unit Tests: ✅ 148/148 PASS
• Smoke Test: ✅ All 6 pages render correct content
• E2E Tests: Written (awaiting Playwright execution with running server)