# 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

```markdown
### 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*