teste
/
testes
Template
2
0
Fork 0
Code Issues Pull Requests 2 Actions Packages Projects 1 Releases Wiki Activity
testes/.agent/project/WORKSPACE_MANUAL_TEST_EXECU...

19 KiB
Raw Blame History

Execução de Testes Manuais - Workspace

Data: 2026-01-24
Ambiente: https://dev.workspace.itguys.com.br/plataforma/workspace/login
Credenciais: itguys / itguys@2026

Status dos Testes

⚠️ REQUER EXECUÇÃO MANUAL - As ferramentas de automação do navegador não estão disponíveis. Este documento serve como guia para execução manual dos testes.

Checklist de Testes - Autenticação

1. Validação de Campos Obrigatórios

Passos:

  1. Acessar https://dev.workspace.itguys.com.br/plataforma/workspace/login
  2. Verificar que o botão "Entrar no Workspace" está desabilitado (cinza, não clicável)
  3. Preencher apenas o campo "Usuário" com itguys
  4. Verificar que o botão continua desabilitado
  5. Limpar o campo "Usuário"
  6. Preencher apenas o campo "Chave de Segurança" com itguys@2026
  7. Verificar que o botão continua desabilitado
  8. Preencher ambos os campos
  9. Verificar que o botão fica habilitado (azul, clicável)

Resultado Esperado: ✅ Botão só habilita quando ambos os campos estão preenchidos

2. Login Bem-Sucedido

Passos:

  1. Preencher "Usuário" com itguys
  2. Preencher "Chave de Segurança" com itguys@2026
  3. Clicar em "Entrar no Workspace"
  4. Verificar que um spinner de loading aparece (círculo animado)
  5. Aguardar ~800ms
  6. Verificar redirecionamento para /plataforma/workspace
  7. Verificar que a sidebar aparece à esquerda
  8. Verificar que o conteúdo principal aparece (view de Receitas)

Resultado Esperado: ✅ Login bem-sucedido, redirecionamento correto, interface carrega

3. Validação de Erro

Passos:

  1. Limpar sessionStorage: Abrir DevTools (F12) → Console → Digitar sessionStorage.clear() → Enter
  2. Recarregar a página (F5)
  3. Preencher "Usuário" com usuario_invalido
  4. Preencher "Chave de Segurança" com senha_invalida
  5. Clicar em "Entrar no Workspace"
  6. Verificar que mensagem de erro aparece: "Usuário ou senha de acesso inválida."
  7. Verificar que a mensagem tem estilo visual de erro (fundo vermelho claro, borda vermelha, ícone de alerta)
  8. Verificar que os campos não são limpos após o erro
  9. Corrigir as credenciais para itguys / itguys@2026
  10. Clicar em "Entrar no Workspace" novamente
  11. Verificar que o login funciona

Resultado Esperado: ✅ Mensagem de erro aparece corretamente, login funciona após correção

4. Toggle de Senha

Passos:

  1. Preencher o campo "Chave de Segurança" com itguys@2026
  2. Verificar que o texto aparece como •••••••••••• (pontos)
  3. Clicar no ícone de olho à direita do campo
  4. Verificar que o texto muda para itguys@2026 (texto visível)
  5. Clicar no ícone novamente
  6. Verificar que o texto volta para ••••••••••••

Resultado Esperado: ✅ Toggle funciona corretamente

Checklist de Testes - Navegação e Layout

5. Sidebar

Passos:

  1. Após login, verificar que a sidebar está visível à esquerda
  2. Medir a largura da sidebar (deve ser ~280px)
  3. Localizar o botão de colapsar (geralmente no topo da sidebar)
  4. Clicar no botão de colapsar
  5. Verificar que a sidebar reduz para ~100px
  6. Verificar que apenas ícones são mostrados (textos desaparecem)
  7. Verificar que o conteúdo principal ajusta sua margem esquerda
  8. Clicar no botão novamente para expandir
  9. Verificar que a sidebar volta para ~280px
  10. Verificar que textos reaparecem

Resultado Esperado: ✅ Sidebar colapsa/expande corretamente

6. Navegação entre Módulos

Passos:

  1. Verificar que está na view "Receitas (Entradas)"
  2. Verificar que o header mostra "Financeiro / Receitas"
  3. Clicar em "Despesas (Saídas)" na sidebar
  4. Verificar que a view muda
  5. Verificar que o header mostra "Financeiro / Despesas"
  6. Clicar em "Conciliação Bancária" na sidebar
  7. Verificar que a view muda
  8. Verificar que o header mostra "Financeiro / Conciliação"
  9. Verificar que as transições são suaves (sem travamentos)

