chore: seminarhof customer project

e2e/tests/steps/invoice.steps.ts

@@ -0,0 +1,60 @@
+import { When } from "@cucumber/cucumber";
+import path from "node:path";
+import type { ActorSession } from "@pikku/cucumber/browser";
+import type { AppWorld } from "../support/world.js";
+
+/**
+ * Project-specific invoice steps. Talk to the Invoices tab on the admin
+ * booking-detail page (Mantine form). Locale-aware: the form uses German
+ * labels by default in this app.
+ */
+
+When(
+  "{actor} create(s) an invoice numbered {string} for {float} €",
+  async function (this: AppWorld, actor: ActorSession, invoiceNumber: string, amountEuro: number) {
+    // The form sits in the "Neue Rechnung" panel — use data-testid hooks so we
+    // are not coupled to localized labels.
+    const numberField = actor.page
+      .getByTestId("invoice-create-form")
+      .locator('input[data-testid="invoice-number"], [data-testid="invoice-number"] input')
+      .first();
+    await numberField.fill(invoiceNumber);
+    const amount = actor.page
+      .getByTestId("invoice-create-form")
+      .locator('input[data-testid="invoice-amount"], [data-testid="invoice-amount"] input')
+      .first();
+    await amount.fill("");
+    await amount.fill(String(amountEuro.toFixed(2)));
+    await actor.page
+      .getByRole("button", { name: /rechnung erstellen|create invoice/i })
+      .click();
+    // Wait for the row to appear in the invoices table above the form.
+    await actor.page.getByText(invoiceNumber, { exact: false }).first().waitFor({
+      state: "visible",
+    });
+  },
+);
+
+When(
+  "{actor} attach(es) invoice PDF {string}",
+  async function (this: AppWorld, actor: ActorSession, filename: string) {
+    const filePath = path.resolve(process.cwd(), "tests", "fixtures", filename);
+    await actor.page.getByTestId("invoice-pdf").setInputFiles(filePath);
+  },
+);
+
+When(
+  "{actor} mark(s) invoice {string} as paid on {string}",
+  async function (this: AppWorld, actor: ActorSession, invoiceNumber: string, paidOn: string) {
+    // Stub the prompt before clicking — the UI uses window.prompt to collect
+    // the payment date.
+    await actor.page.evaluate((value) => {
+      // eslint-disable-next-line @typescript-eslint/no-explicit-any
+      (window as any).prompt = () => value;
+    }, paidOn);
+
+    const row = actor.page.getByRole("row", { name: new RegExp(invoiceNumber) });
+    await row.getByTestId(`invoice-mark-paid-${invoiceNumber}`).click();
+    await row.getByText(/bezahlt|paid/i).waitFor({ state: "visible" });
+  },
+);