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:
+9
-3
@@ -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. */
|
||||
|
||||
Reference in New Issue
Block a user