kyuno/batchCooking
1
0
Fork 0
Code Issues 5 Pull requests Projects Releases Packages Wiki Activity Actions 1

fix(e2e): update layout test for settings-page's dropped max-width

Browse source 
layout.cy.ts still asserted .settings-page was a centered column
capped at 896px (max-width: 56rem) — that cap was removed in
4647a82 (settings pages were cramped on wide viewports) without
updating this regression test, breaking CI on main.

Moves the settings-page assertion into the full-bleed group
(assertFillsContentWidth, same as .planning-page/.recipes-page)
instead of the centered-column one, matching current behavior.
This commit is contained in:
Nicolas 2026-08-19 22:00:07 +02:00
parent 4647a82942
commit 1c99e18ce7
1 changed files with 8 additions and 5 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

13
apps/web/cypress/e2e/layout.cy.ts
View file

@ -132,7 +132,7 @@ describe("Page width — full-bleed pages vs. centered reading columns (#21 regr
cy.viewport(1600, 900); cy.viewport(1600, 900);
}); });
it("stretches the planning page and recipe catalog across the full content width", () => { it("stretches the planning page, recipe catalog, and settings pages across the full content width", () => {
cy.intercept("GET", /\/planning\?/, { statusCode: 200, body: null }); cy.intercept("GET", /\/planning\?/, { statusCode: 200, body: null });
cy.visit("/"); cy.visit("/");
assertFillsContentWidth(".planning-page"); assertFillsContentWidth(".planning-page");
@ -141,14 +141,17 @@ describe("Page width — full-bleed pages vs. centered reading columns (#21 regr
cy.intercept("GET", "**/profile/disliked-ingredients", { statusCode: 200, body: [] }); cy.intercept("GET", "**/profile/disliked-ingredients", { statusCode: 200, body: [] });
cy.visit("/recettes"); cy.visit("/recettes");
assertFillsContentWidth(".recipes-page"); assertFillsContentWidth(".recipes-page");
// Settings pages (Compte/Préférences/Foyer) used to be capped at
// max-width: 56rem, cramped in a centered column on wide viewports —
// that cap was dropped so they fill the width like every other page.
cy.visit("/parametres/compte");
assertFillsContentWidth(".settings-page");
}); });
it("centers the Liste de courses stub and settings pages, with equal space on both sides", () => { it("centers the Liste de courses stub, with equal space on both sides", () => {
cy.visit("/liste-de-courses"); cy.visit("/liste-de-courses");
assertCenteredColumn(".coming-soon-page", 640); // max-width: 40rem assertCenteredColumn(".coming-soon-page", 640); // max-width: 40rem
cy.visit("/parametres/compte");
assertCenteredColumn(".settings-page", 896); // max-width: 56rem
}); });
/** Fills `.app-content`'s available (padding-excluded) width, within a couple px of scrollbar/rounding slack. */ /** Fills `.app-content`'s available (padding-excluded) width, within a couple px of scrollbar/rounding slack. */