1 - 📝 Entrada de Texto
0/50
📋 Critérios de Aceite
▼
- Texto comum aceita máximo 50 caracteres (alfanuméricos e espaços)
- Campo "Apenas números" rejeita automaticamente letras e caracteres especiais
- Campo "Apenas alfabético" rejeita números e caracteres especiais
- Campo "Caracteres especiais" aceita !@#$%^&*()_+-=[]{};
- Contador exibe em cor normal até 40 caracteres, laranja acima disso
2 - 🔐 Campos Especiais
📋 Critérios de Aceite
▼
- Senha deve ter mínimo 8 caracteres
- Senha deve conter pelo menos 1 maiúscula (A-Z)
- Senha deve conter pelo menos 1 minúscula (a-z)
- Senha deve conter pelo menos 1 número (0-9)
- Senha deve conter pelo menos 1 caractere especial (!@#$%^&*)
- Confirmação deve ser idêntica à senha informada
- Data deve estar em formato válido (DD/MM/AAAA)
- Força da senha visual: 1-2 barras = fraca, 3 barras = média, 4+ barras = forte
3 - ⭕ Radio Buttons - Notificações
📋 Critérios de Aceite
▼
- Existem 3 opções mutuamente exclusivas: Email, SMS e Push
- Apenas 1 opção pode estar selecionada por vez
- Botão "Validar" confirma a seleção
- Sem seleção deve exibir mensagem de erro
- Com seleção válida exibe mensagem de sucesso
- Valor padrão é nenhum (vazio)
4 - 🎯 Radio Buttons
📋 Critérios de Aceite
▼
- Existem 3 opções mutuamente exclusivas (Masculino, Feminino, Outro)
- Apenas 1 opção pode estar selecionada por vez
- Selecionar uma opção desseleciona a opção anterior
- Clicar no texto também seleciona o radio button associado
- O estado visual diferencia opção selecionada/não selecionada
5 - 🎚️ Slider e Range
Nível: 5/10 🟡 Médio
📋 Critérios de Aceite
▼
- Slider controla valores de 0 a 10 com incrementos de 1
- Valor padrão inicial é 5
- Ao arrastar o slider, o valor é atualizado em tempo real
- As 3 barras visuais preenchem progressivamente
- Categorização: 0-3 (Baixo 🔴), 4-7 (Médio 🟡), 8-10 (Alto 🟢)
- O texto exibe valor e categoria conforme valor
6 - ✅ Checkboxes
📋 Critérios de Aceite
▼
- Existem 3 checkboxes independentes
- Cada checkbox pode ser selecionado/desmarcado individualmente
- O estado de cada checkbox é visualmente diferenciado (checked/unchecked)
- Não é obrigatório selecionar nenhum checkbox (aceita 0 ou mais seleções)
- Clique no texto também seleciona/desseleciona a checkbox associada
7 - ☑️ Checkbox com Toggle
📋 Critérios de Aceite
▼
- Checkbox com label "Mostrar assinatura"
- Quando marcado, mostra preview da assinatura
- Quando desmarcado, esconde preview
- Preview é sincronizado com campo de assinatura (BLOCO 19)
- Comportamento toggle funciona sem erros
8 - 🎨 Cores
📋 Critérios de Aceite
▼
- Dropdown contém 4 opções: placeholder + 3 cores
- Seleção padrão é o placeholder "Selecione uma cor"
- Ao selecionar uma cor, a preview atualiza com o código hexadecimal correspondente
- Preview deve exibir a cor escolhida em forma visual (quadrado colorido)
- Vermelho = #ff0000 | Azul = #0000ff | Verde = #00aa00
9 - 🛎️ Alertas
📋 Critérios de Aceite
▼
- Existem 3 tipos de alertas: Alerta, Confirmar, Prompt
- Botão "Alerta" exibe um alert() simples com mensagem
- Botão "Confirmar" exibe um confirm() com retorno de true/false
- Botão "Prompt" exibe um prompt() aguardando entrada de texto
- Cada alertar é selecionável e testável independentemente
10 - 🔘 Ações
📋 Critérios de Aceite
▼
- Existem 2 botões: um verde de ação segura e um vermelho de risco
- Botão "Botão de Ação" (verde) executa uma ação segura e bem-sucedida
- Botão "Botão Perigoso" (vermelho) executa uma ação que requer atenção
- Ambos os botões são clicáveis e dispõem de feedback visual
- Cores e estados visuais diferem para indicar risco/segurança
11 - 📊 Tabela
| Nome | |
|---|---|
| Teste Um | um@email.com |
| Teste Dois | dois@email.com |
| Teste Três | tres@email.com |
| Teste Quatro | quatro@email.com |
| Teste Cinco | cinco@email.com |
Total de registros: 5 | Exibindo: 5
📋 Critérios de Aceite
▼
- Tabela exibe 2 colunas: Nome e Email
- Exibe 5 linhas de dados padrão
- Campo de busca é case-insensitive (maiúsculas/minúsculas)
- Busca filtra por Nome OU Email em tempo real
- Ordenação por Nome: ordem alfabética crescente (A-Z)
- Ordenação por Email: ordem alfabética crescente por domínio
- Botão "Limpar" remove filtro e retorna ordenação original
- Contador exibe: Total de registros (5) e quantidade exibida após filtro
- Linhas alternadas devem ter cores diferentes para melhor legibilidade
12 - 👤 Dados Dinâmicos
Usuário Teste
ID: #12345
Status: Ativo
Último: Hoje
📋 Critérios de Aceite
▼
- Exibe 2 cards de dados: "Usuário Teste" e "Status: Ativo"
- Cada card contém informações dinâmicas (ID e Último)
- Botão "Copiar Dados" copia as informações para clipboard
- Mensagem de confirmação aparece após cópia bem-sucedida
- Dados são atualizáveis/dinâmicos
13 - 🔄 Dinâmica
📋 Critérios de Aceite
▼
- Botão "+ Adicionar" está clicável e funcional
- Cada clique adiciona um novo elemento à lista
- Elementos aparecem em tempo real
- Cada elemento novo mostra identificador único
- Lista cresce dinamicamente sem limite
14 - ✔️ Validação
Código esperado: 010919100407201216122012
📋 Critérios de Aceite
▼
- Código esperado exibido: 010919100407201216122012
- Campo de input aceita texto até 50 caracteres
- Botão "Validar" compara entrada com código esperado
- Validação é case-sensitive (diferencia maiúsculas/minúsculas)
- Mensagem de sucesso se código correto, erro se incorreto
15 - ✍️ Assinatura com Preview
0/50
-
📋 Critérios de Aceite
▼
- Campo aceita máximo 50 caracteres
- Contador exibe caracteres digitados em tempo real
- Preview mostra assinatura conforme digitação
- Formatação especial para exibir como assinatura
- Não aceita caracteres nulos/inválidos
16 - 📋 Select Tipo
Tipo: Nenhum
📋 Critérios de Aceite
▼
- Dropdown com 4 opções: placeholder + 3 tipos
- Seleção padrão: placeholder "-- Selecione um tipo --"
- Opções: Básico, Padrão, Premium
- Resultado exibe tipo selecionado ou "Nenhum"
- Apenas 1 seleção por vez (select simples)
17 - 🍎 Select Múltiplo
CTRL+Click para selecionar múltiplas
Frutas: Nenhuma
📋 Critérios de Aceite
▼
- Select com atributo "multiple" para múltiplas seleções
- Contém 5 opções de frutas
- CTRL+Click (ou CMD+Click) seleciona várias opções
- Resultado exibe todas as frutas selecionadas separadas por vírgula
- Se nenhuma seleção, exibe "Nenhuma"
18 - 📏 Lista - Animais
- Camelo
- Gato
- Lagarta
- Vaca
- Cachorro
Total: 5
📋 Critérios de Aceite
▼
- Lista contém 5 animais diferentes
- Cada animal é exibido em item separado
- Ordem está correta e consistente
- Contador exibe total de 5 itens
- Estrutura semântica da lista preservada
19 - 📁 Upload Arquivo
✓ Aceitos: PDF, JPG, PNG, GIF, DOC, DOCX | ✓ Máximo: 5 MB | ✓ Drag & drop suportado
Arquivo: Nenhum
📋 Critérios de Aceite
▼
- Input aceita tipos: PDF, JPG, PNG, GIF, DOC, DOCX
- Tamanho máximo: 5 MB
- Suporta drag & drop de arquivo
- Resultado exibe nome do arquivo selecionado
- Rejeita arquivos inválidos com mensagem de erro
20 - ⬇️ Download Arquivo
Baixa arquivo .txt de exemplo
📋 Critérios de Aceite
▼
- Botão de download visível e funcional
- Click inicia download automático do arquivo
- Arquivo tem nome descritivo e válido
- Formato é .txt com conteúdo de exemplo
- Download não abre em nova aba (salva localmente)
21 - 🕰️ Data Congelada
Data/Hora atual:
📋 Critérios de Aceite
▼
- Exibe data/hora atual do sistema
- Formato padrão: DD/MM/AAAA HH:MM:SS
- Atualiza em tempo real (congelada = não muda)
- Elemento é legível e bem posicionado
22 - 📅 Date Picker Simples
Data: dd/mm/aaaa
📋 Critérios de Aceite
▼
- Input type="date" funcional e acessível
- Abre datepicker ao clicar no campo
- Data selecionada exibida no resultado
- Formato padrão: dd/mm/aaaa
- Aceita somente datas válidas
23 - 📅 Seletor de Datas com Intervalo
Selecione uma data inicial e final para definir um intervalo. O sistema valida se a data final é posterior à inicial.
💡 Dica: Use este componente para testar validações de datas, seleção de
períodos, e cálculo de intervalos em seus testes automatizados.
📋 Critérios de Aceite
▼
- Input de data inicial aceita datas válidas
- Input de data final aceita datas válidas
- Validação rejeita data final anterior à inicial
- Resultado exibe intervalo selecionado
- Cálculo de dias entre as datas está correto
24 - 🔐 Password Toggle
📋 Critérios de Aceite
▼
- Input tipo password oculta senha por padrão
- Botão de olho (👁️) alterna visibilidade
- Clique no olho muda para text (mostra senha)
- Clique novamente volta a password (esconde senha)
- Ícone muda visualmente conforme estado
25 - 🔢 Código Dinâmico
Código Gerado:
-
📋 Critérios de Aceite
▼
- Código dinâmico é gerado automaticamente (timestamp)
- Código é exibido em destaque visual (fundo escuro)
- Botão "Copiar Código" copia para clipboard com feedback
- Campo de input aceita entrada de texto (máx 20 chars)
- Botão "Enviar" valida entrada contra código gerado
- Sucesso gera novo código automaticamente
- Mensagem de resultado indica sucesso/erro com cores
26 - 🪟 Modal / Dialog
📋 Critérios de Aceite
▼
- Botão "Abrir Modal" abre o modal
- Overlay escuro cobre o fundo
- Botão X fecha o modal
- Botão "Cancelar" fecha o modal
- Botão "Confirmar" executa ação e fecha
27 - ✔️ Toast / Notificações
📋 Critérios de Aceite
▼
- 4 botões para diferentes tipos de notificação
- Toast aparece no canto superior direito
- Toast desaparece automaticamente após 3 segundos
- Cores diferenciam tipo (verde/vermelho/amarelo/azul)
- Múltiplos toasts podem ser exibidos simultaneamente
28 - → Tabs / Abas
Conteúdo da Aba 1
📋 Critérios de Aceite
▼
- 3 abas navegáveis
- Aba 1 está selecionada por padrão
- Clicar em abas troca conteúdo
- Apenas uma aba está ativa por vez
- Cada aba tem conteúdo diferente
29 - 🔄 Loading States
📋 Critérios de Aceite
▼
- Botão inicia o carregamento
- Spinner (animação) aparece durante carregamento
- Texto "Carregando..." é exibido
- Após 2 segundos, spinner desaparece
- Conteúdo carregado é exibido com mensagem de sucesso
30 - 💾 Dropdown Menu
📋 Critérios de Aceite
▼
- Botão abre/fecha o menu dropdown
- Menu aparece abaixo do botão
- 4 opções clicáveis no menu
- Clicar em opção executa ação
- Menu fecha ao clicar fora
31 - 💬 Autocomplete
⚙️ Regras de Funcionamento
▼
- Selecione uma categoria acima
- Digite para filtrar as opções
- Clique na opção desejada para selecionar
- A busca não diferencia maiúsculas de minúsculas
📍 Opções Autocompleáveis por Categoria
▼
🌍 Países (5 opções):
- Brasil (🇧🇷)
- Argentina (🇦🇷)
- Espanha (🇪🇸)
- Colombia (🇨🇴)
- Peru (🇵🇪)
⚽ Times de Futebol (5 opções):
- Boca Juniors (🔵💛)
- Corinthians (⚫⚪)
- Barcelona (🔵🔴)
- Milan (🔴⚫)
- Manchester City (🔵)
📋 Critérios de Aceite
▼
- 2 categorias disponíveis: Países e Times de Futebol
- Campo de texto aceita qualquer entrada
- Lista de sugestões aparece ao digitar
- Filtro funciona de forma dinâmica
- Clicar na opção preenche o campo e mostra mensagem de sucesso
- Total de 10 opções: Países (5) + Times (5)
32 - ⏩ Pagination
📋 Critérios de Aceite
▼
- Botão "Anterior" desabilitado na primeira página
- Botão "Próxima" desabilitado na última página
- Conteúdo muda ao navegar entre páginas
- Indicador de página mostra posição atual
- Total de 5 páginas com 3 itens cada
33 - ✋ Drag & Drop
Arraste de aqui
📌 Item 1
📌 Item 2
📌 Item 3
Solte aqui
Área de soltar itens
📋 Critérios de Aceite
▼
- 3 itens arrastáveis na área esquerda
- Área direita aceita itens soltos
- Feedback visual ao arrastar
- Itens podem ser soltos na área alvo
- Contagem de itens soltos é exibida
- Clique em item solto para remover (com animação)
- Item removido atualiza contador
- Cor muda para vermelho ao passar mouse (indicativo de remover)
34 - 🗺️ Breadcrumb
Navegação estruturada acima
📋 Critérios de Aceite
▼
- Breadcrumb mostra hierarquia de navegação
- Links são clicáveis e levam a páginas anteriores
- Separadores visuais entre níveis
- Página atual não é um link
- Estrutura é clara e acessível
35 - 🔍 Tooltip
Passe o mouse sobre os botões
📋 Critérios de Aceite
▼
- 4 botões com tooltips diferentes
- Tooltip aparece ao passar mouse
- Tooltip desaparece ao sair do elemento
- Posicionamento é correto em cada direção
- Texto do tooltip é legível e acessível
36 - 🔢 Spinner/Input Numérico
📋 Critérios de Aceite
▼
- Valor inicial é 0
- Botão + incrementa valor em 1
- Botão − decrementa valor em 1
- Valor mínimo é 0 e máximo é 100
- Campo aceita digitação direta de números
- Não permite valores fora do intervalo permitido
37 - 📞 Máscara de Entrada
📋 Critérios de Aceite
▼
- Telefone formata automaticamente para (XX) XXXXX-XXXX
- CPF formata automaticamente para XXX.XXX.XXX-XX (máx 14 chars sem pontos)
- CNPJ formata automaticamente para XX.XXX.XXX/XXXX-XX (máx 14 chars sem pontos, 18 com máscara)
- Data formata automaticamente para DD/MM/YYYY
- Caracteres especiais são inseridos automaticamente
- Aceita apenas dígitos nas posições corretas
38 - 🔍 Busca com Debounce
Aguardando entrada...
📋 Critérios de Aceite
▼
- Busca não dispara enquanto usuário está digitando
- Busca dispara 800ms após parada da digitação
- Status mostra "Buscando..." durante requisição
- Resultados aparecem abaixo do campo
- Botões de busca rápida: João Silva, Maria Santos, Pedro Costa, Ana Oliveira, Carlos Ferreira
- Clique em botão rápido preenche campo e dispara busca imediata
- Otimiza performance evitando múltiplas requisições
39 - 📊 Tabela Ordenável
Clique no cabeçalho para ordenar (crescente/decrescente):
| Nome ▲▼ | Idade ▲▼ | Profissão ▲▼ |
|---|---|---|
| Alice | 28 | Engenheira |
| Bob | 34 | Designer |
| Carlos | 25 | Desenvolvedor |
| Diana | 31 | Gerente |
| Elisa | 29 | QA Analyst |
📋 Critérios de Aceite
▼
- Clique no cabeçalho ordena a coluna em ordem crescente
- Novo clique na mesma coluna ordena em decrescente
- Indicador visual mostra direção da ordenação
- Ordena corretamente números e textos
40 - 🔎 Tabela com Filtros
| Nome | Departamento | Status |
|---|---|---|
| João | TI | Ativo |
| Maria | RH | Ativo |
| Pedro | TI | Inativo |
| Julia | Marketing | Ativo |
Exibindo 4 registros
📋 Critérios de Aceite
▼
- Filtros funcionam independentemente
- Filtro por Nome busca em tempo real
- Filtro por Departamento busca em tempo real
- Combinação de filtros funciona corretamente
- Contador de registros atualiza dinamicamente
41 - 🎡 Carrossel/Slider
Slide 1 de 5
📋 Critérios de Aceite
▼
- Botão ◄ navega para slide anterior
- Botão ► navega para próximo slide
- Indicador numérico mostra posição atual (N de 5)
- Transição suave entre slides com animação
- Botões de navegação desabilitados no início/fim (opcional)
- Pontos indicadores (dots) destacam slide ativo
- Clique em ponto navega diretamente para aquele slide
- Carrossel não faz loop automático
- Controles acessíveis com data-auto para automação
42 - ⏰ Timeline
✓
Planejamento
2024-01-15
✓
Desenvolvimento
2024-02-20
●
Testes
2024-03-10 (Atual)
○
Deploy
2024-04-01
📋 Critérios de Aceite
▼
- Timeline mostra 4 etapas distintas
- Etapas completas têm ícone ✓
- Etapa atual tem ícone ●
- Etapas pendentes têm ícone ○
- Datas são exibidas de forma legível
43 - 💬 Popover
📋 Critérios de Aceite
▼
- Clique no botão abre popover
- Popover contém título e descrição
- Botão Fechar fecha o popover
- Clicar fora também fecha (opcional)
44 - 🔔 Notificação Persistente
📋 Critérios de Aceite
▼
- 3 botões para diferentes tipos de notificação
- Notificações aparecem no topo/canto da tela
- Cada notificação tem botão para fechar
- Cor diferencia tipo (sucesso verde, aviso laranja, erro vermelho)
45 - 🎯 Stepper/Wizard
1
Dados Pessoais
2
Endereço
3
Confirmação
Passo 2 de 3: Preencha seu endereço
📋 Critérios de Aceite
▼
- 3 passos visíveis na sequência
- Passo completado tem marca ✓
- Passo ativo é destacado
- Botão Anterior/Próximo navega entre passos
- Conteúdo muda para cada passo
46 - 🏷️ Chips/Tags
JavaScript ×
Python ×
QA ×
📋 Critérios de Aceite
▼
- Chips aparecem após digitação e Enter
- Clicar × remove o chip
- Chips podem ser adicionados e removidos dinamicamente
- Campo limpa após adicionar chip
47 - 🎛️ Segmented Control
📋 Critérios de Aceite
▼
- 3 opções mutuamente exclusivas
- Apenas uma opção pode estar selecionada por vez
- Opção ativa é visualmente diferenciada
- Clicar muda a visualização
48 - 🌳 Tree View
📋 Critérios de Aceite
▼
- Pastas podem ser expandidas (▼) e recolhidas (►)
- Clique na seta muda o estado
- Filhos aparecem/desaparecem dinamicamente
- Ícones diferem para pastas (📁) e arquivos (📄)
49 - 📂 Collapse/Accordion
Clique para expandir/recolher seções:
📋 Critérios de Aceite
▼
- Clique expande/recolhe a seção
- Ícone muda de ► para ▼ quando expandido
- Múltiplas seções podem estar abertas simultaneamente
- Transição suave com animação
- Conteúdo fica oculto quando recolhido
50 - 📥 Combobox
📋 Critérios de Aceite
▼
- Campo funciona como input e dropdown simultaneamente
- Digitar filtra as opções
- Clique no botão ▼ abre/fecha lista completa
- Seleção preenche o campo
51 - 📐 Resize Handle
Arraste o canto inferior direito para redimensionar:
Caixa redimensionável
Tamanho: 300px × 200px
📋 Critérios de Aceite
▼
- Caixa exibe handle no canto inferior direito
- Arrastar handle redimensiona a caixa
- Dimensões são exibidas em tempo real
- Mínimo 100px × 100px (opcional)
52 - 🖱️ Context Menu
Clique com botão direito nesta caixa:
Clique com botão direito aqui
📋 Critérios de Aceite
▼
- Botão direito abre menu contextual
- Menu aparece próximo ao cursor
- 3 opções: Editar, Copiar, Deletar
- Clique em opção executa ação
53 - ✔️ Validação Async
●
Digite um username
📋 Critérios de Aceite
▼
- Após digitar, aguarda 600ms antes de validar
- Status muda para "Verificando..."
- Mostra ✓ se username disponível
- Mostra ✗ se username indisponível
- Simula requisição assíncrona
54 - 💰 Campo com Prefixo/Sufixo
R$
.00
R$
.00
%
📋 Critérios de Aceite
▼
- Prefixo "R$" aparece antes do campo
- Sufixo "%" aparece depois do campo
- Campo aceita apenas números
- Prefixo/Sufixo não são editáveis
55 - 💡 Erro com Dica Inline
💡 Dica: use um e-mail válido (ex:
usuario@dominio.com)
💡 Dica: use maiúsculas, minúsculas, números e
caracteres especiais
Arraste arquivos aqui
💡 Dica: escolha um username único (mín 4
caracteres)
📋 Critérios de Aceite
▼
- Dica aparece normalmente por padrão
- Erro sobrescreve a dica quando houver erro
- Mensagens são claras e úteis
- Validação em tempo real ao digitar
56 - 📦 Dropzone
Arraste arquivos aqui ou clique para selecionar
📋 Critérios de Aceite
▼
- Clique abre seletor de arquivos
- Arrastar arquivos entra em modo "drop"
- Soltar arquivo simula upload
- Arquivos aparecem em lista após upload
- Aceita múltiplos arquivos
57 - 📊 Progress Upload
📋 Critérios de Aceite
▼
- Botão Upload inicia o envio
- Barra de progresso aparece durante upload
- Percentual é exibido em tempo real
- Barra vai de 0% a 100%
- Mensagem de sucesso após conclusão
58 - 👁️ Visualização de Arquivo
Nenhum arquivo selecionado
📋 Critérios de Aceite
▼
- Selecionar imagem mostra preview
- Selecionar PDF mostra embed
- Arquivo é exibido antes do upload final
- Permite confirmar arquivo antes de enviar
59 - ⭐ Rating/Estrelas
Selecione uma classificação
📋 Critérios de Aceite
▼
- 5 estrelas clicáveis
- Hover mostra quantas estrelas serão selecionadas
- Clique seleciona a classificação
- Estrelas selecionadas mudam de cor/aparência
- Exibe número de estrelas selecionadas
60 - 😊 Avaliação com Emoji
Selecione um emoji
📋 Critérios de Aceite
▼
- 5 emojis diferentes representam sentimentos
- Clique em emoji registra a avaliação
- Emoji selecionado é destacado visualmente
- Rápido e intuitivo para feedback
61 - 🗺️ Mapa Interativo
Clique no mapa
📋 Critérios de Aceite
▼
- Mapa é exibido em SVG
- Marcador pode ser movido ao clicar
- Coordenadas são exibidas
- Teste de geolocalização simulada
62 - 🎨 Canvas Drawing
Arraste o mouse para desenhar
📋 Critérios de Aceite
▼
- Canvas branco disponível para desenho
- Arrastar mouse desenha linhas
- Botão Limpar reseta o canvas
- Botão Baixar salva imagem em PNG
- Teste para captura de screenshots
63 - 💻 Code Highlight
function testarElemento(seletor) {
const elemento = document.querySelector(seletor);
if (elemento) {
console.log('✓ Elemento encontrado');
return true;
} else {
console.error('✗ Elemento não encontrado');
return false;
}
}
📋 Critérios de Aceite
▼
- Código é exibido com highlighting
- Linguagem é identificada (JavaScript, Python, etc)
- Botão Copiar copia código para clipboard
- Indentação é preservada
64 - 🔑 Gerador de UUID
Gere IDs únicos aleatórios (UUID v4) para testes de criação de recursos.
📋 Critérios de Aceite
▼
- Botão gera UUID v4 aleatório válido
- Formato: 8-4-4-4-12 hexadecimal
- Cada geração produz ID único
- Copiar leva para clipboard
65 - ⏱️ Timer/Contador Regressivo
Crie timers para testes de timeout e performance.
00:10
📋 Critérios de Aceite
▼
- Input aceita segundos (1-3600)
- Botão Iniciar começa contagem regressiva
- Botão Parar congela contador
- Botão Resetar volta ao valor original
- Display mostra MM:SS
66 - 🎲 Gerador de Dados Mock
Gere dados aleatórios para testes.
📋 Critérios de Aceite
▼
- Botão Nome gera nomes aleatórios válidos
- Botão Email gera emails com domínio
- Botão Telefone gera formato brasileiro (11)9xxxx-xxxx
- Botão CPF gera números válidos (11 dígitos)
67 - 📄 JSON Formatter/Validator
Formata e valida JSON para análise de respostas API.
📋 Critérios de Aceite
▼
- Botão Formatar indenta JSON com 2 espaços
- Botão Validar verifica estrutura JSON válida
- Mostra erro se JSON inválido
- Preserva conteúdo original
68 - ✔️ Validador de Documentos (CPF/CNPJ)
Valida documentos brasileiros.
📋 Critérios de Aceite
▼
- CPF validado com algoritmo 11 dígitos
- CNPJ validado com algoritmo 14 dígitos
- Aceita com ou sem formatação
- Mostra resultado OK ou erro
69 - 🔐 Gerador de Senhas
Gere senhas aleatórias customizadas.
📋 Critérios de Aceite
▼
- Gera senhas com tamanho 8-32 caracteres
- Respeita opções selecionadas (maiúsc/minúsc/número/especial)
- Cada geração é diferente
- Copiar leva para clipboard
70 - 💾 LocalStorage/SessionStorage Tester
Teste persistência de dados.
📋 Critérios de Aceite
▼
- Salvar persiste dados em localStorage
- Recuperar traz dados salvos
- Limpar apaga todos dados
- Listar mostra todas as chaves
71 - 📊 Performance Metrics
Meça tempo de execução de operações.
📋 Critérios de Aceite
▼
- Botão Iniciar começa contagem de tempo
- Botão Parar finaliza e exibe tempo em ms
- Exibe tempo wall clock (milissegundos)
- Permite múltiplas medições
72 - 🌓 Alternador de Tema (Dark/Light)
Alterna entre tema escuro e claro. Preferência salva em localStorage.
Tema atual: Escuro
📋 Critérios de Aceite
▼
- Toggle alterna dark ↔ light
- Preferência salva em localStorage
- Página recarrega mantém tema escolhido
- Animação de transição suave
73 - 📥 Exportador de Dados
Exporte resultados de testes em diferentes formatos.
📋 Critérios de Aceite
▼
- Botões exportam dados em formatos específicos
- CSV com separador vírgula
- JSON com estrutura válida
- HTML com tabela formatada
- Download automático com nome timestamp
74 - 🌐 API Status 200 - Respostas Bem-sucedidas
Teste diferentes tipos de requisições HTTP (GET, POST, PUT, DELETE) com status 200 (OK), 201 (Criado) e 204 (Sem Conteúdo).
💡 Dica: Pratique verificar respostas HTTP, status codes, headers e payloads.
Use o console do navegador (F12) para análise detalhada.
📋 Critérios de Aceite
▼
- 4 botões funcionais para GET, POST, PUT, DELETE
- Cada requisição envia dados corretos para API
- Respostas são exibidas no container de resultado
- Status codes são verificáveis (200, 201, 404, etc)
- Headers e payload estão visíveis para análise
75 - 🌐 API Status 300 - Redirecionamentos
Teste respostas HTTP com status 300 (Múltiplas Escolhas), 301 (Movido Permanentemente), 302 (Encontrado) e 304 (Não Modificado).
📋 Critérios de Aceite
▼
- 4 botões funcionais para diferentes status 300
- Cada requisição retorna status code correto (300, 301, 302, 304)
- Respostas são exibidas no container de resultado
- Headers indicam redirecionamento/cache
- Validação de status codes está correta
76 - 🌐 API Status 400 - Erros do Cliente
Teste respostas HTTP com status 400 (Requisição Inválida), 401 (Não Autorizado), 403 (Proibido) e 404 (Não Encontrado).
📋 Critérios de Aceite
▼
- 4 botões funcionais para diferentes status 400
- Cada requisição retorna status code correto (400, 401, 403, 404)
- Respostas são exibidas no container de resultado
- Mensagens de erro são informativas
- Validação de status codes está correta
77 - 🌐 API Status 500 - Erros do Servidor
Teste respostas HTTP com status 500 (Erro Interno), 501 (Não Implementado), 502 (Gateway Inválido) e 503 (Serviço Indisponível).
📋 Critérios de Aceite
▼
- 4 botões funcionais para diferentes status 500
- Cada requisição retorna status code correto (500, 501, 502, 503)
- Respostas são exibidas no container de resultado
- Mensagens indicam erro do servidor
- Validação de status codes está correta
78 - 📨 CTFL Quiz - Teste Seu Conhecimento
Pontuação:
0/45
Carregando pergunta...
79 - 📚 Download Syllabus 4.0 - Português
Baixe o documento oficial Syllabus 4.0 em português. Este é o guia completo de conceitos, competências e conhecimentos em Quality Assurance.
📚 O que é o Syllabus 4.0?
O Syllabus é o documento de referência oficial que define o corpo de conhecimento para certificações ISTQB (International Software Testing Qualifications Board). A versão 4.0 representa a evolução mais recente dos padrões de teste de software.
✨ Inclui:
- ✓ Fundamentos de Teste de Software
- ✓ Técnicas de Teste e Estratégias
- ✓ Automação de Testes
- ✓ Qualidade e Métricas
- ✓ Tópicos Avançados em QA
💡 Dica: Use este documento para estudar para certificações ISTQB e aprofundar
seus conhecimentos em Quality Assurance.
80 - 🙏 Obrigado por Estar em Zion
Espero tê-lo ajudado durante esta jornada por Zion - A Realidade dos Testes.
Você explorou 78 blocos de testes, praticou seletores, requisições HTTP, automação com frameworks renomados e se preparou para certificações ISTQB.
Como está gostando de Zion? 🌟
Esta plataforma foi criada pela QAtrix Tecnologia para a Comunidade Real de QA — profissionais como você que entendem que qualidade de software não é negociável.
Se você deseja compartilhar feedback, sugestões ou experiências, use o formulário na seção 💡 Contribua e Colabore ou entre em contato via WhatsApp e Email.
Sua voz importa. Sua contribuição faz diferença.
🔴 Você tomou a pílula vermelha. Agora você vê a realidade. 🔵
Continue testando. Continue aprendendo. Continue crescendo.