Nicolas
1a28d67218
La route page `/admin/monitoring` et le chemin API `GET /admin/monitoring` sont identiques : un glob `**/admin/monitoring` capturait aussi la requete document du `cy.visit()`. Le hardcode `http://localhost:3000/...` marchait en local (VITE_API_URL dans apps/web/.env) mais pas en CI (pas de .env -> API en meme origine sur :5173, donc collision totale) : `cy.wait (@getMonitoring)` timeout. `resourceType: "fetch"` epingle l'intercept sur le seul XHR d'AdminApiClient. Verifie en simulant la CI (sans apps/web/.env) : 16/16 specs admin verts. Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>
95 lines
2.8 KiB
TypeScript
95 lines
2.8 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 monitoringFixture() {
|
|
return {
|
|
generatedAt: "2026-08-28T09:15:00.000Z",
|
|
services: [
|
|
{
|
|
key: "postgres",
|
|
status: "up",
|
|
latencyMs: 3.2,
|
|
detail: null,
|
|
checkedAt: "2026-08-28T09:15:00.000Z",
|
|
},
|
|
{
|
|
key: "api",
|
|
status: "up",
|
|
latencyMs: 0,
|
|
detail: "uptime 3 h 12 min · RSS 120 Mo",
|
|
checkedAt: "2026-08-28T09:15:00.000Z",
|
|
},
|
|
{
|
|
key: "intent-service",
|
|
status: "down",
|
|
latencyMs: null,
|
|
detail: "fetch failed",
|
|
checkedAt: "2026-08-28T09:15:00.000Z",
|
|
},
|
|
{
|
|
key: "tech-step-llm-worker",
|
|
status: "degraded",
|
|
latencyMs: null,
|
|
detail: "dernier battement il y a 9 j",
|
|
checkedAt: "2026-08-28T09:15:00.000Z",
|
|
lastRunAt: "2026-08-19T03:00:00.000Z",
|
|
lastResult: { job: "audit-low-confidence", ok: true, counts: { suggestions: 2 } },
|
|
},
|
|
],
|
|
};
|
|
}
|
|
|
|
describe("Admin monitoring", () => {
|
|
beforeEach(() => {
|
|
cy.viewport(1400, 900);
|
|
cy.intercept("GET", "**/admin/auth/me", { statusCode: 200, body: adminBody });
|
|
});
|
|
|
|
// The page route `/admin/monitoring` and the API path `GET /admin/monitoring`
|
|
// are identical — a plain `**/admin/monitoring` glob would also match the
|
|
// `cy.visit()` document request (and whether that's same-origin or not
|
|
// depends on `VITE_API_URL`, which isn't set in CI). `resourceType: "fetch"`
|
|
// pins the intercept to the `AdminApiClient` XHR only.
|
|
const monitoringApi = {
|
|
method: "GET",
|
|
url: "**/admin/monitoring",
|
|
resourceType: "fetch",
|
|
} as const;
|
|
|
|
it("renders one card per service with its status and details", () => {
|
|
cy.intercept(monitoringApi, {
|
|
statusCode: 200,
|
|
body: monitoringFixture(),
|
|
}).as("getMonitoring");
|
|
cy.visit("/admin/monitoring");
|
|
cy.wait("@getMonitoring");
|
|
|
|
cy.get(".monitoring-card").should("have.length", 4);
|
|
|
|
cy.contains(".monitoring-card", "Base de données")
|
|
.should("have.class", "monitoring-card--up")
|
|
.and("contain.text", "3.2 ms");
|
|
cy.contains(".monitoring-card", "Service NLP (spaCy)")
|
|
.should("have.class", "monitoring-card--down")
|
|
.and("contain.text", "Hors service");
|
|
cy.contains(".monitoring-card", "Worker LLM")
|
|
.should("have.class", "monitoring-card--degraded")
|
|
.and("contain.text", "audit-low-confidence");
|
|
});
|
|
|
|
it("shows an error state when the request fails", () => {
|
|
cy.intercept(monitoringApi, {
|
|
statusCode: 500,
|
|
body: { code: 5000, message: "x" },
|
|
});
|
|
cy.visit("/admin/monitoring");
|
|
cy.contains("Impossible de charger").should("be.visible");
|
|
});
|
|
});
|