test: add full-stack Playwright integration test infrastructure

Sprint 12 Phase 2: Real integration tests with seed DB - R__seed_test_data.sql (Flyway repeatable, 7 members, strains, batches, docs, board, events) - TestResetController (profile-gated per-test DB reset) - docker-compose.test.yml (self-contained, tmpfs Postgres) - Dockerfile.playwright (v1.60.0, pre-installed deps) - 13 integration spec files, 70+ test cases (@smoke + @full) - seed-constants.ts, selectors.ts, api-client.ts test helpers
2026-06-18 14:43:16 +02:00
parent 6e25914074
commit 776149e7d3
25 changed files with 2127 additions and 39 deletions
@@ -0,0 +1,121 @@
+import { expect, test } from "@playwright/test"
+
+import { ApiClient } from "../api-client"
+import { SEED } from "../seed-constants"
+import { SEL } from "../selectors"
+
+const apiClient = new ApiClient()
+
+test.describe("Documents Page @smoke", () => {
+  test.beforeEach(async () => {
+    await apiClient.login(SEED.admin.email, SEED.admin.password)
+    await apiClient.resetDb()
+  })
+
+  test("displays seed documents", async ({ page }) => {
+    await page.goto("/documents")
+    await expect(page.getByText(SEED.documents.satzung.title)).toBeVisible()
+    await expect(page.getByText(SEED.documents.protokoll.title)).toBeVisible()
+    await expect(
+      page.getByText(SEED.documents.genehmigung.title)
+    ).toBeVisible()
+    await expect(
+      page.getByText(SEED.documents.mietvertrag.title)
+    ).toBeVisible()
+  })
+
+  test("upload button opens dialog", async ({ page }) => {
+    await page.goto("/documents")
+    const uploadBtn = page.locator(SEL.documents.uploadButton)
+    await expect(uploadBtn).toBeVisible()
+    await uploadBtn.click()
+    await expect(page.locator(SEL.documents.uploadDialog)).toBeVisible()
+    await expect(page.locator(SEL.documents.titleInput)).toBeVisible()
+    await expect(page.locator(SEL.documents.categorySelect)).toBeVisible()
+    await expect(page.locator(SEL.documents.fileInput)).toBeVisible()
+  })
+
+  test("upload form submits successfully", async ({ page }) => {
+    // Requires backend
+    await page.goto("/documents")
+    await page.locator(SEL.documents.uploadButton).click()
+    await expect(page.locator(SEL.documents.uploadDialog)).toBeVisible()
+
+    await page.locator(SEL.documents.titleInput).fill("Testdokument Upload")
+    await page.locator(SEL.documents.categorySelect).click()
+    await page.getByRole("option", { name: /satzung/i }).click()
+
+    // Upload a test file
+    const fileInput = page.locator(SEL.documents.fileInput)
+    await fileInput.setInputFiles({
+      name: "test.pdf",
+      mimeType: "application/pdf",
+      buffer: Buffer.from("fake pdf content"),
+    })
+
+    const submitBtn = page.locator(SEL.documents.submitUpload)
+    await submitBtn.click()
+
+    // Verify success toast
+    await expect(page.getByText(/erfolgreich|hochgeladen/i)).toBeVisible()
+  })
+
+  test("download button triggers download", async ({ page }) => {
+    await page.goto("/documents")
+    const downloadBtn = page.locator(
+      SEL.documents.downloadButton(SEED.documents.satzung.id)
+    )
+    await expect(downloadBtn).toBeVisible()
+
+    // Verify clicking download doesn't throw an error
+    const downloadPromise = page.waitForEvent("download")
+    await downloadBtn.click()
+    const download = await downloadPromise
+    expect(download.suggestedFilename()).toBeTruthy()
+  })
+
+  test("delete button shows confirmation and removes document", async ({
+    page,
+  }) => {
+    // Requires backend
+    await page.goto("/documents")
+    const deleteBtn = page.locator(
+      SEL.documents.deleteButton(SEED.documents.mietvertrag.id)
+    )
+    await expect(deleteBtn).toBeVisible()
+    await deleteBtn.click()
+
+    // Confirmation dialog appears
+    await expect(page.locator(SEL.documents.deleteConfirm)).toBeVisible()
+    await page.locator(SEL.documents.deleteConfirm).click()
+
+    // Document removed from list
+    await expect(
+      page.getByText(SEED.documents.mietvertrag.title)
+    ).not.toBeVisible()
+  })
+
+  test("category badges display correctly", async ({ page }) => {
+    await page.goto("/documents")
+    await expect(
+      page.locator(
+        SEL.documents.categoryBadge(SEED.documents.satzung.category)
+      )
+    ).toBeVisible()
+    await expect(
+      page.locator(
+        SEL.documents.categoryBadge(SEED.documents.protokoll.category)
+      )
+    ).toBeVisible()
+    await expect(
+      page.locator(
+        SEL.documents.categoryBadge(SEED.documents.genehmigung.category)
+      )
+    ).toBeVisible()
+    await expect(
+      page.locator(
+        SEL.documents.categoryBadge(SEED.documents.mietvertrag.category)
+      )
+    ).toBeVisible()
+  })
+})