Applied ui-ux-pro-max design system recommendations: - Tailwind theme: study purple primary + correct green accent - Inter + Plus Jakarta Sans typography - Glassmorphic surfaces with soft shadows and mesh background - Real 3D card flip with spring physics + answer feedback flash - Gradient stat cards, progress bar, animated done screen with score ring - Polished Layout, Dashboard, Admin, AdminLesson, CardTable, ImportDialog, PracticeSetup, Practice, PracticeDone - E2E smoke updated for new accessible names
17 lines
880 B
TypeScript
17 lines
880 B
TypeScript
import { test, expect } from '@playwright/test';
|
|
|
|
test('create lesson, add card, practice once', async ({ page }) => {
|
|
await page.goto('/admin');
|
|
await page.getByPlaceholder(/Nieuwe wortel-les/).fill('E2E les');
|
|
await page.getByRole('button', { name: /Toevoegen/ }).click();
|
|
await page.getByRole('link', { name: /E2E les/ }).first().click();
|
|
await page.getByPlaceholder('Nieuwe vraag').fill('q1');
|
|
await page.getByPlaceholder('Antwoord').fill('a1');
|
|
await page.getByRole('button', { name: 'Kaart toevoegen' }).click();
|
|
await page.getByRole('link', { name: /Start oefenen/ }).click();
|
|
await page.getByRole('button', { name: /Start sessie/ }).click();
|
|
await page.getByRole('button', { name: 'Toon antwoord' }).click();
|
|
await page.getByRole('button', { name: /Goed/ }).click();
|
|
await expect(page.getByText(/Sessie klaar/)).toBeVisible({ timeout: 8000 });
|
|
});
|