🎥 Vidéos Tests E2E (Documentation Vivante)

Introduction

Cette page présente les vidéos des tests E2E enregistrées manuellement.

📊 Statistiques

Nombre de vidéos : 8
Format : WebM 1280x720
Emplacement : docs/_static/videos/

Vidéos disponibles

Admindashboard.crud Organisation With Search

Admindashboard.crud Organisation With Search

Fichier: AdminDashBoard.CRUD organisation with search.webm

Admindashboard.crud Building

Admindashboard.crud Building

Fichier: AdminDashBoard.CRUD-building.webm

Admindashboard.crud Organisation User

Admindashboard.crud Organisation User

Fichier: AdminDashBoard.CRUD-organisation-user.webm

Admindashboard.crud Organisation

Admindashboard.crud Organisation

Fichier: AdminDashBoard.CRUD-organisation.webm

Admindashboard.journey

Admindashboard.journey

Fichier: AdminDashBoard.Journey.webm

Admindashboard.should Search Organizations

Admindashboard.should Search Organizations

Fichier: AdminDashBoard.should-search-organizations.webm

Admindashboard.toggle Organization Status

Admindashboard.toggle Organization Status

Fichier: AdminDashBoard.toggle-organization-status.webm

Comment enregistrer une nouvelle vidéo ?

Méthode 1 : Playwright Codegen (⭐ Recommandé)

Enregistrement interactif - Playwright génère le code automatiquement !

cd frontend

# Lancer l'enregistrement interactif (avec Traefik)
npm run codegen
# OU: npx playwright codegen http://localhost

# Playwright ouvre un navigateur et enregistre vos actions :
# → Naviguez, cliquez, remplissez des formulaires
# → Le code du test est généré en temps réel
# → Copiez-le dans tests/e2e/mon-test.spec.ts

# Lancez le test pour générer la vidéo
npm run test:e2e -- mon-test.spec.ts

# Synchroniser les vidéos dans la doc
cd ..
make docs-sync-videos
make docs-sphinx

Méthode 2 : Écrire le test manuellement

Créez frontend/tests/e2e/mon-test.spec.ts :

import { test, expect } from "@playwright/test";

test("Mon scénario de test", async ({ page }) => {
  await page.goto("/login");
  await page.fill('input[type="email"]', "test@test.com");
  await page.fill('input[type="password"]', "test123");
  await page.click('button[type="submit"]');
  await expect(page.locator("text=Dashboard")).toBeVisible();
});

Puis :

cd frontend && npm run test:e2e
cd .. && make docs-sync-videos && make docs-sphinx

🤖 Page générée automatiquement par generate-video-rst.py

KoproGo ASBL - Documentation vivante