test: verify first visible vertical slice
Drives the full world/travel flow in Chromium via Playwright against the live API and seeded Postgres, capturing the three required desktop viewports and comparing them against the accepted design reference. Fixes two evidenced defects found during verification: - world-page scene sizing overflowed the viewport at all three required desktop sizes, pushing the footer (and, at 1440x900/1366x768, the travel button) below the fold; scene height now accounts for surrounding chrome so nothing is clipped. - the generic HTTP-failure fallback message was hardcoded in English while the rest of the UI is German; now uses a matching German string. Adds Playwright as a web devDependency for this and future browser verification passes (no product-code dependency).
This commit is contained in:
@@ -25,6 +25,7 @@
|
||||
"@angular/cli": "22.0.9",
|
||||
"@angular/compiler-cli": "22.0.8",
|
||||
"jsdom": "^28.0.0",
|
||||
"playwright": "^1.62.1",
|
||||
"prettier": "^3.8.1",
|
||||
"typescript": "6.0.3",
|
||||
"vitest": "^4.0.8"
|
||||
|
||||
@@ -11,7 +11,7 @@
|
||||
.world-page__scene {
|
||||
position: relative;
|
||||
isolation: isolate;
|
||||
min-block-size: clamp(30rem, 67vh, 44rem);
|
||||
min-block-size: clamp(20rem, calc(100dvh - 25rem), 44rem);
|
||||
overflow: hidden;
|
||||
border: 1px solid var(--ar-border);
|
||||
background-color: #151718;
|
||||
|
||||
@@ -241,6 +241,6 @@ export class WorldStore implements OnDestroy {
|
||||
}
|
||||
|
||||
private toErrorMessage(error: unknown): string {
|
||||
return error instanceof Error ? error.message : 'Unable to load world state.';
|
||||
return error instanceof Error ? error.message : 'Weltzustand konnte nicht geladen werden.';
|
||||
}
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user