Resultado Esperado: ✅ Navegação funciona, header atualiza, transições suaves

7. Header

Passos:

  1. Fazer scroll na página
  2. Verificar que o header permanece fixo no topo
  3. Verificar que o breadcrumb mostra o módulo atual
  4. Localizar o botão de toggle de tema (ícone de sol/lua)
  5. Clicar no toggle
  6. Verificar que o tema muda (dark/light)
  7. Verificar que o header não sobrepõe o conteúdo ao fazer scroll

Resultado Esperado: ✅ Header fixo, breadcrumb correto, toggle de tema funciona

Checklist de Testes - Módulo Receitas

8. Navegação entre Sub-módulos

Passos:

  1. Navegar para "Receitas (Entradas)"
  2. Verificar que há uma sub-navegação abaixo do título principal
  3. Verificar que há tabs: "CRUZAMENTO", "ENTRADAS PLANEJADAS", "BOLETOS", "CLIENTES", "SERVIÇOS"
  4. Clicar em "ENTRADAS PLANEJADAS"
  5. Verificar que o conteúdo muda
  6. Verificar que a tab "ENTRADAS PLANEJADAS" fica destacada (fundo diferente, borda)
  7. Clicar em "CLIENTES"
  8. Verificar que o conteúdo muda novamente
  9. Verificar que a tab "CLIENTES" fica destacada

Resultado Esperado: ✅ Sub-navegação funciona, conteúdo muda, tab ativa destacada

9. Entradas Planejadas - Visualização

Passos:

  1. Navegar para "ENTRADAS PLANEJADAS"
  2. Verificar que uma tabela de estimativas é exibida
  3. Verificar que há dados mockados na tabela (pelo menos algumas linhas)
  4. Verificar colunas: Data, Número do Estimativa, Cliente, Status, Total
  5. Clicar em uma linha da tabela
  6. Verificar que um painel detalhado abre à direita
  7. Verificar que o painel ocupa aproximadamente 50% da tela (desktop)
  8. Verificar que a tabela permanece parcialmente visível à esquerda
  9. Verificar que há um botão "X" no topo do painel
  10. Clicar no botão "X"
  11. Verificar que o painel fecha

Resultado Esperado: ✅ Tabela exibida, painel abre ao clicar, painel fecha ao clicar em X

10. Entradas Planejadas - Criação

Passos:

  1. Navegar para "ENTRADAS PLANEJADAS"
  2. Localizar o botão "Novo" (geralmente no topo da tabela)
  3. Clicar em "Novo"
  4. Verificar que um dialog/modal abre
  5. Verificar que o formulário está vazio
  6. Tentar clicar em "Salvar" sem preencher campos
  7. Verificar que o botão "Salvar" está desabilitado (se houver validação)
  8. Preencher os campos obrigatórios:
    • Data Estimativa
    • Cliente
    • Vendedor
    • Itens (pelo menos um item)
  9. Verificar que o botão "Salvar" fica habilitado
  10. Clicar em "Salvar"
  11. Verificar que o dialog fecha
  12. Verificar que uma nova estimativa aparece na tabela

Resultado Esperado: ✅ Dialog abre, validação funciona, nova estimativa criada

11. Entradas Planejadas - Edição

Passos:

  1. Navegar para "ENTRADAS PLANEJADAS"
  2. Clicar em uma estimativa existente na tabela
  3. Verificar que o painel detalhado abre
  4. Localizar o botão "Editar" (pode estar no painel ou na tabela)
  5. Clicar em "Editar"
  6. Verificar que um dialog abre com os dados preenchidos
  7. Modificar algum campo (ex: valor de um item)
  8. Clicar em "Salvar"
  9. Verificar que o dialog fecha
  10. Verificar que o painel detalhado atualiza com os novos dados
  11. Verificar que a tabela também atualiza

Resultado Esperado: ✅ Edição funciona, dados atualizam corretamente

12. Entradas Planejadas - Filtros e Busca

