Tempo Estimado: 10 minutos
Objetivo: Validação rápida dos 4 tipos de gráficos
1. Acesse: https://4prosperaconnect.vercel.app/specialist
2. Faça login
3. Clique em "Conectar Especialista"
4. Aguarde Bryan Tech Expert conectar
5. Abra Console (F12)Tempo: 5 minutos
Envie: "Mostre o número de colaboradores por empresa"
Verificar:
- Gráfico de BARRAS aparece
- Badge: "BARRAS"
- Múltiplas cores
- Console:
→ BARRAS
Envie: "Mostre um gráfico de pizza com colaboradores por empresa"
Verificar:
- Gráfico de PIZZA aparece
- Badge: "PIZZA"
- Fatias coloridas
- Console:
pediu PIZZA explicitamente
Envie: "Mostre um gráfico de linha com colaboradores por empresa"
Verificar:
- Gráfico de LINHA aparece
- Badge: "LINHA"
- Linha conectada + pontos
- SEM preenchimento
- Console:
pediu LINHA explicitamente
Envie: "Mostre um gráfico de área com colaboradores por empresa"
Verificar:
- Gráfico de ÁREA aparece
- Badge: "ÁREA"
- Linha + preenchimento gradiente
- Curvas suaves
- Console:
pediu ÁREA explicitamente
Tempo: 3 minutos
Envie: "Mostre o crescimento de colaboradores por empresa"
Esperado: Gráfico de ÁREA (auto-detectado)
Console: tendência → ÁREA
Envie: "Mostre colaboradores por empresa"
Se 2-6 empresas: PODE mostrar PIZZA
Se 7+ empresas: DEVE mostrar BARRAS
Ambos são válidos
Tempo: 2 minutos
-
Transparência
- Vejo parte do avatar através do gráfico?
- Fundo não está 100% opaco?
-
Posicionamento
- Gráfico está embaixo do avatar?
- NÃO cobre o rosto do Bryan?
- Centralizado?
-
Footer
- Mostra: Total, Máximo, Média?
- Valores numéricos corretos?
-
Hover
- Tooltip aparece ao passar mouse?
- Mostra nome + valor?
- Fundo escuro semi-transparente?
-
Animação
- Gráfico "sobe" suavemente ao aparecer?
- Transição não é abrupta?
Tempo: 2 minutos
1. Envie: "Mostre gráfico de barras"
2. Aguarde aparecer
3. Envie: "Mostre gráfico de pizza"
4. Verificar: Barras desapareceu? Pizza substituiu?
Esperado: Apenas 1 gráfico por vez
Envie: "Mostre colaboradores da empresa XYZ123 que não existe"
Esperado:
- Avatar responde: "Não encontrei..."
- NENHUM gráfico aparece
- Sem erro no console
CRÍTICO (bloqueia aprovação):
- ❌ Qualquer erro JavaScript no console
- ❌ Avatar trava ou desconecta
- ❌ Gráfico não aparece quando deveria
- ❌ Gráfico cobre rosto do avatar
MÉDIO (não ideal, mas não bloqueia):
⚠️ Badge com tipo errado⚠️ Cores todas iguais⚠️ Tooltip não funciona⚠️ Título muito técnico
BAIXO (cosmético):
⚠️ Animação muito rápida/lenta⚠️ Transparência não ideal⚠️ Alinhamento levemente off
✅ Query 1 (Barras) = Passou
✅ Query 2 (Pizza) = Passou
✅ Query 3 (Linha) = Passou
✅ Query 4 (Área) = Passou
✅ Nenhum erro crítico
Se todos passaram: ✅ APROVADO
Se 1 falhou:
Se 2+ falharam: ❌ Reprovar, corrigir e re-testar
Copie e preencha:
=== RESULTADO DOS TESTES ===
Data/Hora: [____]
Testador: [____]
SCRIPT 1: Validação Básica
- [ ] Barras: ✅ Passou / ❌ Falhou
- [ ] Pizza: ✅ Passou / ❌ Falhou
- [ ] Linha: ✅ Passou / ❌ Falhou
- [ ] Área: ✅ Passou / ❌ Falhou
SCRIPT 2: Detecção Automática
- [ ] Palavra-chave: ✅ / ❌
- [ ] Poucos dados: ✅ / ❌ / N/A
SCRIPT 3: Validação Visual
- [ ] Transparência: ✅ / ❌
- [ ] Posicionamento: ✅ / ❌
- [ ] Footer: ✅ / ❌
- [ ] Hover: ✅ / ❌
- [ ] Animação: ✅ / ❌
SCRIPT 4: Integração
- [ ] Múltiplas queries: ✅ / ❌
- [ ] Sem dados: ✅ / ❌
ERROS ENCONTRADOS:
[Liste aqui qualquer bug]
RESULTADO FINAL: ✅ APROVADO / ❌ REPROVADO
- ✅ Preencher matriz completa em
PLANO_TESTES_GRAFICOS.md - ✅ Comunicar time
- ✅ Feature pronta para produção
- ❌ Listar bugs encontrados
- ❌ Criar issues no GitHub
- ❌ Aguardar correções
- ❌ Re-executar este script
Dúvidas? Consulte PLANO_TESTES_GRAFICOS.md para casos detalhados.