Nicolas
6f02cc0922
preferences.cy.ts échouait en CI (3/4 tests) sur des assertions sans rapport apparent avec le contenu changé cette session (#diet introuvable, 'Arachides' introuvable) : PreferencesPage.tsx charge aussi ces deux endpoints dans le même Promise.all que diets/allergies (pour DislikedIngredientsField), mais le test ne les mockait pas — la requête réseau réelle échoue en CI (pas de backend), le Promise.all rejette, la page entière rend son état d'erreur au lieu du formulaire, ce qui fait disparaître #diet et les cases à cocher d'allergies avec. Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>
81 lines
3 KiB
TypeScript
81 lines
3 KiB
TypeScript
// Mocks the API via cy.intercept — see auth.cy.ts for the rationale.
|
|
|
|
const authenticatedProfile = {
|
|
id: 1,
|
|
firstName: "Alice",
|
|
lastName: "Martin",
|
|
email: "alice@example.com",
|
|
tokenVersion: 0,
|
|
houseId: 1,
|
|
dietId: 2,
|
|
};
|
|
|
|
describe("Dietary preferences (/parametres/preferences) — hot saving", () => {
|
|
beforeEach(() => {
|
|
cy.intercept("GET", "**/auth/me", { statusCode: 200, body: authenticatedProfile });
|
|
cy.intercept("GET", "**/reference/diets", {
|
|
statusCode: 200,
|
|
body: [
|
|
{ id: 1, name: "Omnivore" },
|
|
{ id: 2, name: "Végétarien" },
|
|
],
|
|
});
|
|
cy.intercept("GET", "**/reference/allergies", {
|
|
statusCode: 200,
|
|
body: [
|
|
{ id: 1, name: "Arachides", kind: "ALLERGY" },
|
|
{ id: 2, name: "Gluten", kind: "INTOLERANCE" },
|
|
],
|
|
});
|
|
cy.intercept("GET", "**/profile/allergies", { statusCode: 200, body: [2] });
|
|
// The page also loads the reference ingredient list + the profile's
|
|
// disliked-ingredients selection for `DislikedIngredientsField` — added
|
|
// alongside `getDiets`/`getAllergies` in the same `Promise.all` (see
|
|
// PreferencesPage.tsx), so both need mocking here too or that `Promise.all`
|
|
// rejects and the whole page renders its error state instead of the form,
|
|
// taking `#diet`/the allergy checkboxes down with it.
|
|
cy.intercept("GET", "**/reference/ingredients", { statusCode: 200, body: [] });
|
|
cy.intercept("GET", "**/profile/disliked-ingredients", { statusCode: 200, body: [] });
|
|
});
|
|
|
|
it("loads the current regime, and shows allergies/intolerances as two groups", () => {
|
|
cy.visit("/parametres/preferences");
|
|
|
|
cy.get("#diet").should("have.value", "2");
|
|
cy.contains("legend", "Allergies").should("be.visible");
|
|
cy.contains("legend", "Intolérances").should("be.visible");
|
|
cy.contains("label", "Gluten").find("input[type=checkbox]").should("be.checked");
|
|
cy.contains("label", "Arachides").find("input[type=checkbox]").should("not.be.checked");
|
|
});
|
|
|
|
it("has no explicit save button anywhere on the page", () => {
|
|
cy.visit("/parametres/preferences");
|
|
cy.contains("button", "Enregistrer").should("not.exist");
|
|
});
|
|
|
|
it("autosaves the regime as soon as it's selected", () => {
|
|
cy.intercept("PATCH", "**/profile/diet", {
|
|
statusCode: 200,
|
|
body: { ...authenticatedProfile, dietId: 1 },
|
|
}).as("updateDiet");
|
|
|
|
cy.visit("/parametres/preferences");
|
|
cy.get("#diet").select("Omnivore");
|
|
|
|
cy.wait("@updateDiet").its("request.body").should("deep.equal", { dietId: 1 });
|
|
});
|
|
|
|
it("autosaves allergies and intolerances together after checking boxes", () => {
|
|
cy.intercept("PATCH", "**/profile/allergies", { statusCode: 200, body: [2, 1] }).as(
|
|
"updateAllergies",
|
|
);
|
|
|
|
cy.visit("/parametres/preferences");
|
|
cy.contains("label", "Arachides").find("input[type=checkbox]").check();
|
|
|
|
cy.wait("@updateAllergies")
|
|
.its("request.body")
|
|
.should("deep.equal", { allergyIds: [2, 1] });
|
|
cy.contains("Enregistré ✓").should("be.visible");
|
|
});
|
|
});
|