Passos:

  1. Navegar para "ENTRADAS PLANEJADAS"
  2. Localizar o campo de busca (ícone de lupa)
  3. Digitar um termo de busca (ex: nome de cliente)
  4. Verificar que a tabela filtra em tempo real
  5. Limpar o campo de busca
  6. Verificar que a tabela volta a mostrar todos os itens
  7. Localizar o filtro por status (dropdown)
  8. Selecionar "Rascunho"
  9. Verificar que a tabela mostra apenas estimativas com status "Rascunho"
  10. Selecionar "Todas"
  11. Verificar que a tabela mostra todos os itens novamente

Resultado Esperado: ✅ Busca e filtros funcionam corretamente

13. Clientes - Visualização e Navegação

Passos:

  1. Navegar para "CLIENTES"
  2. Verificar que uma tabela de clientes é exibida
  3. Clicar em um cliente na tabela
  4. Verificar que o painel detalhado abre
  5. Verificar que há abas: "Visão Geral", "Comentários", "Transações", "E-mails", "Extrato", "Faturas", "Serviços/Produtos"
  6. Clicar na aba "Transações"
  7. Verificar que o conteúdo muda
  8. Clicar na aba "Faturas"
  9. Verificar que o conteúdo muda novamente
  10. Verificar que a aba ativa fica destacada

Resultado Esperado: ✅ Painel abre, abas funcionam, conteúdo muda

14. Clientes - Edição

Passos:

  1. Navegar para "CLIENTES"
  2. Clicar em um cliente
  3. Verificar que o painel detalhado abre
  4. Localizar o botão "Editar"
  5. Clicar em "Editar"
  6. Verificar que um dialog abre com os dados do cliente preenchidos
  7. Modificar algum campo (ex: nome, email)
  8. Clicar em "Salvar"
  9. Verificar que o dialog fecha
  10. Verificar que o painel detalhado atualiza com os novos dados

Resultado Esperado: ✅ Edição funciona, dados atualizam

15. Serviços - CRUD

Passos:

  1. Navegar para "SERVIÇOS"
  2. Verificar que uma tabela de serviços é exibida
  3. Clicar em "Novo"
  4. Preencher o formulário de serviço
  5. Clicar em "Salvar"
  6. Verificar que o novo serviço aparece na tabela
  7. Clicar em um serviço existente
  8. Clicar em "Editar"
  9. Modificar o serviço
  10. Clicar em "Salvar"
  11. Verificar que a tabela atualiza
  12. Clicar em "Deletar" em um serviço
  13. Verificar que uma confirmação aparece
  14. Confirmar a exclusão
  15. Verificar que o serviço é removido da tabela

Resultado Esperado: ✅ CRUD completo funciona

16. Boletos - Visualização e Filtros

Passos:

  1. Navegar para "BOLETOS"
  2. Verificar que uma tabela de boletos é exibida
  3. Verificar que há filtros por tipo de boleto
  4. Selecionar um tipo de boleto no filtro
  5. Verificar que a tabela filtra
  6. Testar a busca de boletos
  7. Verificar que os resultados filtram corretamente

Resultado Esperado: ✅ Tabela exibida, filtros funcionam

Checklist de Testes - Módulo Despesas

17. Fornecedores - Visualização e CRUD

Passos:

  1. Navegar para "Despesas (Saídas)"
  2. Clicar na tab "FORNECEDORES"
  3. Verificar que uma tabela de fornecedores é exibida
  4. Clicar em um fornecedor
  5. Verificar que o painel detalhado abre
  6. Verificar que há abas: "Visão Geral", "Despesas", etc.
  7. Clicar em "Novo"
  8. Preencher o formulário de fornecedor
  9. Clicar em "Salvar"
  10. Verificar que o novo fornecedor aparece na tabela
  11. Testar edição de fornecedor
  12. Testar busca de fornecedores

Resultado Esperado: ✅ CRUD funciona, painel abre, abas funcionam

18. Despesas - Visualização e CRUD

Passos:

  1. Navegar para "DESPESAS"
  2. Verificar que uma tabela de despesas é exibida
  3. Clicar em uma despesa
  4. Verificar que o painel detalhado abre
  5. Verificar que há uma seção "Lançamentos Contábeis (Diário)"
  6. Verificar que há uma seção "Upload de Recibos" (se implementado)
  7. Clicar em "Novo"
  8. Preencher o formulário de despesa:
    • Data
    • Conta de Despesa
    • Fornecedor
    • Montante
    • Status
  9. Verificar validação de campos obrigatórios
  10. Clicar em "Salvar"
  11. Verificar que a nova despesa aparece na tabela
  12. Testar filtro por status
  13. Testar busca de despesas

