O desenvolvimento de softwares de qualidade depende da existência de testes para garantir a consistência do que foi programado. A automação de testes é um grande aliado nesse processo. Deste modo, com o crescimento do sistema e  com a implementação de novas funcionalidades,  tem-se a <a href="https://dtidigital.com.br/blog/por-que-automatizar-testes/">garantia de que aquilo que existia anteriormente não foi impactado</a>.
<blockquote>A existência de testes que garantem a estabilidade do código é bastante comum no back-end das aplicações. Desta forma, muitos desenvolvedores já adotaram esta prática por compreender sua importância. Apesar disto, os testes na camada superior, o front-end, acabam sendo deixados de lado e não recebem a devida importância.</blockquote>
Sendo assim, quando é necessário modificar uma tela que possua um grande formulário, muito tempo é gasto para conferir se a funcionalidade original não foi impactada além do que se gasta testando se as mudanças foram executadas com sucesso.
Uma solução para este problema é a automação de testes para testar o front das aplicações. Neste cenário, surge o Selenium. Ele apresenta um conjunto de ferramentas que nos ajudam a melhorar o desempenho durante o desenvolvimento. Podemos destacar duas ferramentas principais deste conjunto: o Selenium WebDriver e o Selenium IDE.
<a href="https://open.spotify.com/show/2HyjQl5KLIAIPYR8qP5IXr?si=NaXkXl-nSduIcJhKrA978Q"><img fetchpriority="high" decoding="async" class="aligncenter wp-image-7827 size-full" title="Automação de Testes" src="https://dtidigital.com.br/wp-content/uploads/2020/05/Banner-rd-news-1-2.png" alt="" width="596" height="148" srcset="https://www.cms.dtidigital.com.br/wp-content/uploads/2020/05/Banner-rd-news-1-2.png 596w, https://www.cms.dtidigital.com.br/wp-content/uploads/2020/05/Banner-rd-news-1-2-300x74.png 300w" sizes="(max-width: 596px) 100vw, 596px" /></a>
<div id="toc_container" class="toc_white no_bullets">Sum&aacute;rio<ul class="toc_list"><li><a href="#Automacao-de-testes-com-selenium">1 Automação de testes com selenium</a><ul><li><a href="#Selenium-IDE">1.1 Selenium IDE</a></li><li><a href="#Selenium-WebDriver">1.2 Selenium WebDriver</a></li></ul></li><li><a href="#O-Selenium-alem-da-automacao-de-testes">2 O Selenium além da automação de testes</a></li></ul></div>
<h2>Automação de testes com selenium</h2>
<h3>Selenium IDE</h3>
O Selenium IDE é uma extensão presente no Chrome e Firefox que permite a criação de testes rápidos. Ele apresenta uma interface gráfica, não sendo necessário digitar nenhuma linha de código para a criação dos testes. Além disso, também permite gravar interações com a tela que podem ser reproduzidas posteriormente como testes.
Ele também possui opções para depuração que auxiliam na execução dos testes. Com isso, se apresenta uma ferramenta simples e prática, que permite o acompanhamento visual das interações com a tela, além da possibilidade de utilização de “asserts”.
<blockquote>No Chrome Web Store, esta ferramenta pode ser instalada <a href="https://chrome.google.com/webstore/detail/selenium-ide/mooikfkahbdckldjjndioackbalphokd?utm_%20source=chrome-ntp-icon">clicando </a><a href="https://chrome.google.com/webstore/detail/selenium-ide/mooikfkahbdckldjjndioackbalphokd?utm_%20source=chrome-ntp-icon">aqui</a>.</blockquote>
Na imagem abaixo está apresentado um exemplo de teste do Selenium IDE. Neste teste, a partir do google, acessa-se a página da DTI e posteriormente a página de vagas.
<figure id="attachment_5777" aria-describedby="caption-attachment-5777" style="width: 885px" class="wp-caption aligncenter"><img decoding="async" class="wp-image-5777" title="Automação de Testes" src="https://dtidigital.com.br/wp-content/uploads/2019/06/image1-1024x518.png" alt="Automação de Testes" width="885" height="448" srcset="https://www.cms.dtidigital.com.br/wp-content/uploads/2019/06/image1-1024x518.png 1024w, https://www.cms.dtidigital.com.br/wp-content/uploads/2019/06/image1-300x152.png 300w, https://www.cms.dtidigital.com.br/wp-content/uploads/2019/06/image1-768x389.png 768w, https://www.cms.dtidigital.com.br/wp-content/uploads/2019/06/image1.png 1107w" sizes="(max-width: 885px) 100vw, 885px" /><figcaption id="caption-attachment-5777" class="wp-caption-text">Selenium IDE</figcaption></figure>
&nbsp;
<h3>Selenium WebDriver</h3>
O Selenium WebDriver é uma API  (Application Programming Interface) que está disponível para várias linguagens de programação, tais como Java, C#, Ruby, Python e JavaScript. Ele permite que sejam criados testes automatizados para o front-end da mesma forma como são desenvolvidos os do back-end.
Uma característica muito interessante da ferramenta é a possibilidade de se criar testes contemplando vários navegadores diferentes, garantindo a funcionalidade do sistema em diversos ambientes. Com isso, é possível melhorar ainda mais a qualidade do que é desenvolvido e a portabilidade do código.
O programa de teste desenvolvido tem a capacidade de controlar um navegador, como o Chrome ou Firefox, e simular todas as interações do usuário com a tela. Para identificar algum dos elementos exibidos, por exemplo, pode-se passar o id, nome, classe css ou xpath do campo. Deste modo, quanto melhor o código do sistema testado, mais fácil será criar um teste. Um problema recorrente destes testes é a existência de ids repetidos numa mesma página, o que não só dificulta a execução como também é uma má prática. Outro ponto importante a ser ressaltado é que o WebDriver permite que o programador assista a simulação que está sendo executada, ou seja, uma janela do navegador escolhido é aberta, e permite que haja uma análise visual do que está sendo feito.
<blockquote>Mais informações sobre esta ferramenta e como incluí-la no projeto podem ser obtidos na <a href="https://www.seleniumhq.org/">página oficial do Selenium</a>.</blockquote>
<h2>O Selenium além da automação de testes</h2>
Além de ser utilizado para testes de tela, o Selenium pode ser muito útil quando se deseja testar o funcionamento de todo o sistema. Um exemplo prático na tribo Triforce é a existência de um formulário que possui mais de 40 campos em um dos sistemas do nosso Squad Empresarial. A cada nova implementação era necessário preencher manualmente este formulário, tomando cerca de 5 a 10 minutos para os casos mais complexos. Com a automação gerada, após a criação do roteiro de preenchimento do formulário, está sendo possível preenchê-lo em menos de 1 minuto. Esta automação de testes proporcionou um ganho significativo para a produtividade da equipe.
Esta ferramenta possui, ainda, diversas aplicações práticas que podem acelerar o dia-a-dia do desenvolvedor, como, por exemplo, em um apontamento automático de horas.
Ao passo que apresenta uma enorme gama de possibilidades, a utilização do Selenium é extremamente simples. Com apenas alguns minutos, é possível criar pequenas POCs de aprendizado para, posteriormente, passar a utilizar a ferramenta em sistemas reais, alcançando ganhos palpáveis em um pequeno espaço de tempo.
&nbsp;

Chegou o momento de impulsionar os resultados da sua empresa! Para entrar em contato com a gente, clique no botão abaixo e preencha o formulário.

Automação de Testes de Front-End com o Selenium

One-stop shop em tecnologia

Confira outros artigos