Nicolas
ba131bd8c8
Un rafraîchissement (F5) sur /admin/monitoring affichait le JSON brut de
l'API au lieu de la page — même chose à craindre pour tout futur /admin/*
GET sans segment supplémentaire.
Cause : `server.mountRouter("/admin", adminRouter)` (app.ts) montait
l'API admin exactement sous /admin, la même racine que les pages
/admin/* d'apps/web, servies depuis la même origine/le même process en
prod (image Docker unique). Express matche par chemin, sans égard au
Accept — `GET /admin/monitoring` (route API) et la page du même nom
étaient en conflit direct ; l'API gagnait systématiquement (montée
avant serveStaticFrontend), donc chaque F5 sur cette page recevait le
JSON de l'API plutôt que index.html.
Seule /admin/monitoring collidait réellement aujourd'hui (seul
sous-routeur admin à répondre GET sur sa racine bare) mais le
mécanisme touche toute future route admin nommée comme sa page — d'où
un correctif structurel plutôt qu'un renommage ponctuel.
Correctif : l'API admin est montée sous /admin/api (app.ts), jamais
bare /admin. Toute la surface admin bouge en conséquence
(auth/metrics/monitoring/tech-steps/catalog) ; les pages front
(/admin/monitoring, /admin/catalogue, /admin/corrections...) sont
inchangées, seul admin-client.ts change de base URL. Mis à jour en
cohérence : commentaires JSDoc citant les routes (apps/api + apps/web +
packages/shared), specs/backend-architecture.md,
specs/batch-cooking-modele.md, les intercepts Cypress (globs + un
matcher regex qui avait échappé au premier passage) et les chemins
supertest du suite Mocha admin-*.test.ts.
Simplifie au passage admin-monitoring.cy.ts : le contournement
resourceType ajouté en #32 pour cette même collision n'a plus lieu
d'être une fois les chemins distincts (retour à un intercept déclaratif
simple) — le bug Cypress/Chrome qu'il avait mis au jour reste noté en
commentaire pour référence future.
Vérifié : pnpm lint clean ; build api+web clean ; suite e2e complète
28/28 fichiers, 116/116 tests verts (dont les 16 tests admin-*).
Suite Mocha apps/api non exécutable cette session (Postgres/Docker
injoignable) — chemins mis à jour mécaniquement en cohérence avec le
nouveau mount point, à faire tourner en CI/à la prochaine session avec
accès DB.
Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>
99 lines
3.2 KiB
TypeScript
99 lines
3.2 KiB
TypeScript
// Mocks the admin API via cy.intercept — no live backend.
|
|
|
|
const adminBody = {
|
|
id: 1,
|
|
email: "ops@example.com",
|
|
name: "Ops",
|
|
createdAt: "2026-08-01T00:00:00.000Z",
|
|
lastLoginAt: "2026-08-28T09:00:00.000Z",
|
|
};
|
|
|
|
function pendingGroups() {
|
|
return [
|
|
{
|
|
normalizedName: "piment d espelette",
|
|
displayNames: ["Piment d'Espelette", "piment d espelette"],
|
|
ingredientIds: [11, 12],
|
|
recipeCount: 2,
|
|
sampleRecipes: [
|
|
{ id: 1, name: "Poulet basquaise" },
|
|
{ id: 2, name: "Piperade" },
|
|
],
|
|
firstSeenAt: "2026-08-20T10:00:00.000Z",
|
|
allReviewed: false,
|
|
},
|
|
{
|
|
normalizedName: "sumac",
|
|
displayNames: ["Sumac"],
|
|
ingredientIds: [13],
|
|
recipeCount: 1,
|
|
sampleRecipes: [{ id: 3, name: "Fattoush" }],
|
|
firstSeenAt: "2026-08-22T10:00:00.000Z",
|
|
allReviewed: false,
|
|
},
|
|
];
|
|
}
|
|
|
|
describe("Admin catalog — off-catalog ingredients", () => {
|
|
beforeEach(() => {
|
|
cy.viewport(1400, 900);
|
|
cy.intercept("GET", "**/admin/api/auth/me", { statusCode: 200, body: adminBody });
|
|
});
|
|
|
|
it("lists placeholder groups newest-impact first with their recipe count and spelling variants", () => {
|
|
cy.intercept("GET", "**/admin/api/catalog/placeholders*", {
|
|
statusCode: 200,
|
|
body: pendingGroups(),
|
|
}).as("getPlaceholders");
|
|
cy.visit("/admin/catalogue");
|
|
cy.wait("@getPlaceholders");
|
|
|
|
cy.get(".catalog-card").should("have.length", 2);
|
|
cy.get(".catalog-card").first().should("contain.text", "Piment d'Espelette");
|
|
cy.contains(".catalog-card", "Piment d'Espelette")
|
|
.should("contain.text", "2 recette")
|
|
.and("contain.text", "piment d espelette")
|
|
.and("contain.text", "Poulet basquaise");
|
|
});
|
|
|
|
it("marks a group reviewed and reloads the list", () => {
|
|
cy.intercept("GET", "**/admin/api/catalog/placeholders*", {
|
|
statusCode: 200,
|
|
body: pendingGroups(),
|
|
}).as("getPlaceholders");
|
|
cy.intercept("PATCH", "**/admin/api/catalog/placeholders/mark-reviewed", {
|
|
statusCode: 200,
|
|
body: { reviewed: 1 },
|
|
}).as("markReviewed");
|
|
|
|
cy.visit("/admin/catalogue");
|
|
cy.wait("@getPlaceholders");
|
|
|
|
cy.contains(".catalog-card", "Sumac").contains("button", "Marquer comme traité").click();
|
|
|
|
cy.wait("@markReviewed")
|
|
.its("request.body")
|
|
.should("deep.equal", { ingredientIds: [13] });
|
|
// The page re-fetches the list after the PATCH.
|
|
cy.get("@getPlaceholders.all").should("have.length.greaterThan", 1);
|
|
});
|
|
|
|
it("switches to the reviewed archive tab", () => {
|
|
// Regex, not a glob: the two calls differ only by the `?reviewed=true`
|
|
// query, and minimatch's `?` is itself a wildcard — a glob can't tell
|
|
// them apart reliably.
|
|
cy.intercept("GET", /\/admin\/api\/catalog\/placeholders$/, {
|
|
statusCode: 200,
|
|
body: pendingGroups(),
|
|
});
|
|
cy.intercept("GET", /\/admin\/api\/catalog\/placeholders\?reviewed=true$/, {
|
|
statusCode: 200,
|
|
body: [],
|
|
}).as("getReviewed");
|
|
|
|
cy.visit("/admin/catalogue");
|
|
cy.contains(".catalog-tabs button", "Traités").click();
|
|
cy.wait("@getReviewed");
|
|
cy.contains("Aucun ingrédient hors-catalogue").should("be.visible");
|
|
});
|
|
});
|