Resultado Esperado: ✅ CRUD funciona, painel mostra diário, filtros funcionam

19. Cruzamento de Despesas

Passos:

  1. Navegar para "CRUZAMENTO"
  2. Verificar que um gráfico "Planejado vs Executado" é exibido
  3. Verificar que o gráfico tem altura adequada (não muito grande)
  4. Verificar que há tabelas comparativas abaixo do gráfico
  5. Verificar que os dados são calculados corretamente

Resultado Esperado: ✅ Gráfico exibido, altura adequada, dados corretos

Checklist de Testes - Módulo Conciliação

20. Navegação Hierárquica

Passos:

  1. Navegar para "Conciliação Bancária"
  2. Clicar na tab "Transações Conciliadas"
  3. Verificar que o nível 0 (Caixas) é exibido
  4. Verificar que um gráfico de Pizza é exibido
  5. Clicar em um caixa na lista
  6. Verificar que o nível 1 (Categorias) é exibido
  7. Verificar que o gráfico muda para Bar Chart
  8. Clicar em uma categoria
  9. Verificar que o nível 2 (Regras/Beneficiários) é exibido
  10. Verificar que o gráfico muda para Horizontal Bar Chart
  11. Clicar em uma regra
  12. Verificar que o nível 3 (Transações) é exibido
  13. Verificar que o gráfico muda para Area Chart (timeline)
  14. Localizar o botão "Voltar"
  15. Clicar em "Voltar"
  16. Verificar que retorna ao nível anterior
  17. Verificar que o breadcrumb mostra o caminho atual

Resultado Esperado: ✅ Navegação hierárquica funciona, gráficos mudam corretamente

21. Gráficos Dinâmicos

Passos:

  1. Navegar pelos níveis hierárquicos
  2. Para cada nível, verificar que o gráfico renderiza corretamente
  3. Passar o mouse sobre elementos do gráfico
  4. Verificar que tooltips aparecem
  5. Verificar que legendas são legíveis
  6. Verificar que cores têm bom contraste
  7. Verificar que o gráfico tem largura máxima (max-w-2xl)

Resultado Esperado: ✅ Gráficos renderizam, tooltips funcionam, legibilidade boa

22. Transações Não Categorizadas

Passos:

  1. Navegar para "Não Categorizadas"
  2. Verificar que uma tabela de transações é exibida
  3. Localizar o botão "Categorizar" em uma transação
  4. Clicar em "Categorizar"
  5. Verificar que um dialog de categorização abre
  6. Preencher o formulário:
    • Descrição/Condicional
    • Categoria
    • Caixa
    • Beneficiário/Pagador
  7. Clicar em "Salvar"
  8. Verificar que o dialog fecha
  9. Verificar que a transação desaparece da lista (categorizada localmente)

Resultado Esperado: ✅ Categorização funciona, transação é removida da lista

23. Gerenciamento

Passos:

  1. Navegar para "Gerenciamento"
  2. Verificar que há abas: "Caixas", "Categorias", "Regras"
  3. Clicar na aba "Caixas"
  4. Testar CRUD de caixas (criar, editar, deletar)
  5. Clicar na aba "Categorias"
  6. Testar CRUD de categorias
  7. Clicar na aba "Regras"
  8. Testar CRUD de regras

Resultado Esperado: ✅ Gerenciamento funciona, CRUD completo

Checklist de Testes - Responsividade

24. Mobile (375px - iPhone SE)

Passos:

  1. Abrir DevTools (F12)
  2. Ativar Responsive Design Mode (Ctrl+Shift+M ou Cmd+Shift+M)
  3. Selecionar "iPhone SE" (375px)
  4. Verificar que a sidebar colapsa ou fica oculta
  5. Verificar que as tabelas têm scroll horizontal
  6. Verificar que os painéis detalhados ocupam 100% da tela
  7. Verificar que os textos são legíveis
  8. Verificar que os botões são clicáveis (tamanho adequado)
  9. Verificar que os formulários empilham campos verticalmente
  10. Testar interações básicas (clicar, scroll)

Resultado Esperado: ✅ Layout adapta corretamente para mobile

25. Tablet (768px - iPad)

Passos:

  1. No Responsive Design Mode, selecionar "iPad" (768px)
  2. Verificar que o layout adapta corretamente
  3. Verificar que os grids mudam número de colunas
  4. Verificar que os painéis têm largura adequada
  5. Testar interações

