Lero Lero – Form Filler
Faz quase 10 anos que criei a primeira extensão Lero-Lero para o Chrome.
Em 2016 a necessidade era simples: durante o desenvolvimento de sistemas eu precisava preencher campos de texto, principalmente observações, e queria algo um pouco mais agradável do que ficar copiando Lorem Ipsum.
Foi daí que surgiu a extensão que gerava lero-lero diretamente no campo selecionado. Inclusive já contei um pouco dessa história no post Lero-Lero no Chrome.
A extensão original continuou funcionando e sendo útil durante todos esses anos, mas a forma como eu testo aplicações mudou bastante.
Mais recentemente eu vinha usando algumas extensões que conseguem gerar nomes, e-mails, telefones e outros dados fictícios para campos isolados.
Funcionava, mas comecei a sentir falta de algo mais direto: abrir uma página de teste, clicar em um botão e ter o formulário inteiro preenchido automaticamente.
Também queria conseguir salvar configurações específicas para as páginas que uso repetidamente durante o desenvolvimento.
Foi daí que surgiu o Lero Lero – Form Filler.
Smart Fill
A principal funcionalidade é o Smart Fill.
A extensão analisa os campos do formulário e tenta entender o que cada um representa usando informações como tipo do campo, name, id, label, autocomplete, placeholder e atributos de acessibilidade.
A partir disso, escolhe automaticamente um gerador adequado para nomes, e-mails, telefones, empresas, endereços, números, datas e textos de teste.
Em vez de preencher campo por campo, a ideia é simplesmente clicar em Fill form e deixar a extensão cuidar do restante.
Profiles por página
Outra coisa que eu queria desde o início eram os profiles.
Algumas páginas de teste são usadas várias vezes e nem sempre quero o mesmo comportamento para todos os campos. Em uma tela posso querer, por exemplo:
- deixar alguns campos no Smart Fill;
- usar um gerador específico em outro;
- colocar um valor fixo;
- usar um template;
- ou simplesmente ignorar determinado campo.
O Form Filler permite salvar essas regras em profiles associados à página ou URL.
A edição Free permite manter até três profiles locais.
Também existe um editor visual que detecta os campos da página e facilita a configuração das regras sem precisar escrever os seletores CSS manualmente.
Templates e textos
A ideia original do Lero-Lero também continua presente.
Além dos geradores de dados fictícios, a extensão consegue gerar textos em diferentes estilos e possui templates simples para valores que aparecem bastante durante testes.
Por exemplo, uma data relativa:
{{ today + 5d | date:"DD/MM/YYYY" }}
Os templates são processados por uma sintaxe controlada e não executam JavaScript arbitrário.
Local primeiro
A versão Free foi feita para funcionar localmente no navegador.
Ela não possui backend, analytics, publicidade ou rastreamento. Profiles, configurações e templates ficam no próprio Chrome, e os dados fictícios são gerados localmente.
A ideia continua sendo resolver aquele problema bem simples do desenvolvimento:
Preciso preencher esse formulário de novo.
Só que agora, em vez de sair digitando teste, asdf e 123 em vários campos diferentes, dá para preencher praticamente tudo de uma vez. 😄
Chrome Web Store
O Lero Lero – Form Filler está disponível na Chrome Web Store:
A antiga ainda faz exatamente aquilo para o qual foi criada quase dez anos atrás: gerar um bom e velho lero-lero em um campo.
A nova nasceu da mesma ideia, mas adaptada para o tipo de formulário e fluxo de desenvolvimento que uso hoje.