build: dockerfile, compose-stack, entrypoint und update-skript
Multi-Stage-Build mit standalone-Output, non-root Nutzer node (UID 1000) und Healthcheck auf /api/health. Der Entrypoint prueft zuerst, ob /data beschreibbar ist, und sagt bei einem Rechteproblem genau, was zu tun ist; danach laufen die Migrationen und erst dann startet die App. Der Migrations-Runner wird beim Build mit esbuild zu einer einzelnen CJS-Datei gebuendelt. Damit braucht das Runtime-Image weder drizzle-kit noch tsx - nur das native better-sqlite3, das ohnehin dabei ist. update.sh sichert data und .env, holt den neuen Stand, baut, startet und wartet auf den Healthcheck. Wird der Container nicht gesund, rollt es Code und Container auf den vorherigen Commit zurueck und nennt den Pfad der Sicherung. .gitattributes erzwingt LF: eine entrypoint.sh mit CRLF scheitert im Container mit "no such file or directory" auf der Shebang-Zeile. Verifiziert: Image gebaut (358 MB), Container healthy, Migration laeuft, Registrierung des ersten Nutzers funktioniert, sharp arbeitet unter musl. Co-Authored-By: Claude Opus 5 (1M context) <noreply@anthropic.com>
This commit is contained in:
unknown
Claude Opus 5
@@ -0,0 +1,124 @@
|
||||
import { execFileSync } from 'node:child_process';
|
||||
import fs from 'node:fs';
|
||||
import path from 'node:path';
|
||||
import { expect, test, type Page } from '@playwright/test';
|
||||
|
||||
/**
|
||||
* Captures the screenshots used by docs/ANLEITUNG.md.
|
||||
*
|
||||
* Reproducible on purpose: whenever the UI changes, `pnpm screenshots`
|
||||
* refreshes every picture in the manual from the same seeded data.
|
||||
*/
|
||||
const SHOT_DIR = path.resolve(process.cwd(), 'docs/bilder');
|
||||
|
||||
function shotPath(name: string) {
|
||||
fs.mkdirSync(SHOT_DIR, { recursive: true });
|
||||
return path.join(SHOT_DIR, `${name}.png`);
|
||||
}
|
||||
|
||||
async function shoot(page: Page, name: string) {
|
||||
// Let fonts and images settle so the picture is not half-rendered.
|
||||
await page.waitForLoadState('networkidle');
|
||||
await page.screenshot({ path: shotPath(name), fullPage: true });
|
||||
}
|
||||
|
||||
test('Screenshots fuer die Anleitung', async ({ page, browser }) => {
|
||||
// --- 1. registration ------------------------------------------------------
|
||||
await page.goto('/registrieren');
|
||||
await expect(page.getByText('Erstes Konto anlegen')).toBeVisible();
|
||||
await shoot(page, '01-registrierung');
|
||||
|
||||
await page.getByLabel('Name').fill('Florian');
|
||||
await page.getByLabel('E-Mail').fill('papa@bricktrack.local');
|
||||
await page.getByLabel('Passwort').fill('anleitung-passwort');
|
||||
await page.getByRole('button', { name: 'Konto anlegen' }).click();
|
||||
await expect(page.getByRole('heading', { name: 'Hallo Florian' })).toBeVisible();
|
||||
|
||||
// Example data needs the user to exist first (the wishlist has an owner).
|
||||
execFileSync('node', ['node_modules/tsx/dist/cli.mjs', 'scripts/seed.ts'], {
|
||||
stdio: 'inherit',
|
||||
env: { ...process.env, DATA_DIR: './data-shots' },
|
||||
});
|
||||
|
||||
// --- 2. dashboard ---------------------------------------------------------
|
||||
await page.goto('/');
|
||||
await shoot(page, '02-start');
|
||||
|
||||
// --- 3. master data -------------------------------------------------------
|
||||
await page.goto('/verwaltung/hersteller');
|
||||
await expect(page.getByText('Lego')).toBeVisible();
|
||||
await shoot(page, '03-verwaltung-hersteller');
|
||||
|
||||
// --- 4. catalog -----------------------------------------------------------
|
||||
await page.goto('/katalog');
|
||||
await expect(page.getByText('Familienhaus und Elektroauto')).toBeVisible();
|
||||
await shoot(page, '04-katalog');
|
||||
|
||||
// --- 5. missing sets, selection mode --------------------------------------
|
||||
await page.goto('/katalog?besitz=fehlt');
|
||||
await expect(page.getByText('Fehlende Sets')).toBeVisible();
|
||||
await shoot(page, '05-fehlende-sets');
|
||||
|
||||
await page.getByRole('button', { name: 'Auswählen' }).click();
|
||||
const cards = page.locator('button[aria-pressed]');
|
||||
await cards.nth(0).click();
|
||||
await cards.nth(1).click();
|
||||
await expect(page.getByText('2 ausgewählt')).toBeVisible();
|
||||
await shoot(page, '06-mehrfachauswahl');
|
||||
|
||||
await page.getByRole('button', { name: 'Zur Wunschliste hinzufügen' }).click();
|
||||
await expect(page.getByText('Sets auf die Wunschliste')).toBeVisible();
|
||||
await page.screenshot({ path: shotPath('07-wunschliste-dialog') });
|
||||
await page.getByRole('button', { name: 'Abbrechen' }).click();
|
||||
|
||||
// --- 6. set detail --------------------------------------------------------
|
||||
await page.goto('/katalog?q=60398');
|
||||
await page.getByText('Familienhaus und Elektroauto').first().click();
|
||||
await expect(page.getByRole('heading', { name: 'Familienhaus und Elektroauto' })).toBeVisible();
|
||||
await shoot(page, '08-set-detail');
|
||||
|
||||
// --- 7. collection --------------------------------------------------------
|
||||
await page.goto('/sammlung');
|
||||
await expect(page.getByText('Wert nach UVP')).toBeVisible();
|
||||
await shoot(page, '09-sammlung');
|
||||
|
||||
// --- 8. wishlist ----------------------------------------------------------
|
||||
await page.goto('/wunschlisten');
|
||||
await expect(page.getByText('Weihnachten 2026')).toBeVisible();
|
||||
await shoot(page, '10-wunschlisten');
|
||||
|
||||
const listHref = await page
|
||||
.getByRole('link', { name: /Weihnachten 2026/ })
|
||||
.getAttribute('href');
|
||||
await page.goto(listHref!);
|
||||
await expect(page.getByRole('heading', { name: 'Weihnachten 2026' })).toBeVisible();
|
||||
await shoot(page, '11-wunschliste-bearbeiten');
|
||||
|
||||
const shareUrl = await page.getByLabel('Link zum Teilen').inputValue();
|
||||
|
||||
// --- 9. public view, as a visitor without an account ----------------------
|
||||
const visitorContext = await browser.newContext({ locale: 'de-DE' });
|
||||
const visitor = await visitorContext.newPage();
|
||||
await visitor.setViewportSize({ width: 412, height: 915 });
|
||||
await visitor.goto(shareUrl);
|
||||
await expect(visitor.getByRole('heading', { name: 'Weihnachten 2026' })).toBeVisible();
|
||||
await shoot(visitor, '12-oeffentliche-wunschliste');
|
||||
|
||||
await visitor.getByRole('button', { name: 'Das schenke ich' }).first().click();
|
||||
await visitor.getByLabel('Dein Name').fill('Tante Anne');
|
||||
await visitor.screenshot({ path: shotPath('13-reservieren') });
|
||||
await visitor.getByRole('button', { name: 'Reservieren' }).click();
|
||||
await expect(visitor.getByText('Reservierung gespeichert')).toBeVisible();
|
||||
await visitor.getByRole('button', { name: 'Alles klar' }).click();
|
||||
await shoot(visitor, '14-reserviert');
|
||||
await visitorContext.close();
|
||||
|
||||
// --- 10. the owner sees the reservation -----------------------------------
|
||||
await page.reload();
|
||||
await shoot(page, '15-wunschliste-reserviert');
|
||||
|
||||
// --- 11. account and passkeys --------------------------------------------
|
||||
await page.goto('/konto');
|
||||
await expect(page.getByText('Passkeys')).toBeVisible();
|
||||
await shoot(page, '16-konto-passkeys');
|
||||
});
|
||||
Reference in New Issue
Block a user