clima-cuida-care-weather/docs/QA.md

QA

Checklist manual

• Abrir a primeira tela e confirmar que já é o dashboard do produto.
• Pesquisar uma cidade com acentos, como "São Paulo".
• Pesquisar uma cidade internacional, como "Lisboa".
• Selecionar cada perfil e confirmar que o semáforo pode mudar.
• Usar o botão de geolocalização e negar permissão.
• Usar o botão de geolocalização e aceitar permissão.
• Simular API offline e confirmar dados de exemplo com aviso claro.
• Rodar npm test.
• Rodar npm run build.

Responsividade

• 360px: sem scroll horizontal, busca e perfis acessíveis.
• 390px a 430px: semáforo legível e timeline rolável.
• 600px a 820px: métricas em grid equilibrado.
• 1024px: dashboard com leitura confortável.
• 1366px e 1440px: layout denso, sem vazios excessivos.
• 1920px: conteúdo continua contido e escaneável.

Acessibilidade

• Campos com labels.
• Botões com texto ou aria-label.
• Navegação por teclado na busca, botões e perfis.
• Contraste suficiente nos estados verde, amarelo, laranja e vermelho.
• aria-live para mensagens da busca.
• role="alert" para erro de API.

Casos extremos

• UV acima de 8.
• PM2.5 acima de 55.
• AQI acima de 150.
• Chuva acima de 65% de probabilidade.
• Sensação térmica acima de 34°C.
• Rajadas acima de 48 km/h.
• AQI ausente.