hms-licht-ton/frontend/tests/unit/Layout.test.ts

import { describe, it, expect } from "vitest";
import { readFileSync } from "node:fs";
import { resolve } from "node:path";

describe("AppHeader Component", () => {
  const componentPath = resolve(__dirname, "../../components/AppHeader.vue");
  const content = readFileSync(componentPath, "utf-8");

  it("should contain sticky positioning", () => {
    expect(content).toContain("sticky");
    expect(content).toContain("top-0");
  });

  it("should have nav items: Home, Referenzen, Mietkatalog, Kontakt", () => {
    expect(content).toContain("Home");
    expect(content).toContain("Referenzen");
    expect(content).toContain("Mietkatalog");
    expect(content).toContain("Kontakt");
  });

  it("should include phone link tel:+491726264796", () => {
    expect(content).toContain("tel:+491726264796");
  });

  it("should include Facebook social icon link", () => {
    expect(content).toContain("facebook.com");
  });

  it("should include Instagram social icon link", () => {
    expect(content).toContain("instagram.com");
  });

  it("should have mobile burger menu with aria-expanded", () => {
    expect(content).toContain("aria-expanded");
    expect(content).toContain("mobileMenuOpen");
  });

  it("should have min touch target height for nav items", () => {
    expect(content).toContain("min-h-44px");
  });
});

describe("AppFooter Component", () => {
  const componentPath = resolve(__dirname, "../../components/AppFooter.vue");
  const content = readFileSync(componentPath, "utf-8");

  it("should contain address with Leipheim", () => {
    expect(content).toContain("89340");
    expect(content).toContain("Leipheim");
  });

  it("should contain phone number +49 8221 204433", () => {
    expect(content).toContain("tel:+498221204433");
    expect(content).toContain("204433");
  });

  it("should contain email link info@hms-licht-ton.de", () => {
    expect(content).toContain("mailto:info@hms-licht-ton.de");
  });

  it("should contain Impressum link", () => {
    expect(content).toContain("Impressum");
    expect(content).toContain("/impressum");
  });

  it("should contain DSGVO link", () => {
    expect(content).toContain("DSGVO");
    expect(content).toContain("/datenschutz");
  });

  it("should contain AGB Vermietung link", () => {
    expect(content).toContain("AGB Vermietung");
    expect(content).toContain("/agb-vermietung");
  });

  it("should NOT contain 'Neu in der Vermietung'", () => {
    expect(content).not.toContain("Neu in der Vermietung");
  });

  it("should NOT contain 'AGB Shop'", () => {
    expect(content).not.toContain("AGB Shop");
  });

  it("should have 4-column grid layout", () => {
    expect(content).toContain("lg:grid-cols-4");
  });
});

describe("Error Page (404)", () => {
  const errorPath = resolve(__dirname, "../../error.vue");
  const content = readFileSync(errorPath, "utf-8");

  it("should contain 'Seite nicht gefunden' for 404", () => {
    expect(content).toContain("Seite nicht gefunden");
  });

  it("should contain link to home /", () => {
    expect(content).toContain('to="/"');
  });

  it("should include noindex meta tag", () => {
    expect(content).toContain("noindex");
    expect(content).toContain("nofollow");
  });
});

describe("HmsLogo Component", () => {
  const logoPath = resolve(__dirname, "../../components/HmsLogo.vue");
  const content = readFileSync(logoPath, "utf-8");

  it("should render SVG element", () => {
    expect(content).toContain("<svg");
  });

  it("should use orange accent color #EC6925", () => {
    expect(content).toContain("#EC6925");
  });

  it("should contain border/stroke with accent color", () => {
    expect(content).toContain("accentColor");
    expect(content).toContain("stroke");
  });
});

describe("robots.txt route", () => {
  const robotsPath = resolve(__dirname, "../../server/routes/robots.txt.ts");
  const content = readFileSync(robotsPath, "utf-8");

  it("should contain User-agent: *", () => {
    expect(content).toContain("User-agent: *");
  });

  it("should contain Disallow: /", () => {
    expect(content).toContain("Disallow: /");
  });
});