TESTES DE FRONT-END

SELENIUM
Selenium – Visão Geral
❑ O selenium é um projeto código aberto
financeiras e principalmente de tempo
multiplicam esforços fortalecendo uma
mais em número de usuários e empresas
que possui apoio de doações
de vários voluntários que
comunidade que cresce cada vez
envolvidas.

❑ Apesar de ser usado substancialmente para testes de front-end em sites,

suas interfaces são cada vez mais presentes em outros aplicativos,
incentivando sua composição com outras bibliotecas.

TESTES DE FRONT-END
Selenium – Visão Geral
❑ O Selenium não é só uma ferramenta ou API, mas sim uma composição de
várias ferramentas. As mais famosas são:

❑ WebDriver: APIs de automação de navegadores simula um usuário real ao

sistema.

❑ IDE: Um ambiente de desenvolvimento integrado, uma extensão Chrome ou

Firefox onde o testador pode escrever livremente seus casos de testes
de maneira simples e intuitiva.

❑ Grid: Testa diferentes navegadores, máquinas e ou sistemas operacionais

diferentes remotamente.

TESTES DE FRONT-END
Selenium – Visão Geral
❑ O Selenium pode ser utilizado como uma extensão do navegador ou como
uma API para automatização de testes de sistemas. Permitindo ao
testador reproduzir ações através de scripts ou por interfaces
gráficas.

❑ O WebDriver pode manipular o navegador como se fosse um usuário, tanto

localmente quanto utilizando máquinas remotas.

❑ Algumas vantagens do WebDriver:

❑ Manipula o navegador de forma eficaz;

❑ É uma API compacta orientada a objetos;
❑ Suporta automação dos principais navegadores do mercado;
❑ É projetado como uma interface de programação simples e concisa.
❑ O Selenium WebDriver é uma recomendação W3C(World Wide Web Consortium).

TESTES DE FRONT-END
Selenium – Máquina de Teste
❑ WebDriver é uma API e protocolo que define uma interface de linguagem
neutra para controlar o comportamento dos navegadores web.

❑ Cada navegador é apoiado por uma implementação WebDriver específica,

chamada de driver.

❑ O driver é o componente WebDriver responsável por delegar "poderes" ao

navegador, e lida com a comunicação do Selenium com o navegador.

WEB DRIVER DRIVER BROWSER

TESTES DE FRONT-END
Selenium – Preparando o Ambiente
❑ Para trabalharmos com esses drivers, precisamos observar algumas
questões importantíssimas, são elas:

❑ O ambiente de testes (Sistema Operacional);

❑ A biblioteca da linguagem de programação;

❑ Os binários WebDriver específicos para o navegador ao qual pretendemos

realizar a automatização dos testes;

❑ Para nossos testes, iremos utilizar o Sistema Operacional Microsoft

Windows 10, JavaScript como linguagem de programação e executaremos a
automatização dos testes no browser Chrome da google.

TESTES DE FRONT-END
Selenium – Instalando a biblioteca
❑ Para trabalharmos com esses drivers, precisamos observar algumas
questões importantíssimas, são elas:

❑ O ambiente de testes (Sistema Operacional);

❑ A biblioteca da linguagem de programação;

❑ Os binários WebDriver específicos para o navegador ao qual pretendemos

realizar a automatização dos testes;

❑ Para nosso teste, iremos utilizar o Sistema Operacional Microsoft

Windows 10, JavaScript como linguagem de programação e executaremos a
automatização dos testes no browser Chrome.

TESTES DE FRONT-END
Selenium – Instalando a biblioteca
❑ No terminal, navegue até o local onde deseja criar seus projetos de
teste e crie um diretório digitando o seguinte comando:

❑ mkdir pastaDeTeste

❑ cd pastaDeTeste

❑ npm install selenium-webdriver

TESTES DE FRONT-END
Selenium – Instalando a biblioteca
❑ No terminal, navegue até o local onde deseja criar seus projetos de
teste e crie um diretório digitando o seguinte comando:

TESTES DE FRONT-END
Selenium – Drive de Navegadores
❑ Cada navegador possui seu driver, portanto, não se esqueça de baixar o
específico para o navegador que você pretende testar.

❑ Verifique a versão do seu navegador clicando nos três pontinhos do

navegador > Ajuda > Sobre.

❑ Agora acesse o link chromedriver.storage e baixe o arquivo compatível

com a versão do seu navegador.

❑ Descompacte o arquivo e envie para o diretório raiz do seu projeto.

TESTES DE FRONT-END
Selenium – Variável de ambiente
❑ Na janela de Variáveis do Sistema, dê um duplo clique na opção Path, ou
selecione e clique no botão Editar. Clique e em seguida digite o
caminho do diretório raiz que você salvou no drive.

TESTES DE FRONT-END
Bons estudos!

TESTES DE FRONT-END