Playground de Automação
Explore todas as 23 seções de desafios em uma única página. Use a navegação lateral para pular entre os desafios.
Elementos Básicos
InicianteCliques, textos, botões e elementos HTML fundamentais. Perfeito para começar.
Eventos de Clique
Teste diferentes interações de clique
Campo de Texto
Entrada de texto com limite
Seleção
Dropdown customizado
Controles
Slider e interruptor
Formulários Simples
InicianteInputs de texto, senhas, checkboxes e radio buttons básicos.
Formulário de Cadastro
Preencha todos os campos obrigatórios
Alertas e Modais
InicianteAlerts, confirms, prompts e modais customizados.
Alertas e Diálogos
Teste diferentes tipos de alertas
Checkboxes & Radios
InicianteSeleção única e múltipla, estados e grupos de opções.
Checkboxes
Seleção múltipla
Radio Buttons
Seleção única
Waits e Sincronização
IntermediárioEsperas explícitas, implícitas e condicionais. Elementos que demoram a carregar.
Conteúdo Dinâmico
Conteúdo que muda ao longo do tempo
Tabelas Dinâmicas
IntermediárioOrdenação, filtros, paginação e ações em células de tabelas.
Tabela de Dados
Tabela ordenável, pesquisável, selecionável com edição e exclusão
Como funciona
Busque usuários, ordene os dados, selecione linhas, e use os botões de Editar e Excluir.
O esperado
A tabela deve filtrar, ordenar e mostrar mensagens de sucesso/erro ao editar ou excluir registros.
| Name | Role | Status | Ações | ||
|---|---|---|---|---|---|
| João Silva | joao@exemplo.com | Admin | Ativo | ||
| Maria Santos | maria@exemplo.com | Editor | Ativo | ||
| Pedro Oliveira | pedro@exemplo.com | Visualizador | Inativo | ||
| Ana Costa | ana@exemplo.com | Editor | Ativo | ||
| Carlos Ferreira | carlos@exemplo.com | Visualizador | Pendente |
Upload de Arquivos
IntermediárioUpload único, múltiplo, drag & drop e validação de tipos/tamanhos.
Upload de Arquivo
Arraste e solte ou clique para enviar
Arraste e solte um arquivo aqui, ou
Tamanho máximo: 5MB
Dropdowns e Selects
IntermediárioSelects nativos, customizados, autocomplete e multi-select.
Select Customizado
Dropdown com opções múltiplas
Dropdown Menu
Menu com ações
Formulários Complexos
IntermediárioValidações em tempo real, máscaras, dependências entre campos.
Formulário com Validações
Máscaras e campos dependentes
Date & Time Pickers
IntermediárioSeleção de datas, horários, ranges e calendários interativos.
Seleção de Data
Date picker
Seleção de Hora
Time picker
Range de Datas
Selecione início e fim
Drag & Drop Avançado
AvançadoListas reordenáveis, Kanban boards e transferência entre listas.
Kanban Board Avançado
Arraste tarefas entre colunas - Limite de itens por coluna - Itens bloqueados
Backlog
Ideias e requisitos
Tarefa 1
highConfigurar ambiente
Tarefa 2
mediumEscrever testes
Tarefa 3
lowRevisar código
Tarefa 5
lowDocumentação
Tarefa Bloqueada
highNão pode ser movida
A Fazer
Máx: 5 itens
Tarefa 4
mediumDeploy em staging
Em Progresso
Máx: 3 itens (WIP)
Concluído
Tarefas finalizadas
Iframes & Shadow DOM
AvançadoElementos dentro de iframes e Shadow DOM encapsulado.
Iframes & Shadow DOM Avançado
Múltiplos iframes + Shadow DOM encapsulado - Navegação entre contextos
Iframe 1
Iframe 2
Shadow DOM
Testes de API REST
AvançadoGET, POST, PUT, DELETE, autenticação e validação de responses.
API REST - CRUD Completo
GET, POST, PUT, DELETE + Paginação + Tratamento de erros HTTP
Como funciona
Use os botões de GET/POST/PUT/DELETE, pagine a lista e teste o 404.
O esperado
Validar status HTTP, mensagens de sucesso/erro, atualização da lista e contador de operações.
Último Status HTTP
---
Operações Realizadas
0
POST /users - Criar Novo Usuário
Autenticação & Sessões
AvançadoLogin, logout, tokens, refresh tokens e sessões expiradas.
Autenticação Avançada
JWT + Refresh Token + 2FA + Expiração de Sessão + Rate Limiting
Fluxo de Pagamentos
AvançadoFormulários de cartão, validações de CVV, checkout completo.
Gateway de Pagamento Avançado
Múltiplas formas de pagamento + Validação Luhn + 3D Secure + Cupons
Cartao: 4242 4242 4242 4242
Nome: MICHAEL MAIA (ou qualquer nome com 3+ caracteres)
Cupons válidos: DESCONTO10, PROMO20, BLACK30
Multi-Window & Tabs
AvançadoNovas janelas, tabs, popups e comunicação entre contextos.
Multi-Window & Comunicação
Abas, popups, postMessage e LocalStorage sync
Como funciona
Abra novas abas ou popups, envie mensagens e sincronize dados via LocalStorage.
O esperado
Verificar janelas ativas/bloqueadas, log de eventos, mensagens recebidas e sync entre janelas.
Comunicação entre Janelas
LocalStorage Compartilhado
Dados sincronizam automaticamente entre janelas
Log de Eventos
Janelas
0
Mensagens
0
Recebidas
0
Conteúdo Dinâmico
ExpertElementos que aparecem/desaparecem, loading states, infinite scroll.
Conteúdo Dinâmico Avançado
Infinite Scroll + Virtual List + Lazy Loading + Polling em Tempo Real
Como funciona
A lista carrega páginas no scroll e recebe atualizações via polling em tempo real.
O esperado
Sincronizar loading, observar aumento de itens/contadores e validar fim da lista.
Itens Carregados
0
Página Atual
0
Atualizações
0
Lista Virtual de Produtos (Infinite Scroll)
Fluxo E2E Completo
ExpertJornada completa do usuário: cadastro, compra, checkout e confirmação.
Fluxo E2E Completo
Cadastro → Login → Catálogo → Carrinho → Checkout → Revisão → Confirmação
Como funciona
Complete o fluxo completo: cadastro, login, catálogo, carrinho, checkout, revisão e confirmação.
O esperado
Validar regras de formulário, estados do fluxo, logs e geração do ID do pedido.
Performance & Stress
ExpertLoad test, concorrencia variavel, throttling, cache e metricas p95.
Métricas de Performance
Medição de tempo e recursos
Como funciona
Meça performance local e rode load test com concorrência, taxa de erro, throttling e cache.
O esperado
Conferir métricas (média/p95/erros) e impacto das configurações nos resultados.
Dica: Use ferramentas como Lighthouse para métricas detalhadas de performance.
Acessibilidade (A11y)
ExpertNavegação por teclado, screen readers, ARIA labels e contraste.
Testes de Acessibilidade
ARIA, navegação por teclado e foco
Como funciona
Interaja via teclado, use aria-live e selecione opções acessíveis.
O esperado
Foco visível, anúncios no aria-live e elementos customizados acessíveis.
Este campo possui descrição ARIA
Internacionalização (i18n)
ExpertIdiomas, carregamento de locale, RTL, timezone e parsing.
Internacionalização (i18n)
Suporte multi-idioma e formatação
Como funciona
Troque locale e timezone para testar pluralização e parsing de valores.
O esperado
Textos, data e moeda mudam; parser valida formato.
Bem-vindo
Este é um teste de internacionalização
Continuar
GraphQL & WebSockets
ExpertQueries autenticadas, tabs e subscriptions com reconexao.
GraphQL API
Consultas, auth headers e subscriptions
Como funciona
Informe token, execute query e inicie subscription para receber eventos em tempo real.
O esperado
Sem token retorna erro; com token retorna dados; subscription reconecta e atualiza status.