Preenchendo Formulários com XPath

Passo a passo para desenvolvimento de um robô que abre uma página web e informa dados em um formulário utilizando o XPath

XPath é uma linguagem de consulta, utilizada para navegar em documentos xml e html (documentos que utilizam marcadores). Ou seja, ele é como um caminho ou código único dos elementos em uma página web.

Por isso, esse código é muito utilizado nas automações para capturar informações da página, escrever em um campo de formulário ou clicar em um botão.

O que você vai aprender:

• Como capturar um XPath

• Diferença entre XPath e Full XPath

• Construir um robô que informa dados num formulário na web

Utilizaremos os objetos:

• Abrir Navegador: para abrir um navegador e acessar um site

• Buscar Elementos: para capturar um campo de um formulário e preencher com algum dado

✍️Vamos ao passo a passo!

PASSO 1: Entender e capturar um XPath

Por que utilizamos o xPath?

Utilizado para entender com mais facilidade a estrutura dos sites, ou seja, como ele foi criado, se é uma lista de informações, se possui div’s, iFrames, entre outras informações que utilizamos para a automação de processos.

Qual a diferença do xPath para o Full xPath?

O xPath é o endereço do campo de forma abreviada, onde ele busca na página inteira o id mais o elemento , enquanto o Full xPath nos traz todo o caminho do elemento.

Como capturar um XPath?

Para obter o XPATH de um campo, basta clicar com o botão direito do mouse no campo que você precisa e selecionar a opção "Inspecionar". Outro caminho é utilizar o atalho F12.

Copiando um XPath

Para copiar o XPATH basta clicar com o botão direito sobre o valor inspecionado e selecionar a opção Copy > Copy XPath.

Esse é o valor a ser informado no objeto Buscar Elemento.

PASSO 2: Iniciar o Robô

A primeira coisa que queremos que o nosso robô faça é abrir um navegador web e acessar a página do Sintegra Pará (utilizada no exemplo acima).

Para isso, utilizaremos o objeto Abrir Navegador dessa forma:

Preenchimento do objeto Abrir Navegador

PASSO 3: Buscar Elemento

Depois de abrir o site, queremos que o robô encontre o campo CNPJ e digite um valor nesse campo, automaticamente.

Para isso vamos utilizar o objeto "Buscar Elementos", e nesta etapa vamos precisar do código XPath que capturamos no PASSO 1.

O preenchimento do objeto será dessa forma:

Preenchimento do objeto Buscar Elementos

Perceba que tivemos que informar 3 dados importantes no objeto.

O primeiro foi indicar o browser que nós abrimos para que o robô saiba onde trabalhar, o segundo foi o código XPath para indicar ao robô qual campo da página ele deve procurar, e o terceiro foi informar que a ação que queremos é a de digitar um CNPJ no campo.

PASSO 4: Ajustes Finais

Agora que você aprendeu como preencher dados em um formulário na web e utilizar o objeto "Buscar Elementos", poderá continuar o robô preenchendo todas as informações necessárias.

Nós vamos parar por aqui, mas antes uma dica valiosa:

Sempre que trabalhar com um navegador, lembre-se de utilizar o objeto "Fechar Navegador" no final do seu robô. O objeto elimina a instância do navegador no seu computador e evita um estouro de memória caso o robô seja executado muitas vezes em sequência.

Isso faz parte das boas práticas de desenvolvimento!

Nosso robô ficou com essa estrutura:

Estrutura final do robô

PASSO 5: A Execução

Ao executar este robô, teremos o seguinte resultado:

Resultado da execução

Download do Robô

10KB

Sintegra Paraná.roboteasy

Open

Conclusão

A utilização de XPath para trabalhar com páginas web é uma das estratégias mais utilizadas entre os desenvolvedores de robôs, por isso é tão importante aprender a trabalhar com eles. Em algumas páginas, o uso do XPath pode não ser possível, e para esses casos existem algumas outras estratégias para captura de um campo, como a utilização de ID ou nome do elemento html.

Mas isso é tema para um fórum mais avançado.

Até logo! 👏