[Feature] Implementar testes automatizados

[JeanCarlos88]

[Feature] Implementar testes automatizados

Status: 🆕 Nova
Prioridade: 🟡 Alta
Labels: testing, quality, ci/cd

Descrição

Implementar suite completa de testes automatizados (unitários, integração e E2E) para garantir qualidade e estabilidade do código, com integração ao CI/CD.

Objetivo

Aumentar confiabilidade do código, prevenir regressões e facilitar refatorações, estabelecendo cultura de qualidade no projeto.

Tarefas

• Configurar Vitest para testes unitários
• Configurar React Testing Library
• Configurar Playwright ou Cypress para testes E2E
• Escrever testes para utilitários (validation, formatters, security)
• Escrever testes para componentes comuns (Button, Input, Card, etc.)
• Escrever testes para páginas principais
• Implementar testes de integração para fluxos críticos
• Configurar cobertura de código (coverage)
• Adicionar testes ao workflow do GitHub Actions
• Configurar relatórios de cobertura (Codecov ou similar)
• Criar scripts npm para rodar testes (test, test:watch, test:coverage)
• Documentar como escrever e rodar testes

Critérios de aceitação

• Cobertura mínima de 80% para utilitários
• Cobertura mínima de 70% para componentes
• Todos os testes devem passar no CI/CD
• Testes E2E devem cobrir fluxos principais
• Tempo de execução de testes < 2 minutos
• Documentação clara sobre como adicionar novos testes

Recursos

• Vitest (test runner)
• React Testing Library
• Playwright ou Cypress (E2E)
• @testing-library/jest-dom
• happy-dom ou jsdom

Observações

Começar com utilitários e componentes simples, expandindo gradualmente para casos complexos.

Arquivos Afetados

• vitest.config.js (novo)
• playwright.config.js ou cypress.config.js (novo)
• src/**/*.test.js (múltiplos arquivos novos)
• tests/e2e/**/*.spec.js (novos)
• .github/workflows/test.yml (novo)
• package.json (adicionar dependências e scripts)
• README.md (documentar testes)