The-DevOps-Daily/devops-daily

feat: Add E2E tests with Playwright

Open

#527 geöffnet am 2. Dez. 2025

Auf GitHub ansehen
 (0 Kommentare) (0 Reaktionen) (0 zugewiesene Personen)TypeScript (392 Forks)github user discovery
enhancementgood first issuehacktoberfest

Repository-Metriken

Stars
 (1.087 Stars)
PR-Merge-Metriken
 (PR-Metriken ausstehend)

Beschreibung

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

Contributor Guide

Research-Richtung
Richten Sie Playwright gemäß der offiziellen Anleitung ein, erstellen Sie eine Konfigurationsdatei und schreiben Sie E2E Tests für den Quizablauf, Spiele, Suche, Navigation, Dunkelmodus und mobile Reaktionsfähigkeit. Konfigurieren Sie auch den GitHub Actions Workflow.
Tech Stack
typescriptnodejsplaywright
Domain
testingci cd
Issue Type
Test
SchwierigkeitGeschätzte Implementierungsschwierigkeit für neue Contributors, von 1 für sehr kleine Änderungen bis 5 für Expertenarbeit.
3
Geschätzte ZeitEin grober Zeitrahmen, um zu recherchieren, zu implementieren, zu testen und einen Pull Request vorzubereiten.
3-5 Tage
AktivitätsstatusWie verfügbar das Issue gerade wirkt: frisch, aktiv, stale, blockiert oder wartet auf Maintainer-Input.
Frisch
KlarheitWie klar das Issue die erwartete Änderung, Akzeptanzkriterien und den nächsten Schritt erklärt.
Klar
Voraussetzungen
Git
EinsteigerfreundlichkeitEin Score von 1 bis 100, der schätzt, wie zugänglich dieses Issue für First-Time Contributors ist.
75