feat: Désignation de remplaçants temporaires avec corrections sécurité
Permet aux administrateurs de désigner un enseignant remplaçant pour un autre enseignant absent, sur des classes et matières précises, pour une période donnée. Le dashboard enseignant affiche les remplacements actifs avec les noms de classes/matières au lieu des identifiants bruts. Inclut les corrections de la code review : - Requête findActiveByTenant qui excluait les remplacements en cours mais incluait les futurs (manquait start_date <= :at) - Validation tenant et rôle enseignant dans le handler de désignation pour empêcher l'affectation cross-tenant ou de non-enseignants - Validation structurée du payload classes (Assert\Collection + UUID) pour éviter les erreurs serveur sur payloads malformés - API replaced-classes enrichie avec les noms classe/matière
This commit is contained in:
222
frontend/e2e/admin-responsive-nav.spec.ts
Normal file
222
frontend/e2e/admin-responsive-nav.spec.ts
Normal file
@@ -0,0 +1,222 @@
|
||||
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-responsive-nav@example.com';
|
||||
const ADMIN_PASSWORD = 'ResponsiveNav123';
|
||||
|
||||
const projectRoot = join(__dirname, '../..');
|
||||
const composeFile = join(projectRoot, 'compose.yaml');
|
||||
|
||||
test.describe('Admin Responsive Navigation', () => {
|
||||
test.beforeAll(async () => {
|
||||
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: 30000 }),
|
||||
page.getByRole('button', { name: /se connecter/i }).click()
|
||||
]);
|
||||
}
|
||||
|
||||
// =========================================================================
|
||||
// MOBILE (375×667)
|
||||
// =========================================================================
|
||||
test.describe('Mobile (375×667)', () => {
|
||||
test.use({ viewport: { width: 375, height: 667 } });
|
||||
|
||||
test('shows hamburger button and hides desktop nav', async ({ page }) => {
|
||||
await loginAsAdmin(page);
|
||||
await page.goto(`${ALPHA_URL}/admin/users`);
|
||||
await page.waitForLoadState('networkidle');
|
||||
|
||||
const hamburger = page.getByRole('button', { name: /ouvrir le menu/i });
|
||||
await expect(hamburger).toBeVisible();
|
||||
|
||||
const desktopNav = page.locator('.desktop-nav');
|
||||
await expect(desktopNav).not.toBeVisible();
|
||||
});
|
||||
|
||||
test('displays current section label', async ({ page }) => {
|
||||
await loginAsAdmin(page);
|
||||
await page.goto(`${ALPHA_URL}/admin/users`);
|
||||
await page.waitForLoadState('networkidle');
|
||||
|
||||
const label = page.locator('.mobile-section-label');
|
||||
await expect(label).toBeVisible();
|
||||
await expect(label).toHaveText('Utilisateurs');
|
||||
});
|
||||
|
||||
test('opens and closes menu via hamburger button', async ({ page }) => {
|
||||
await loginAsAdmin(page);
|
||||
await page.goto(`${ALPHA_URL}/admin/users`);
|
||||
await page.waitForLoadState('networkidle');
|
||||
|
||||
const hamburger = page.getByRole('button', { name: /ouvrir le menu/i });
|
||||
|
||||
// Open
|
||||
await hamburger.click();
|
||||
const drawer = page.locator('[role="dialog"][aria-modal="true"]');
|
||||
await expect(drawer).toBeVisible();
|
||||
|
||||
// Close via × button
|
||||
const closeButton = page.getByRole('button', { name: /fermer le menu/i });
|
||||
await closeButton.click();
|
||||
await expect(drawer).not.toBeVisible();
|
||||
});
|
||||
|
||||
test('closes menu on overlay click', async ({ page }) => {
|
||||
await loginAsAdmin(page);
|
||||
await page.goto(`${ALPHA_URL}/admin/users`);
|
||||
await page.waitForLoadState('networkidle');
|
||||
|
||||
await page.getByRole('button', { name: /ouvrir le menu/i }).click();
|
||||
const drawer = page.locator('[role="dialog"][aria-modal="true"]');
|
||||
await expect(drawer).toBeVisible();
|
||||
|
||||
// Click overlay (outside drawer)
|
||||
const overlay = page.locator('.mobile-overlay');
|
||||
await overlay.click({ position: { x: 350, y: 300 } });
|
||||
await expect(drawer).not.toBeVisible();
|
||||
});
|
||||
|
||||
test('closes menu on Escape key', async ({ page }) => {
|
||||
await loginAsAdmin(page);
|
||||
await page.goto(`${ALPHA_URL}/admin/users`);
|
||||
await page.waitForLoadState('networkidle');
|
||||
|
||||
await page.getByRole('button', { name: /ouvrir le menu/i }).click();
|
||||
const drawer = page.locator('[role="dialog"][aria-modal="true"]');
|
||||
await expect(drawer).toBeVisible();
|
||||
|
||||
await page.keyboard.press('Escape');
|
||||
await expect(drawer).not.toBeVisible();
|
||||
});
|
||||
|
||||
test('shows active state for current section in mobile menu', async ({ page }) => {
|
||||
await loginAsAdmin(page);
|
||||
await page.goto(`${ALPHA_URL}/admin/users`);
|
||||
await page.waitForLoadState('networkidle');
|
||||
|
||||
await page.getByRole('button', { name: /ouvrir le menu/i }).click();
|
||||
const drawer = page.locator('[role="dialog"][aria-modal="true"]');
|
||||
await expect(drawer).toBeVisible();
|
||||
|
||||
const activeLink = drawer.locator('.mobile-nav-link.active');
|
||||
await expect(activeLink).toHaveText('Utilisateurs');
|
||||
});
|
||||
|
||||
test('navigates via mobile menu and closes it', async ({ page }) => {
|
||||
await loginAsAdmin(page);
|
||||
await page.goto(`${ALPHA_URL}/admin/users`);
|
||||
await page.waitForLoadState('networkidle');
|
||||
|
||||
// Open menu and click Classes
|
||||
await page.getByRole('button', { name: /ouvrir le menu/i }).click();
|
||||
const drawer = page.locator('[role="dialog"][aria-modal="true"]');
|
||||
await expect(drawer).toBeVisible();
|
||||
|
||||
await drawer.getByRole('link', { name: 'Classes' }).click();
|
||||
|
||||
// Menu should close and page should navigate
|
||||
await expect(drawer).not.toBeVisible();
|
||||
await expect(page).toHaveURL(/\/admin\/classes/);
|
||||
|
||||
// Section label should update
|
||||
const label = page.locator('.mobile-section-label');
|
||||
await expect(label).toHaveText('Classes');
|
||||
});
|
||||
});
|
||||
|
||||
// =========================================================================
|
||||
// TABLET (768×1024)
|
||||
// =========================================================================
|
||||
test.describe('Tablet (768×1024)', () => {
|
||||
test.use({ viewport: { width: 768, height: 1024 } });
|
||||
|
||||
test('shows hamburger button (below 1200px)', async ({ page }) => {
|
||||
await loginAsAdmin(page);
|
||||
await page.goto(`${ALPHA_URL}/admin/users`);
|
||||
await page.waitForLoadState('networkidle');
|
||||
|
||||
const hamburger = page.getByRole('button', { name: /ouvrir le menu/i });
|
||||
await expect(hamburger).toBeVisible();
|
||||
|
||||
const desktopNav = page.locator('.desktop-nav');
|
||||
await expect(desktopNav).not.toBeVisible();
|
||||
});
|
||||
|
||||
test('drawer opens and works', async ({ page }) => {
|
||||
await loginAsAdmin(page);
|
||||
await page.goto(`${ALPHA_URL}/admin/users`);
|
||||
await page.waitForLoadState('networkidle');
|
||||
|
||||
await page.getByRole('button', { name: /ouvrir le menu/i }).click();
|
||||
const drawer = page.locator('[role="dialog"][aria-modal="true"]');
|
||||
await expect(drawer).toBeVisible();
|
||||
|
||||
// All nav links should be visible in drawer
|
||||
await expect(drawer.getByRole('link', { name: 'Utilisateurs' })).toBeVisible();
|
||||
await expect(drawer.getByRole('link', { name: 'Classes' })).toBeVisible();
|
||||
await expect(drawer.getByRole('link', { name: 'Matières' })).toBeVisible();
|
||||
});
|
||||
});
|
||||
|
||||
// =========================================================================
|
||||
// DESKTOP (1280×800)
|
||||
// =========================================================================
|
||||
test.describe('Desktop (1280×800)', () => {
|
||||
test.use({ viewport: { width: 1280, height: 800 } });
|
||||
|
||||
test('hides hamburger and shows desktop nav', async ({ page }) => {
|
||||
await loginAsAdmin(page);
|
||||
await page.goto(`${ALPHA_URL}/admin/users`);
|
||||
await page.waitForLoadState('networkidle');
|
||||
|
||||
const hamburger = page.getByRole('button', { name: /ouvrir le menu/i });
|
||||
await expect(hamburger).not.toBeVisible();
|
||||
|
||||
const desktopNav = page.locator('.desktop-nav');
|
||||
await expect(desktopNav).toBeVisible();
|
||||
});
|
||||
|
||||
test('desktop nav shows all navigation links', async ({ page }) => {
|
||||
await loginAsAdmin(page);
|
||||
await page.goto(`${ALPHA_URL}/admin/users`);
|
||||
await page.waitForLoadState('networkidle');
|
||||
|
||||
const nav = page.locator('.desktop-nav');
|
||||
await expect(nav.getByRole('link', { name: 'Utilisateurs' })).toBeVisible();
|
||||
await expect(nav.getByRole('link', { name: 'Classes' })).toBeVisible();
|
||||
await expect(nav.getByRole('link', { name: 'Matières' })).toBeVisible();
|
||||
await expect(nav.getByRole('link', { name: 'Affectations' })).toBeVisible();
|
||||
await expect(nav.getByRole('link', { name: 'Périodes' })).toBeVisible();
|
||||
await expect(nav.getByRole('link', { name: 'Pédagogie' })).toBeVisible();
|
||||
});
|
||||
|
||||
test('hides mobile section label', async ({ page }) => {
|
||||
await loginAsAdmin(page);
|
||||
await page.goto(`${ALPHA_URL}/admin/users`);
|
||||
await page.waitForLoadState('networkidle');
|
||||
|
||||
const label = page.locator('.mobile-section-label');
|
||||
await expect(label).not.toBeVisible();
|
||||
});
|
||||
});
|
||||
});
|
||||
@@ -284,12 +284,12 @@ test.describe('Periods Management (Story 2.3)', () => {
|
||||
// Navigation
|
||||
// ============================================================================
|
||||
test.describe('Navigation', () => {
|
||||
test('can access periods page from admin dashboard', async ({ page }) => {
|
||||
test('can access periods page from admin navigation', async ({ page }) => {
|
||||
await loginAsAdmin(page);
|
||||
await page.goto(`${ALPHA_URL}/admin`);
|
||||
|
||||
// Click on periods card
|
||||
await page.getByRole('link', { name: /périodes scolaires/i }).click();
|
||||
// Click on periods link in the admin navigation
|
||||
await page.getByRole('link', { name: /périodes/i }).click();
|
||||
|
||||
await expect(page).toHaveURL(/\/admin\/academic-year\/periods/);
|
||||
await expect(page.getByRole('heading', { name: /périodes scolaires/i })).toBeVisible();
|
||||
|
||||
@@ -96,9 +96,10 @@ test.describe('Role-Based Access Control [P0]', () => {
|
||||
await loginAs(page, ADMIN_EMAIL, ADMIN_PASSWORD);
|
||||
await page.goto(`${ALPHA_URL}/admin`);
|
||||
|
||||
await expect(page).toHaveURL(/\/admin/);
|
||||
// /admin redirects to /admin/users
|
||||
await expect(page).toHaveURL(/\/admin\/users/);
|
||||
await expect(
|
||||
page.getByRole('heading', { name: /administration/i })
|
||||
page.getByRole('heading', { name: /gestion des utilisateurs/i })
|
||||
).toBeVisible({ timeout: 10000 });
|
||||
});
|
||||
});
|
||||
@@ -191,8 +192,8 @@ test.describe('Role-Based Access Control [P0]', () => {
|
||||
await loginAs(page, ADMIN_EMAIL, ADMIN_PASSWORD);
|
||||
await page.goto(`${ALPHA_URL}/admin`);
|
||||
|
||||
// Admin layout should show navigation links (scoped to header nav to avoid action cards)
|
||||
const nav = page.locator('.header-nav');
|
||||
// Admin layout should show navigation links (scoped to desktop nav to avoid action cards)
|
||||
const nav = page.locator('.desktop-nav');
|
||||
await expect(nav.getByRole('link', { name: 'Utilisateurs' })).toBeVisible({ timeout: 15000 });
|
||||
await expect(nav.getByRole('link', { name: 'Classes' })).toBeVisible();
|
||||
});
|
||||
|
||||
278
frontend/e2e/teacher-replacements.spec.ts
Normal file
278
frontend/e2e/teacher-replacements.spec.ts
Normal file
@@ -0,0 +1,278 @@
|
||||
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-replacements-admin@example.com';
|
||||
const ADMIN_PASSWORD = 'ReplacementsTest123';
|
||||
const TENANT_ID = 'a1b2c3d4-e5f6-7890-abcd-ef1234567890';
|
||||
|
||||
const projectRoot = join(__dirname, '../..');
|
||||
const composeFile = join(projectRoot, 'compose.yaml');
|
||||
|
||||
function runCommand(sql: string) {
|
||||
execSync(
|
||||
`docker compose -f "${composeFile}" exec -T php php bin/console dbal:run-sql "${sql}" 2>&1`,
|
||||
{ encoding: 'utf-8' }
|
||||
);
|
||||
}
|
||||
|
||||
function resolveDeterministicIds(): { schoolId: string; academicYearId: string } {
|
||||
const output = execSync(
|
||||
`docker compose -f "${composeFile}" exec -T php php -r '` +
|
||||
`require "/app/vendor/autoload.php"; ` +
|
||||
`$t="${TENANT_ID}"; $ns="6ba7b814-9dad-11d1-80b4-00c04fd430c8"; ` +
|
||||
`echo Ramsey\\Uuid\\Uuid::uuid5($ns,"school-$t")->toString()."\\n"; ` +
|
||||
`$m=(int)date("n"); $s=$m>=9?(int)date("Y"):(int)date("Y")-1; $e=$s+1; ` +
|
||||
`echo Ramsey\\Uuid\\Uuid::uuid5($ns,"$t:$s-$e")->toString();` +
|
||||
`' 2>&1`,
|
||||
{ encoding: 'utf-8' }
|
||||
).trim();
|
||||
const [schoolId, academicYearId] = output.split('\n');
|
||||
return { schoolId, academicYearId };
|
||||
}
|
||||
|
||||
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: 30000 }),
|
||||
page.getByRole('button', { name: /se connecter/i }).click()
|
||||
]);
|
||||
}
|
||||
|
||||
async function waitForPageReady(page: import('@playwright/test').Page) {
|
||||
await expect(
|
||||
page.getByRole('heading', { name: /remplacements enseignants/i })
|
||||
).toBeVisible({ timeout: 15000 });
|
||||
await expect(
|
||||
page.locator('.empty-state, .replacements-table, .alert-error')
|
||||
).toBeVisible({ timeout: 15000 });
|
||||
}
|
||||
|
||||
async function openCreateDialog(page: import('@playwright/test').Page) {
|
||||
const button = page.getByRole('button', { name: /nouveau remplacement/i }).first();
|
||||
await expect(button).toBeEnabled();
|
||||
await button.click();
|
||||
await expect(page.getByRole('dialog')).toBeVisible({ timeout: 10000 });
|
||||
}
|
||||
|
||||
function getTodayDate(): string {
|
||||
return new Date().toISOString().split('T')[0];
|
||||
}
|
||||
|
||||
function getFutureDate(days: number): string {
|
||||
const date = new Date();
|
||||
date.setDate(date.getDate() + days);
|
||||
return date.toISOString().split('T')[0];
|
||||
}
|
||||
|
||||
test.describe('Teacher Replacements (Story 2.9)', () => {
|
||||
test.beforeAll(async () => {
|
||||
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' }
|
||||
);
|
||||
|
||||
execSync(
|
||||
`docker compose -f "${composeFile}" exec -T php php bin/console app:dev:create-test-user --tenant=ecole-alpha --email=e2e-replaced-teacher@example.com --password=TeacherTest123 --role=ROLE_PROF 2>&1`,
|
||||
{ encoding: 'utf-8' }
|
||||
);
|
||||
|
||||
execSync(
|
||||
`docker compose -f "${composeFile}" exec -T php php bin/console app:dev:create-test-user --tenant=ecole-alpha --email=e2e-replacement-teacher@example.com --password=TeacherTest123 --role=ROLE_PROF 2>&1`,
|
||||
{ encoding: 'utf-8' }
|
||||
);
|
||||
|
||||
const { schoolId, academicYearId } = resolveDeterministicIds();
|
||||
|
||||
runCommand(
|
||||
`INSERT INTO school_classes (id, tenant_id, school_id, academic_year_id, name, level, status, created_at, updated_at) VALUES (gen_random_uuid(), '${TENANT_ID}', '${schoolId}', '${academicYearId}', 'E2E-Repl-6B', '6ème', 'active', NOW(), NOW()) ON CONFLICT DO NOTHING`
|
||||
);
|
||||
|
||||
runCommand(
|
||||
`INSERT INTO subjects (id, tenant_id, school_id, name, code, status, created_at, updated_at) VALUES (gen_random_uuid(), '${TENANT_ID}', '${schoolId}', 'E2E-Repl-Français', 'E2EFRA', 'active', NOW(), NOW()) ON CONFLICT DO NOTHING`
|
||||
);
|
||||
});
|
||||
|
||||
test.beforeEach(async () => {
|
||||
try {
|
||||
runCommand(`DELETE FROM replacement_classes WHERE replacement_id IN (SELECT id FROM teacher_replacements WHERE tenant_id = '${TENANT_ID}')`);
|
||||
runCommand(`DELETE FROM teacher_replacements WHERE tenant_id = '${TENANT_ID}'`);
|
||||
} catch {
|
||||
// Tables may not exist yet if migration hasn't run
|
||||
}
|
||||
});
|
||||
|
||||
// ============================================================================
|
||||
// Navigation
|
||||
// ============================================================================
|
||||
test.describe('Navigation', () => {
|
||||
test('replacements link appears in admin navigation', async ({ page }) => {
|
||||
await loginAsAdmin(page);
|
||||
await page.goto(`${ALPHA_URL}/admin`);
|
||||
|
||||
const navLink = page.getByRole('link', { name: /remplacements/i });
|
||||
await expect(navLink).toBeVisible({ timeout: 15000 });
|
||||
});
|
||||
|
||||
test('can navigate to replacements page', async ({ page }) => {
|
||||
await loginAsAdmin(page);
|
||||
await page.goto(`${ALPHA_URL}/admin/replacements`);
|
||||
|
||||
await expect(page.getByRole('heading', { name: /remplacements enseignants/i })).toBeVisible({ timeout: 15000 });
|
||||
});
|
||||
});
|
||||
|
||||
// ============================================================================
|
||||
// Empty State
|
||||
// ============================================================================
|
||||
test.describe('Empty State', () => {
|
||||
test('shows empty state when no replacements exist', async ({ page }) => {
|
||||
await loginAsAdmin(page);
|
||||
await page.goto(`${ALPHA_URL}/admin/replacements`);
|
||||
|
||||
await waitForPageReady(page);
|
||||
await expect(page.getByText(/aucun remplacement actif/i)).toBeVisible({ timeout: 10000 });
|
||||
});
|
||||
});
|
||||
|
||||
// ============================================================================
|
||||
// AC1: Create Replacement
|
||||
// ============================================================================
|
||||
test.describe('AC1: Create Replacement', () => {
|
||||
test('can create a new replacement', async ({ page }) => {
|
||||
await loginAsAdmin(page);
|
||||
await page.goto(`${ALPHA_URL}/admin/replacements`);
|
||||
await waitForPageReady(page);
|
||||
|
||||
await openCreateDialog(page);
|
||||
|
||||
// Select replaced teacher
|
||||
const replacedSelect = page.locator('#replaced-teacher');
|
||||
await expect(replacedSelect).toBeVisible();
|
||||
await replacedSelect.selectOption({ index: 1 });
|
||||
|
||||
// Select replacement teacher (different from replaced)
|
||||
const replacementSelect = page.locator('#replacement-teacher');
|
||||
await expect(replacementSelect).toBeVisible();
|
||||
const replacementOptions = replacementSelect.locator('option');
|
||||
const count = await replacementOptions.count();
|
||||
// Select a different teacher (index 1 should work since replaced teacher is filtered out)
|
||||
if (count > 1) {
|
||||
await replacementSelect.selectOption({ index: 1 });
|
||||
}
|
||||
|
||||
// Set dates
|
||||
await page.locator('#start-date').fill(getTodayDate());
|
||||
await page.locator('#end-date').fill(getFutureDate(30));
|
||||
|
||||
// Select class and subject
|
||||
const firstClassSelect = page.locator('.class-pair-row select').first();
|
||||
await firstClassSelect.selectOption({ index: 1 });
|
||||
const firstSubjectSelect = page.locator('.class-pair-row select').nth(1);
|
||||
await firstSubjectSelect.selectOption({ index: 1 });
|
||||
|
||||
// Submit
|
||||
await page.getByRole('button', { name: /désigner le remplaçant/i }).click();
|
||||
|
||||
await expect(page.getByRole('dialog')).not.toBeVisible({ timeout: 10000 });
|
||||
await expect(page.getByText(/remplacement créé/i)).toBeVisible({ timeout: 10000 });
|
||||
|
||||
// Verify table shows the replacement
|
||||
const table = page.locator('.replacements-table');
|
||||
await expect(table).toBeVisible({ timeout: 10000 });
|
||||
const rows = table.locator('tbody tr');
|
||||
const rowCount = await rows.count();
|
||||
expect(rowCount).toBeGreaterThanOrEqual(1);
|
||||
});
|
||||
|
||||
test('cancel closes the modal without creating', async ({ page }) => {
|
||||
await loginAsAdmin(page);
|
||||
await page.goto(`${ALPHA_URL}/admin/replacements`);
|
||||
await waitForPageReady(page);
|
||||
|
||||
await openCreateDialog(page);
|
||||
|
||||
await page.getByRole('button', { name: /annuler/i }).click();
|
||||
await expect(page.getByRole('dialog')).not.toBeVisible({ timeout: 5000 });
|
||||
});
|
||||
});
|
||||
|
||||
// ============================================================================
|
||||
// AC3: End Replacement
|
||||
// ============================================================================
|
||||
test.describe('AC3: End Replacement', () => {
|
||||
test('can end an active replacement', async ({ page }) => {
|
||||
await loginAsAdmin(page);
|
||||
await page.goto(`${ALPHA_URL}/admin/replacements`);
|
||||
await waitForPageReady(page);
|
||||
|
||||
// First create a replacement
|
||||
await openCreateDialog(page);
|
||||
await page.locator('#replaced-teacher').selectOption({ index: 1 });
|
||||
await page.locator('#replacement-teacher').selectOption({ index: 1 });
|
||||
await page.locator('#start-date').fill(getTodayDate());
|
||||
await page.locator('#end-date').fill(getFutureDate(30));
|
||||
const firstClassSelect = page.locator('.class-pair-row select').first();
|
||||
await firstClassSelect.selectOption({ index: 1 });
|
||||
const firstSubjectSelect = page.locator('.class-pair-row select').nth(1);
|
||||
await firstSubjectSelect.selectOption({ index: 1 });
|
||||
await page.getByRole('button', { name: /désigner le remplaçant/i }).click();
|
||||
await expect(page.getByRole('dialog')).not.toBeVisible({ timeout: 10000 });
|
||||
|
||||
// Now end it
|
||||
const endButton = page.locator('.btn-remove').first();
|
||||
await endButton.click();
|
||||
|
||||
const confirmDialog = page.getByRole('alertdialog');
|
||||
await expect(confirmDialog).toBeVisible({ timeout: 5000 });
|
||||
await expect(page.getByText(/perdra immédiatement l'accès/i)).toBeVisible();
|
||||
|
||||
await confirmDialog.getByRole('button', { name: /terminer/i }).click();
|
||||
|
||||
await expect(confirmDialog).not.toBeVisible({ timeout: 10000 });
|
||||
await expect(page.getByText(/remplacement terminé/i)).toBeVisible({ timeout: 10000 });
|
||||
});
|
||||
});
|
||||
|
||||
// ============================================================================
|
||||
// AC4: Active Replacements Display
|
||||
// ============================================================================
|
||||
test.describe('AC4: Active Replacements Display', () => {
|
||||
test('shows countdown for active replacements', async ({ page }) => {
|
||||
await loginAsAdmin(page);
|
||||
await page.goto(`${ALPHA_URL}/admin/replacements`);
|
||||
await waitForPageReady(page);
|
||||
|
||||
// Create a replacement
|
||||
await openCreateDialog(page);
|
||||
await page.locator('#replaced-teacher').selectOption({ index: 1 });
|
||||
await page.locator('#replacement-teacher').selectOption({ index: 1 });
|
||||
await page.locator('#start-date').fill(getTodayDate());
|
||||
await page.locator('#end-date').fill(getFutureDate(10));
|
||||
const firstClassSelect = page.locator('.class-pair-row select').first();
|
||||
await firstClassSelect.selectOption({ index: 1 });
|
||||
const firstSubjectSelect = page.locator('.class-pair-row select').nth(1);
|
||||
await firstSubjectSelect.selectOption({ index: 1 });
|
||||
await page.getByRole('button', { name: /désigner le remplaçant/i }).click();
|
||||
await expect(page.getByRole('dialog')).not.toBeVisible({ timeout: 10000 });
|
||||
|
||||
// Verify countdown is displayed
|
||||
await expect(page.locator('.countdown')).toBeVisible({ timeout: 10000 });
|
||||
await expect(page.getByText(/jours? restants?/i)).toBeVisible();
|
||||
|
||||
// Verify status badge
|
||||
await expect(page.locator('.status-active')).toBeVisible();
|
||||
});
|
||||
});
|
||||
});
|
||||
Reference in New Issue
Block a user