🚀 Domine negócio, desenvolvimento e qualidade de software para se destacar no mercado.
Como Automatizar Campos de Texto e Assinaturas Digitais (Canvas) com Selenium e Java
Aprenda a automatizar campos de texto e assinaturas digitais em elementos Canvas utilizando Selenium WebDriver e a classe Actions no Java. Tutorial com código prático.
Jackson
3/20/20261 min read
Você já se deparou com um formulário que, além dos campos tradicionais, exige uma assinatura digital feita à mão? Automatizar campos de texto é o "beabá" do QA, mas quando chegamos no elemento <canvas>, as coisas ficam interessantes.
Neste post, vou te mostrar como preencher um nome completo e como "desenhar" uma assinatura usando a classe Actions do Selenium.
O Desafio do Elemento Canvas
Diferente de um input comum, onde usamos apenas o .sendKeys(), o campo de assinatura geralmente é um Canvas HTML5. Ele não recebe texto; ele recebe coordenadas de movimento do mouse. Para interagir com ele, precisamos simular o processo humano: clicar, segurar, mover e soltar.
1. Preparando o Ambiente (HTML de Exemplo)
Para este tutorial, utilizaremos um formulário de contrato simples. O ponto chave aqui são os IDs dos elementos:
Nome Completo: id="nome"
Área de Assinatura: id="signatureCanvas"
2. A Solução em Java
Abaixo, o código completo da automação. Note como utilizamos a classe Actions para coordenar os movimentos do mouse dentro do canvas.
