The-DevOps-Daily/devops-daily

feat: Add E2E tests with Playwright

Open

#527 aberto em 2 de dez. de 2025

Ver no GitHub
 (0 comments) (0 reactions) (0 assignees)TypeScript (392 forks)github user discovery
enhancementgood first issuehacktoberfest

Métricas do repositório

Stars
 (1.087 stars)
Métricas de merge de PR
 (Métricas PR pendentes)

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

Guia do colaborador

Direção de pesquisa
Configure o Playwright seguindo o guia oficial, crie o arquivo de configuração e escreva testes E2E para o fluxo de questionários, jogos, pesquisa, navegação, modo escuro e responsividade mobile. Configure também o workflow do GitHub Actions.
Pilha de tecnologia
typescriptnodejsplaywright
Domain
testingci cd
Tipo Issue
Teste
DifficultyDificuldade de implementação estimada para um novo contribuidor, de 1 para alterações muito pequenas a 5 para trabalho de nível especializado.
3
Tempo estimadoUm intervalo de tempo aproximado para um colaborador experiente investigar, implementar, testar e preparar um pull request.
3-5 dias
Status da atividadeQuão disponível o issue aparece agora: novo, ativo, obsoleto, bloqueado ou aguardando entrada do mantenedor.
Recente
ClarityCom que clareza o issue explica a mudança esperada, os critérios de aceitação e a próxima etapa.
Claro
Prerequisites
Git
Simpatia para novatosUma pontuação de 1 a 100 que estima o quão acessível este issue é para colaboradores iniciantes.
75