Mathias STRASSER
73a473ec93
Les helpers loginAs* utilisaient un pattern séquentiel (click → wait) qui crée une race condition : la navigation peut se terminer avant que le listener soit en place. Firefox sur CI est particulièrement sensible. Le fix remplace ce pattern par Promise.all([waitForURL, click]) dans les 14 fichiers E2E concernés, alignant le code sur le pattern robuste déjà utilisé dans login.spec.ts.
84 lines
3.2 KiB
TypeScript
84 lines
3.2 KiB
TypeScript
import { test, expect } from '@playwright/test';
|
|
import { execSync } from 'child_process';
|
|
import { join, dirname } from 'path';
|
|
import { fileURLToPath } from 'url';
|
|
|
|
const __filename = fileURLToPath(import.meta.url);
|
|
const __dirname = dirname(__filename);
|
|
|
|
const baseUrl = process.env.PLAYWRIGHT_BASE_URL || 'http://localhost:4173';
|
|
const urlMatch = baseUrl.match(/:(\d+)$/);
|
|
const PORT = urlMatch ? urlMatch[1] : '4173';
|
|
const ALPHA_URL = `http://ecole-alpha.classeo.local:${PORT}`;
|
|
|
|
const ADMIN_EMAIL = 'e2e-creation-admin@example.com';
|
|
const ADMIN_PASSWORD = 'CreationTest123';
|
|
const UNIQUE_SUFFIX = Date.now();
|
|
const INVITED_EMAIL = `e2e-invited-prof-${UNIQUE_SUFFIX}@example.com`;
|
|
|
|
test.describe('User Creation', () => {
|
|
test.describe.configure({ mode: 'serial' });
|
|
|
|
test.beforeAll(async () => {
|
|
const projectRoot = join(__dirname, '../..');
|
|
const composeFile = join(projectRoot, 'compose.yaml');
|
|
|
|
execSync(
|
|
`docker compose -f "${composeFile}" exec -T php php bin/console app:dev:create-test-user --tenant=ecole-alpha --email=${ADMIN_EMAIL} --password=${ADMIN_PASSWORD} --role=ROLE_ADMIN 2>&1`,
|
|
{ encoding: 'utf-8' }
|
|
);
|
|
});
|
|
|
|
async function loginAsAdmin(page: import('@playwright/test').Page) {
|
|
await page.goto(`${ALPHA_URL}/login`);
|
|
await page.locator('#email').fill(ADMIN_EMAIL);
|
|
await page.locator('#password').fill(ADMIN_PASSWORD);
|
|
await Promise.all([
|
|
page.waitForURL(/\/dashboard/, { timeout: 10000 }),
|
|
page.getByRole('button', { name: /se connecter/i }).click()
|
|
]);
|
|
}
|
|
|
|
test('admin can invite a user with roles array', async ({ page }) => {
|
|
await loginAsAdmin(page);
|
|
await page.goto(`${ALPHA_URL}/admin/users`);
|
|
|
|
// Wait for users table or empty state to load
|
|
await expect(
|
|
page.locator('.users-table, .empty-state')
|
|
).toBeVisible({ timeout: 10000 });
|
|
|
|
// Click "Inviter un utilisateur"
|
|
await page.getByRole('button', { name: /inviter un utilisateur/i }).first().click();
|
|
|
|
// Modal should appear
|
|
await expect(page.locator('#modal-title')).toBeVisible();
|
|
await expect(page.locator('#modal-title')).toHaveText('Inviter un utilisateur');
|
|
|
|
// Fill in the form
|
|
await page.locator('#user-firstname').fill('Marie');
|
|
await page.locator('#user-lastname').fill('Curie');
|
|
await page.locator('#user-email').fill(INVITED_EMAIL);
|
|
|
|
// Select "Enseignant" role via checkbox (this sends roles[] without role singular)
|
|
await page.locator('.role-checkbox-label', { hasText: 'Enseignant' }).click();
|
|
|
|
// Submit the form (target the modal's submit button specifically)
|
|
const modal = page.locator('.modal');
|
|
await modal.getByRole('button', { name: "Envoyer l'invitation" }).click();
|
|
|
|
// Verify success message
|
|
await expect(page.locator('.alert-success')).toBeVisible({ timeout: 10000 });
|
|
await expect(page.locator('.alert-success')).toContainText(INVITED_EMAIL);
|
|
|
|
// Verify the user appears in the table
|
|
await expect(page.locator('.users-table')).toBeVisible({ timeout: 10000 });
|
|
const newUserRow = page.locator('tr', { has: page.locator(`text=${INVITED_EMAIL}`) });
|
|
await expect(newUserRow).toBeVisible();
|
|
await expect(newUserRow).toContainText('Marie');
|
|
await expect(newUserRow).toContainText('Curie');
|
|
await expect(newUserRow).toContainText('Enseignant');
|
|
await expect(newUserRow).toContainText('En attente');
|
|
});
|
|
});
|