Nicolas
e1589e63d0
Some checks failed
Nouvelle route /parametres/application + entrée dans SETTINGS_ITEMS (desktop et sheet mobile, un seul tableau partagé). Thème et "rejouer un tutoriel" restent inchangés dans /parametres/preferences-utilisateur (décision explicite du chantier). Le contenu affiché diffère réellement selon la plateforme, pas par simple choix cosmétique — chaque moitié de la page est inerte sur l'autre plateforme, pas juste hors-sujet : - Version installée + "Vérifier les mises à jour" (natif seulement) : useAppUpdateCheck (déjà utilisé par la bannière silencieuse existante) gagne un checkNow() qui relance la même comparaison sans attendre le throttle de 6h, réutilisant la logique existante plutôt que de la dupliquer (fetchLatestVersionResult extraite en fonction partagée). Nouveau hook useInstalledVersion (App.getInfo() natif, __APP_VERSION__ web). - "Toujours rester sur le site web" (web seulement, tout appareil) : pilote STAY_ON_WEB_PREFERENCE_KEY (déjà exporté par mobile-app-redirect.ts, ticket #84). Volontairement masqué côté natif : le WebView Capacitor tourne sur sa propre origine https://localhost, un localStorage totalement séparé de celui du vrai site web que lit attemptOpenNativeApp — modifier la préférence depuis l'app ne changerait donc jamais rien pour un visiteur mobile réel. Documenté explicitement dans le commentaire de la page pour ne pas réintroduire ce contrôle-fantôme plus tard. Couverture Cypress : nouveau app-settings-page.cy.ts (contenu web, persistance du toggle après reload) ; sidebar.cy.ts étendu pour couvrir le nouveau lien. Le déclenchement natif réel (App.getInfo(), l'appel réseau de checkNow) n'a pas de point d'entrée testable depuis un run Cypress web — même posture déjà acceptée pour useAppUpdateCheck/ UpdateBanner, la logique de comparaison pure reste couverte par version-compare.cy.tsx (inchangé). Suite complète : biome check, tsc -b --force, build, 146/146 e2e, 71/71 composants — tous verts. Closes #86 Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>
90 lines
3.1 KiB
TypeScript
90 lines
3.1 KiB
TypeScript
// Mocks the API via cy.intercept — this job doesn't run a live backend (see
|
|
// .github/workflows/ci.yml); apps/api's own Mocha suite covers real API
|
|
// behavior against a real database.
|
|
|
|
const authenticatedProfile = {
|
|
id: 1,
|
|
firstName: "Alice",
|
|
lastName: "Martin",
|
|
email: "alice@example.com",
|
|
tokenVersion: 0,
|
|
houseId: null,
|
|
dietId: null,
|
|
};
|
|
|
|
describe("Sidebar — settings menu and account menu", () => {
|
|
beforeEach(() => {
|
|
cy.intercept("GET", "**/auth/me", { statusCode: 200, body: authenticatedProfile });
|
|
// Not "**/planning*" — that glob also matches the Vite dev request for
|
|
// planning-page.scss (see planning-page.cy.ts for the same gotcha).
|
|
cy.intercept("GET", /\/planning\?/, { statusCode: 200, body: null });
|
|
});
|
|
|
|
it("no longer lists Foyer in the main nav", () => {
|
|
cy.visit("/");
|
|
cy.get(".app-sidebar__nav a").should("not.contain", "Foyer");
|
|
});
|
|
|
|
it("reveals the four settings pages behind the Paramètres toggle", () => {
|
|
cy.visit("/");
|
|
|
|
cy.contains("a", "Compte").should("not.exist");
|
|
cy.contains("button", "Paramètres").click();
|
|
|
|
cy.contains("a", "Compte").should("have.attr", "href", "/parametres/compte");
|
|
cy.contains("a", "Préférences alimentaires").should(
|
|
"have.attr",
|
|
"href",
|
|
"/parametres/preferences",
|
|
);
|
|
cy.contains("a", "Foyer").should("have.attr", "href", "/parametres/foyer");
|
|
cy.contains("a", "Préférences utilisateur").should(
|
|
"have.attr",
|
|
"href",
|
|
"/parametres/preferences-utilisateur",
|
|
);
|
|
cy.contains("a", "Paramètres d'application").should(
|
|
"have.attr",
|
|
"href",
|
|
"/parametres/application",
|
|
);
|
|
});
|
|
|
|
it("opens the account menu from the greeting and links to Mon compte", () => {
|
|
cy.visit("/");
|
|
|
|
cy.contains("a", "Mon compte").should("not.exist");
|
|
cy.contains("button", "Bonjour Alice").click();
|
|
cy.contains("a", "Mon compte").click();
|
|
|
|
cy.url().should("include", "/parametres/compte");
|
|
});
|
|
|
|
it("redirects the old /foyer path to /parametres/foyer", () => {
|
|
cy.intercept("GET", "**/house/current", { statusCode: 200, body: null });
|
|
cy.visit("/foyer");
|
|
cy.url().should("include", "/parametres/foyer");
|
|
});
|
|
|
|
it("collapses to an icon-only rail and back, persisting the choice across reloads", () => {
|
|
cy.visit("/");
|
|
|
|
cy.get(".app-sidebar").should("not.have.class", "collapsed");
|
|
cy.contains("nav a", "Planning").should("be.visible");
|
|
|
|
cy.get(".app-sidebar__collapse-toggle").click();
|
|
cy.get(".app-sidebar").should("have.class", "collapsed");
|
|
// The label text hides (not removed from the DOM — still there for the
|
|
// `title` tooltip/accessibility), while the link itself stays visible,
|
|
// icon-only.
|
|
cy.contains("span.label", "Planning").should("exist").and("not.be.visible");
|
|
cy.get("nav a[title='Planning']").should("be.visible");
|
|
|
|
cy.reload();
|
|
cy.get(".app-sidebar").should("have.class", "collapsed");
|
|
|
|
cy.get(".app-sidebar__collapse-toggle").click();
|
|
cy.get(".app-sidebar").should("not.have.class", "collapsed");
|
|
cy.contains("nav a", "Planning").should("be.visible");
|
|
});
|
|
});
|