Nicolas
aaace15b51
Convertit les parcours utilisateur (goal-driven, "en tant que X je peux Y") en scénarios Gherkin, en réutilisant l'infra Cucumber déjà validée par le smoke test (PR #24). Retire le smoke test jetable maintenant superflu. 8 fichiers .feature ajoutés, chacun avec son fichier de step definitions au même basename (convention de découverte du préprocesseur — voir login-smoke.ts) : - auth.feature : inscription (succès, erreur validation, email déjà pris), connexion (succès, identifiants invalides), déconnexion - onboarding.feature : les 3 scénarios déjà couverts (wizard complet, étapes sautées, rejoindre un foyer pendant l'onboarding) — dépend de household-settings.ts et preferences.ts pour ses steps de création/rejoint de foyer et de sélection de régime/allergies - household-settings.feature : créer un foyer, rejoindre par code d'invitation, renommer (autosave), retirer un membre, supprimer le foyer, quitter le foyer - account.feature : suppression de compte (mauvais mot de passe, succès, annulation) - recipe-form.feature : les 4 scénarios déjà couverts inchangés (ajout d'ingrédient + création, régression crypto.randomUUID, exclusion/ réinclusion d'ingrédient, préchargement + édition d'une recette existante) - recipes.feature : bascule favori, suppression d'une recette - preferences.feature : autosave du régime, autosave des allergies - user-preferences.feature : changement de thème (autosave) En contrepartie, les anciens .cy.ts perdent uniquement les it() migrés vers Gherkin — les scénarios de layout/affichage pur (catalogue de recettes, tabs, recherche, panneau de détail, sidebar, planning grid, etc.) restent en Cypress classique, conformément au découpage "parcours utilisateur (Cucumber) vs layout (Cypress pur)" déjà en place pour les component tests. auth.cy.ts, onboarding.cy.ts et recipe-form.cy.ts sont supprimés : 100% de leur contenu a migré. Les commentaires "voir auth.cy.ts pour la justification" désormais obsolètes (fichier supprimé) sont remplacés par une explication autonome du mock cy.intercept. Vérifié statiquement : les 246 steps Gherkin des 8 .feature résolvent chacun vers exactement une définition (0 non résolu, 0 ambigu) et `pnpm exec biome check` est propre sur tout cypress/. Reste à confirmer en CI que les scénarios passent réellement (pas seulement qu'ils se résolvent).
85 lines
3 KiB
TypeScript
85 lines
3 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",
|
|
);
|
|
});
|
|
|
|
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");
|
|
});
|
|
});
|