89 lines
2.9 KiB
TypeScript
89 lines
2.9 KiB
TypeScript
|
import { describe, it, expect } from "vitest";
|
||
|
|
import { readFileSync } from "node:fs";
|
||
|
|
import { resolve } from "node:path";
|
||
|
|
|
||
|
|
describe("Warenkorb Page", () => {
|
||
|
|
const pagePath = resolve(__dirname, "../../pages/warenkorb.vue");
|
||
|
|
const content = readFileSync(pagePath, "utf-8");
|
||
|
|
|
||
|
|
it("should have page title Warenkorb", () => {
|
||
|
|
expect(content).toContain("Warenkorb");
|
||
|
|
expect(content).toContain('data-testid="warenkorb-title"');
|
||
|
|
});
|
||
|
|
|
||
|
|
it("should use useCart composable", () => {
|
||
|
|
expect(content).toContain("useCart");
|
||
|
|
});
|
||
|
|
|
||
|
|
it("should have breadcrumb navigation", () => {
|
||
|
|
expect(content).toContain("Breadcrumb");
|
||
|
|
expect(content).toContain('to="/"');
|
||
|
|
});
|
||
|
|
|
||
|
|
it("should have empty state with link to mietkatalog", () => {
|
||
|
|
expect(content).toContain('data-testid="warenkorb-empty"');
|
||
|
|
expect(content).toContain('to="/mietkatalog"');
|
||
|
|
expect(content).toContain("Ihr Warenkorb ist leer");
|
||
|
|
});
|
||
|
|
|
||
|
|
it("should have cart item list with data-testid", () => {
|
||
|
|
expect(content).toContain('data-testid="warenkorb-item"');
|
||
|
|
});
|
||
|
|
|
||
|
|
it("should have item name with link to detail page", () => {
|
||
|
|
expect(content).toContain('data-testid="warenkorb-item-name"');
|
||
|
|
expect(content).toContain("/mietkatalog/");
|
||
|
|
});
|
||
|
|
|
||
|
|
it("should have quantity stepper with increment and decrement", () => {
|
||
|
|
expect(content).toContain('data-testid="warenkorb-item-stepper"');
|
||
|
|
expect(content).toContain('data-testid="warenkorb-item-decrement"');
|
||
|
|
expect(content).toContain('data-testid="warenkorb-item-increment"');
|
||
|
|
expect(content).toContain("decrementQuantity");
|
||
|
|
expect(content).toContain("incrementQuantity");
|
||
|
|
});
|
||
|
|
|
||
|
|
it("should display item quantity", () => {
|
||
|
|
expect(content).toContain('data-testid="warenkorb-item-quantity"');
|
||
|
|
expect(content).toContain("item.quantity");
|
||
|
|
});
|
||
|
|
|
||
|
|
it("should have remove button", () => {
|
||
|
|
expect(content).toContain('data-testid="warenkorb-item-remove"');
|
||
|
|
expect(content).toContain("removeItem");
|
||
|
|
});
|
||
|
|
|
||
|
|
it("should have clear cart button", () => {
|
||
|
|
expect(content).toContain('data-testid="warenkorb-clear"');
|
||
|
|
expect(content).toContain("clearCart");
|
||
|
|
expect(content).toContain("Warenkorb leeren");
|
||
|
|
});
|
||
|
|
|
||
|
|
it("should have checkout link to mietanfrage", () => {
|
||
|
|
expect(content).toContain('data-testid="warenkorb-checkout"');
|
||
|
|
expect(content).toContain('to="/mietanfrage"');
|
||
|
|
expect(content).toContain("Zur Mietanfrage");
|
||
|
|
});
|
||
|
|
|
||
|
|
it("should display total count", () => {
|
||
|
|
expect(content).toContain("totalCount");
|
||
|
|
});
|
||
|
|
|
||
|
|
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");
|
||
|
|
});
|
||
|
|
|
||
|
|
it("should have formatPrice function", () => {
|
||
|
|
expect(content).toContain("formatPrice");
|
||
|
|
expect(content).toContain("Intl.NumberFormat");
|
||
|
|
});
|
||
|
|
});
|