Files
ENI-projet-piscine/tests/e2e/specs/recommandations.spec.ts
T
Johan LEROY a197af91ff test(e2e): joue les parcours utilisateur avec Playwright contre la stack déployée
Aucun parcours n'était vérifié de bout en bout : les tests unitaires du frontend simulent l'API,
ceux du backend n'ouvrent jamais de navigateur.

tests/e2e, paquet npm autonome, 18 parcours dans Chromium :
- authentification, premier login, réinitialisation du mot de passe par Mailpit ;
- rôles : lecteur, opérateur, administrateur ;
- sites, recommandations, fil d'alertes.

e2e.yml, appelé par ci.yml, démarre db, mailpit, backend, frontend et proxy avec
docker-compose.prod.yml sur https://localhost, sème demo.sql, crée les comptes et joue la suite.
Il construit au passage les images backend et frontend, que la CI ne construisait jamais.

Un seul worker et une session par fichier : la zone auth de nginx admet 30 connexions par
minute, et rejouer un cookie de refresh dans un second contexte révoque toute la session.

make e2e-install, e2e-prepare et e2e pour le poste ; make help affiche désormais les cibles
dont le nom contient un chiffre.

Closes #46
2026-09-23 09:25:37 +02:00

33 lines
1.2 KiB
TypeScript

import { expect, test, type Page } from '@playwright/test';
import { comptes } from '../support/comptes';
import { fermerSession, ouvrirSession } from '../support/session';
test.describe.configure({ mode: 'serial' });
let page: Page;
test.beforeAll(async ({ browser }) => {
page = await ouvrirSession(browser, comptes.admin);
});
test.afterAll(async () => fermerSession(page));
test('génère les recommandations à partir des alertes', async () => {
await page.goto('/recommendations');
await page.getByTestId('generate').click();
await expect(page.getByRole('alert').filter({ hasText: /alertes? examinées?/ })).toBeVisible();
await expect(page.locator('[id^="alerte-"]').first()).toBeVisible();
await expect(page.locator('.reco__action').first()).not.toBeEmpty();
});
test("isole les recommandations d'une alerte", async () => {
const carte = page.locator('[id^="alerte-"]').first();
const identifiant = (await carte.getAttribute('id'))?.replace('alerte-', '');
expect(identifiant).toBeTruthy();
await page.goto(`/recommendations?alert=${identifiant}`);
await expect(page.getByText(`Alerte n° ${identifiant}`)).toBeVisible();
await expect(page.locator(`#alerte-${identifiant}`)).toBeVisible();
});