The-DevOps-Daily/devops-daily

feat: Add E2E tests with Playwright

Open

#527 ouverte le 2 déc. 2025

Voir sur GitHub
 (0 commentaires) (0 réactions) (0 assignés)TypeScript (392 forks)github user discovery
enhancementgood first issuehacktoberfest

Métriques du dépôt

Stars
 (1 087 stars)
Métriques de merge PR
 (Métriques PR en attente)

Description

Description

The project currently has excellent test coverage for data validation (4316 tests) but lacks end-to-end (E2E) testing for critical user flows.

Problem

  • No E2E tests exist for interactive features like quizzes, games, search
  • User journeys are not tested from browser perspective
  • Risk of UI regressions going undetected

Proposed Solution

Add Playwright for E2E testing covering:

  • Quiz taking flow (/quizzes/[slug])
  • Game interactions (multiple game pages)
  • Search functionality
  • Navigation across pages
  • Dark mode toggle
  • Mobile responsive behavior

Acceptance Criteria

  • Install and configure Playwright
  • Add E2E tests for quiz completion flow
  • Add E2E tests for at least 2 games
  • Add E2E tests for search
  • Add E2E tests for navigation
  • Configure GitHub Actions workflow for E2E tests
  • Add test documentation

Files to Modify

  • package.json - Add Playwright dependency
  • playwright.config.ts - Create configuration
  • e2e/ - New directory for E2E tests
  • .github/workflows/e2e.yml - New CI workflow

Guide contributeur

Direction de recherche
Configurez Playwright en suivant le guide officiel, créez le fichier de configuration et écrivez des tests E2E pour le flux de quiz, les jeux, la recherche, la navigation, le mode sombre et le comportement réactif mobile. Configurez également le workflow GitHub Actions.
Stack technique
typescriptnodejsplaywright
Domaine
testingci cd
Type d'issue
Test
DifficultéDifficulté estimée pour un nouveau contributeur, de 1 pour un très petit changement à 5 pour un travail expert.
3
Temps estiméFourchette de temps approximative pour investiguer, implémenter, tester et préparer une pull request.
3-5 jours
Statut d'activitéDisponibilité apparente de l'issue : fraîche, active, ancienne, bloquée ou en attente d'un mainteneur.
Récente
ClartéClarté avec laquelle l'issue explique le changement attendu, les critères d'acceptation et la prochaine étape.
Claire
Prérequis
Git
Accessibilité débutantScore de 1 à 100 estimant l'accessibilité de cette issue pour un premier contributeur.
75