Resultado Esperado: ✅ Layout adapta corretamente para tablet

26. Desktop (1920px)

Passos:

  1. No Responsive Design Mode, selecionar "Desktop" ou definir 1920px
  2. Verificar que o layout expande bem
  3. Verificar que não há espaços vazios excessivos
  4. Verificar que o conteúdo não fica muito largo

Resultado Esperado: ✅ Layout expande bem em desktop

Checklist de Testes - Formulários e Validações

27. Campos Obrigatórios

Passos:

  1. Abrir qualquer formulário de criação (ex: Nova Estimativa, Novo Cliente)
  2. Verificar que o botão "Salvar" está desabilitado
  3. Preencher apenas alguns campos (não todos obrigatórios)
  4. Verificar que o botão continua desabilitado
  5. Preencher todos os campos obrigatórios
  6. Verificar que o botão fica habilitado

Resultado Esperado: ✅ Validação de campos obrigatórios funciona

28. Formatação de Dados

Passos:

  1. Em um formulário, inserir um valor monetário (ex: 1000)
  2. Verificar que o valor é formatado como "R$ 1.000,00"
  3. Inserir uma data
  4. Verificar que a data é formatada como "DD/MM/YYYY"
  5. Verificar CPF/CNPJ formatados (se aplicável)

Resultado Esperado: ✅ Formatação automática funciona

29. Estados de Loading

Passos:

  1. Realizar uma ação que simula loading (ex: salvar formulário)
  2. Verificar que um spinner aparece
  3. Verificar que os botões ficam desabilitados durante o loading
  4. Aguardar a ação completar
  5. Verificar que o loading desaparece

Resultado Esperado: ✅ Estados de loading funcionam

30. Feedback Visual

Passos:

  1. Realizar uma ação de sucesso (ex: criar item)
  2. Verificar se há mensagem de sucesso (toast, alert)
  3. Realizar uma ação que gera erro (ex: tentar salvar sem campos obrigatórios)
  4. Verificar se há mensagem de erro visível
  5. Verificar que campos com erro têm borda colorida (se aplicável)

Resultado Esperado: ✅ Feedback visual funciona

Checklist de Testes - Performance Visual

31. Transições

Passos:

  1. Navegar entre diferentes views
  2. Verificar que as transições são suaves (sem travamentos)
  3. Abrir e fechar painéis detalhados
  4. Verificar que as animações são suaves
  5. Abrir e fechar dialogs
  6. Verificar que as animações são suaves

Resultado Esperado: ✅ Transições suaves, sem lag

32. Renderização

Passos:

  1. Carregar a página inicial
  2. Verificar o tempo de carregamento (DevTools → Network)
  3. Navegar entre módulos
  4. Verificar que o conteúdo aparece rapidamente
  5. Abrir tabelas grandes
  6. Verificar que a renderização é rápida

Resultado Esperado: ✅ Renderização rápida

33. Console e Erros

Passos:

  1. Abrir DevTools (F12)
  2. Ir para a aba "Console"
  3. Navegar pela aplicação
  4. Verificar que não há erros JavaScript no console
  5. Verificar que não há warnings críticos

Resultado Esperado: ✅ Sem erros no console

34. Memória

Passos:

  1. Abrir DevTools (F12)
  2. Ir para a aba "Performance"
  3. Iniciar gravação
  4. Navegar extensivamente entre módulos
  5. Abrir e fechar múltiplos painéis
  6. Parar a gravação
  7. Verificar que não há aumento drástico de uso de memória
  8. Verificar que não há memory leaks

Resultado Esperado: ✅ Uso de memória estável

Como Documentar os Resultados

Para cada teste, documentar:

  1. Status: ✅ Passou / ⚠️ Problema encontrado / ❌ Falhou
  2. Observações: Notas sobre o comportamento observado
  3. Screenshots: Capturas de problemas (se houver)
  4. Console Errors: Erros JavaScript encontrados
  5. Tempo de Execução: Tempo para ações críticas

Template de Documentação

### Teste X: [Nome do Teste]

**Status**: ✅ Passou / ⚠️ Problema / ❌ Falhou

**Observações**:
- [Descrição do que foi observado]

**Problemas Encontrados**:
- [Lista de problemas, se houver]

**Screenshots**:
- [Links para screenshots, se houver]

**Console Errors**:
- [Erros encontrados, se houver]

Guia para execução manual de testes. Última atualização: 2026-01-24