fix(ui): Übersicht am Handy nicht breiter als der Bildschirm

Lange Zeilen unter „Letzte Deployments“ sprengten die Gitterspalte; der mobile Browser zoomte heraus, die Navigationsschublade verdeckte dann „Abmelden“. keinQuerscrollen misst jetzt gegen die eingestellte Breite – gegen innerWidth gemessen fiel das Herauszoomen nicht auf.

Refs #023

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
This commit is contained in:
2026-10-12 22:06:13 +02:00
co-authored by Claude Opus 5.5
parent 2b6381de41
commit a9ea35cab5
4 changed files with 17 additions and 6 deletions
+9 -3
View File
@@ -12,12 +12,18 @@ export async function anmelden(page: Page, ziel = "/") {
await expect(page).not.toHaveURL(/\/anmelden/);
}
/**
* Gegen die eingestellte Bildschirmbreite messen, nicht gegen innerWidth: bei mobiler Emulation
* zoomt der Browser bei zu breitem Inhalt heraus, und innerWidth wächst einfach mit.
*/
export async function keinQuerscrollen(page: Page) {
const breiten = await page.evaluate(() => ({
inhalt: document.documentElement.scrollWidth,
const breite = page.viewportSize()!.width;
const inhalt = await page.evaluate(() => ({
scroll: document.documentElement.scrollWidth,
fenster: window.innerWidth,
}));
expect(breiten.inhalt).toBeLessThanOrEqual(breiten.fenster);
expect(inhalt.fenster, "Der Browser hat herausgezoomt – etwas ist breiter als der Bildschirm").toBe(breite);
expect(inhalt.scroll).toBeLessThanOrEqual(breite);
}
/** Mit dem Präfix zz-e2e lassen sich Testdaten erkennen und aufräumen. */