Nicolas
8806b868b9
Nouvelle app Vite/React independante (workspace apps/*), calquee sur apps/web : port 5174, sa propre image Docker (nginx statique), son propre domaine/deploiement. - AdminApiClient (VITE_ADMIN_API_URL, credentials: include) + ApiError. - AdminAuthContext / RequireAdmin : restaure la session admin via GET /admin/auth/me, garde de route (miroir de AuthContext/RequireAuth). - LoginPage (/login) : validation cliente via adminLoginSchema partage, erreurs traduites via ErrorMessageService. - AdminLayout : sidebar (Tableau de bord / Monitoring / Corrections) + deconnexion, rendu une fois autour du groupe RequireAdmin. - Pages Dashboard / Monitoring / Corrections en placeholder (remplies aux PR 3-5). - i18n fr (bloc admin.* + sous-ensemble errors.*), tokens _theme.scss copies de apps/web (extraction en package partage : suivi separe). - Dockerfile multi-stage (node build -> nginx:alpine) + nginx.conf (SPA fallback). Service admin-web dans docker-compose.yml (port ADMIN_WEB_PORT, VITE_ADMIN_API_URL en build arg). - Cypress : login.feature (KO -> message, OK -> dashboard) + admin-layout .cy.ts (redirection /login sans session, nav entre sections, logout). Job "Run admin-web E2E tests" ajoute a ci.yml. Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>
57 lines
2 KiB
TypeScript
57 lines
2 KiB
TypeScript
// Mocks the admin API via cy.intercept — no live backend (apps/api's Mocha
|
|
// suite covers real /admin/* behaviour).
|
|
|
|
const adminBody = {
|
|
id: 1,
|
|
email: "ops@example.com",
|
|
name: "Ops",
|
|
createdAt: "2026-08-01T00:00:00.000Z",
|
|
lastLoginAt: "2026-08-28T09:00:00.000Z",
|
|
};
|
|
|
|
describe("Admin layout", () => {
|
|
it("redirects to /login when there is no admin session", () => {
|
|
cy.intercept("GET", "**/admin/auth/me", {
|
|
statusCode: 401,
|
|
body: { code: 4011, message: "no" },
|
|
});
|
|
cy.visit("/monitoring");
|
|
cy.url().should("include", "/login");
|
|
cy.contains("h1", "Administration").should("be.visible");
|
|
});
|
|
|
|
it("shows the sidebar and navigates between the three sections", () => {
|
|
cy.intercept("GET", "**/admin/auth/me", { statusCode: 200, body: adminBody });
|
|
cy.visit("/");
|
|
|
|
cy.contains("h1", "Tableau de bord").should("be.visible");
|
|
cy.contains(".admin-sidebar__who", "Ops").should("be.visible");
|
|
|
|
cy.contains("nav a", "Monitoring").click();
|
|
cy.url().should("include", "/monitoring");
|
|
cy.contains("h1", "Monitoring").should("be.visible");
|
|
cy.contains("nav a", "Monitoring").should("have.class", "active");
|
|
|
|
cy.contains("nav a", "Corrections").click();
|
|
cy.url().should("include", "/corrections");
|
|
cy.contains("h1", "Corrections").should("be.visible");
|
|
|
|
cy.contains("nav a", "Tableau de bord").click();
|
|
cy.url().should("eq", `${Cypress.config().baseUrl}/`);
|
|
});
|
|
|
|
it("logs out back to /login", () => {
|
|
cy.intercept("GET", "**/admin/auth/me", { statusCode: 200, body: adminBody });
|
|
cy.intercept("POST", "**/admin/auth/logout", { statusCode: 204 });
|
|
cy.visit("/");
|
|
|
|
// Wait until the guarded layout has actually mounted before acting.
|
|
cy.contains("h1", "Tableau de bord").should("be.visible");
|
|
|
|
// Logout clears the in-memory admin state, which is what bounces the
|
|
// guard to /login — no fresh `me` round-trip involved, so nothing to
|
|
// re-stub here.
|
|
cy.contains("button", "Se déconnecter").click();
|
|
cy.url().should("include", "/login");
|
|
});
|
|
});
|