Você está na página 1de 30

Tutorial de Utilizao do Selenium

Autora: Regina Mrcia Rodrigues

Belo Horizonte, Dezembro 2014.

SUMRIO
Lista de Figuras .............................................................................................................................. 4
1.

INTRODUO ........................................................................................................................ 6

2.

INTRODUO PARA O SELENIUM IDE ................................................................................... 6


2.1

Download e Instalao .................................................................................................. 7

2.2

Caractersticas do Selenium IDE .................................................................................... 9

2.2.1
3.

4.

5.

cRIANDO SCRIPT NO SELENIUM IDE ...................................................................................... 9


3.1

Gravando Script ............................................................................................................. 9

3.2

Executando o Script..................................................................................................... 12

3.3

Salvando Script de Teste ............................................................................................. 13

Outros Recursos do Selenium IDE ....................................................................................... 14


4.1

Configurando a Velocidade de Execuo .................................................................... 14

4.2

Definindo qual comando Executar .............................................................................. 15

4.3

Definir/Limpar Ponto de Inicio da Execuo do Script ................................................ 16

4.4

Definir/Limpar Breakpoint .......................................................................................... 17

4.5

Utilizando Procurar Boto ........................................................................................... 18

Comandos Selenium IDE ..................................................................................................... 19


5.1

7.

Tipos de comandos...................................................................................................... 20

5.1.1

Actions (Aes) .................................................................................................... 20

5.1.2

Acessors ............................................................................................................... 20

5.1.3

Assertions (Afirmaes) ....................................................................................... 20

5.2
6.

Barra de Menu....................................................................................................... 9

Comandos mais Utilizados no Selenium IDE ............................................................... 21

COMO UTILIZAR O FIREBUG PARA CRIAR SCRIPTS NO SELENIUM IDE ............................... 22


6.1

Como instalar o Firebug .............................................................................................. 22

6.2

Criando um Script de Teste utilizando o Firebug ........................................................ 23

COMO IDENTIFICAR OS ELEMENTOS DA WEB UTILIZANDO XPATH E OUTROS LOCAtors .. 25

7.1

Utilizando o ID como um Locator ................................................................................ 26

7.2

Utilizando o ClassName como um Locator ................................................................. 26

7.3

Utilizando o Name como um Locator.......................................................................... 27

7.4

Utilizando o Link Test como um Locator ..................................................................... 27

7.5

Utilizando o Xpath como um Locator .......................................................................... 28

LISTA DE FIGURAS
Figura 1 Pgina download do Selenium ..................................................................................... 7
Figura 2 Janela para Instalao de extenses e temas .............................................................. 7
Figura 3 Verificao instalao do Selenium IDE ....................................................................... 8
Figura 4 Tela Principal do Selenium IDE ..................................................................................... 8
Figura 5 Caractersticas do Selenium IDE ................................................................................... 9
Figura 6 Inserindo a URL base .................................................................................................. 10
Figura 7- Acessando comandos disponveis ................................................................................ 11
Figura 8 Exibindo primeiro comando no Selenium IDE ............................................................ 11
Figura 9 Inserindo novas linhas de comando ........................................................................... 12
Figura 10 Script completo ........................................................................................................ 12
Figura 11 Executando o Script .................................................................................................. 13
Figura 12 Resultado da execuo ............................................................................................. 13
Figura 12 Salvando o Script de Teste ....................................................................................... 14
Figura 13 Configurando a velocidade de Execuo .................................................................. 15
Figura 14 Definindo qual comando Executar ........................................................................... 16
Figura 15 Definindo Ponto de Inicio da Execuo do Script ..................................................... 17
Figura 16 - Definindo Breakpoint ................................................................................................ 18
Figura 17 Procurando Valor Alvo.............................................................................................. 19
Figura 18 Principais componentes do Script de Teste ............................................................. 19
Figura 19 Pesquisando Firebug no Firefox ............................................................................... 22
Figura 20 Abrindo o Firebug no Browser ................................................................................. 23
Figura 21- Selecionando uma etapa de Teste ............................................................................. 24
Figura 22 Criando Script a partir do Firebug ............................................................................ 24
Figura 23 - Tipos de localizadores no Selenium .......................................................................... 25
Figura 24 ID como um Locator ................................................................................................. 26

Figura 25 ClassName como um Locator ................................................................................... 27


Figura 26 Name como um Locator ........................................................................................... 27
Figura 27 Link Test como Locator............................................................................................. 28
Figura 28 - Xpath ......................................................................................................................... 29
Figura 29 Criando um Xpath ..................................................................................................... 30

1. INTRODUO

O advento da Internet e o aumento expressivo na utilizao e construo de softwares


incentivam a uma constante procura por ferramentas, tcnicas e metodologias
adequadas para a garantia da qualidade.
Dentro deste contexto uma das alternativas mais usadas e aconselhadas para
garantir a qualidade dos softwares de acordo com Myers (2004) a realizao de testes,
uma vez que, auxiliam a revelar a presena de defeitos.
Como as tendncias atuais tem mostrado que existe um movimento para
automatizar testes para facilitar a realizao de testes de regresso.
Selenium uma das mais populares sutes para automatizar testes. O Selenium
foi desenvolvido de forma a apoiar e incentivar a automatizao de testes funcionais de
aplicaes web em uma grande variedade de navegadores (browsers). O Selenium
open source e tornou-se uma das ferramentas mais aceitas no mercado atualmente.
O Selenium no apenas uma ferramenta e sim uma sute de teste que engloba
vrias ferramentas para atender diferentes requisitos e ambientes de teste.
O Selenium constitudo dos seguintes conjuntos de ferramentas:
Selenium Integraded Development Environment (IDE)
Selenium Remote Control (RC)
Selenium WebDriver
Selenium Grid

2. INTRODUO PARA O SELENIUM IDE


Selenium IDE (Integrated Development Environment) uma ferramenta
utilizada para o desenvolvimento de scripts de teste com o Selenium atravs de um
plugin para o Firefox [1], que torna o desenvolvimento dos scripts mais eficiente pelo
mtodo Record and Replay (Gravao e Execuo).

2.1 Download e Instalao

Para realizar o download do Selenium IDE v at a url http://seleniumhq.org/,


ser aberta a pgina principal do Selenium selecione a aba Download como mostra a
Figura 1. A verso utilizada neste tutorial 2.8.0

Figura 1 Pgina download do Selenium

Ao clicar na verso para o download ser exibido um popup solicitando


permisso para instalar extenses, clicar em Permitir.
Ser exibida a janela para Instalao de extenses e temas, como mostra a Figura
2. Clicar em Instalar agora

Figura 2 Janela para Instalao de extenses e temas

Depois de concluda a instalao, ser solicitada que o Firefox seja reiniciado.


Clicar no boto Reiniciar agora para refletir a instalao do Selenium IDE.
Uma vez que o Firefox reiniciado, ser possvel verificar se a instalao do
Selenium IDE foi efetuada com sucesso como mostra a Figura 3.

Figura 3 Verificao instalao do Selenium IDE

Ao clicar em Selenium IDE ser exibida a Tela Principal, como mostra a Figura
4.

Figura 4 Tela Principal do Selenium IDE

2.2 Caractersticas do Selenium IDE


Agora vamos verificar cada caracterstica em detalhe (Figura 5).

Figura 5 Caractersticas do Selenium IDE

2.2.1

Barra de Menu

3. CRIANDO SCRIPT NO SELENIUM IDE


Antes de iniciar a criao do script, vamos fazer uma breve introduo elementar
sobre o aplicativo em teste. Como amostra estar sendo utilizado o Gmail um
servio de e-mail projetado pela Google. Como j popularmente conhecido no
iremos

entrar

em

maiores

detalhes.

Estaremos

utilizando

url

https://accounts.google.com.
Todo o processo de criao do script pode ser classificado em trs etapas:
1- Gravao: o Selenium IDE grava as interaes do usurio com o navegador
e, assim, as aes so chamadas de scripts;
2- Reproduo: executa-se o script gravado de forma a verificar e acompanhar a
sua estabilidade e taxa de sucesso;
3- Salvando: uma vez que o script foi gravado e est estvel, salvamos o
mesmo para testes de regresso futuro.
3.1 Gravando Script
Vamos seguir uma abordagem progressiva e compreender o processo passo a
passo:

1- Abrir o https://accounts.google.com
2- Verificar Ttulo da aplicao
3- Digitar um nome e senha de usurio valido
4- Acionar o comando para submeter os dados informados
5- Verificar se o usurio redirecionado para a pgina inicial

Passo 1: Iniciar o Firefox e abrir o Selenium IDE


Passo 2: Digitar o endereo da aplicao em teste (https://accounts.google.com) dentro
da URL base, como mostra a Figura 6.

Figura 6 Inserindo a URL base

Passo 3: Por padro o boto de gravao est ligado (ON) . Lembre-se de liga-lo se
estiver desligado (ON), de modo a permitir a gravao.
Passo 4: Abrir a aplicao em teste (https://accounts.google.com) no Firefox.
Passo 5: Verifique se o ttulo da aplicao est correto. Para fazer isso, clique com o
boto direito em qualquer lugar da pgina exceto no hiperlink ou imagens. O boto
direito abre o contexto do Selenium IDE com a lista de comandos disponveis.
Selecione a opo Exibir todos os comandos disponveis. Ser aberto outro menu
contendo os comandos disponveis e aplicveis. Selecione o comando Assert Title
Gmail para verificar o ttulo da pgina, como mostra a Figura 7.

Figura 7- Acessando comandos disponveis

Aps que clicar na opo Assert Title, ser exibida uma etapa do teste no
Selenium IDE Editor, como mostra a Figura 8.

Figura 8 Exibindo primeiro comando no Selenium IDE

Passo 6: Entre com um usurio vlido no campo <E-mail> do Gmail


Passo 7: Entre com uma senha vlida no campo <Senha> do Gmail
Voc pode verificar que todas as aes feitas no Gmail podem ser visualizadas
no Selenium IDE Test Editor, como mostra a Figura 9.

Figura 9 Inserindo novas linhas de comando

Passo 8: Clicar no comando [Fazer Login] para completar o processo de login


O usurio ser redirecionado para a pgina do e-mail se seus dados estiverem
corretos.
Passo 9: Para concluir clicar no boto de gravao para desligar. A Figura 10 mostra o
script completo.

Figura 10 Script completo

3.2 Executando o Script


Agora que j criamos o nosso primeiro Script no Selenium IDE, vamos executlo para verificar se o mesmo est estvel. Clique no boto de reproduo, como
mostra a Figura 11.

Figura 11 Executando o Script

Aps a execuo do teste, caso todas as etapas do teste tenham sido concludas
com sucesso as mesmas estaro na cor verde, como mostra a Figura 12.
Caso alguma etapa do teste no tenha sido concluda com sucesso a mesma
estar na cor vermelha. E o painel do Teste ir marcar que a execuo falhou.

Figura 12 Resultado da execuo

3.3 Salvando Script de Teste


Depois de executado o teste e o mesmo est estvel e hora de salvar o script de
teste criado.

Para salvar o Script de Teste, clique em Arquivo na barra de Menu e selecione a


opo Salvar Teste Como.
Ser exibida uma janela para informar o diretrio onde deseja salvar o Script de
Teste e informar o Nome do Script de Teste. Vamos salv-lo como Login Gmail
Vlido. Clique no boto Salvar, como mostra a Figura 12.
Observe que o Script de Teste ser salvo no formato HTML.

Figura 12 Salvando o Script de Teste

4. OUTROS RECURSOS DO SELENIUM IDE

4.1 Configurando a Velocidade de Execuo


Ao testar aplicaes web podemos nos deparar com vrios cenrios em que uma
ao executada pode desencadear um carregamento de pgina. Nestes casos
precisamos saber como lidar com tais cenrios.
Para evitar falhas durante a reproduo durante a execuo destes cenrios o
Selenium IDE permite que a velocidade de execuo possa ser configurada. A
Figura 13 mostra onde o comando est localizado.

Figura 13 Configurando a velocidade de Execuo

4.2 Definindo qual comando Executar

O Selenium IDE permite ao usurio executar uma nica etapa do Script de Teste
sem a necessidade de execut-lo por inteiro.
Clicar com o boto direito em cima de uma linha do script, ser exibida janela
para selecionar a opo Executar Este Comando, como mostra a Figura 14. Est
opo pode ser utilizado quando desejar verificar o comportamento de uma etapa
particular do teste.
A execuo deste comando pode ser feita de outras trs formas:
1- Atravs do Menu na opo Aes
2- Utilizando a letra x no teclado
3- Duplo clique na linha

Figura 14 Definindo qual comando Executar

4.3 Definir/Limpar Ponto de Inicio da Execuo do Script

O Selenium IDE permite ao usurio definir o inicio da execuo Script de Teste


sem a necessidade de execut-lo por inteiro.
Clicar com o boto direito no editor do script, ser exibida janela para selecionar
a opo Definir/Limpar Ponto de Inicio, como mostra a Figura 15. Est opo
pode ser utilizado quando no desejar executar um Script de Teste inteiro.
A execuo deste comando pode ser feita de outras 2 formas:
1- Atravs do Menu na opo Aes
2- Utilizando a letra S no teclado

Figura 15 Definindo Ponto de Inicio da Execuo do Script

4.4 Definir/Limpar Breakpoint

O Selenium IDE permite que o usurio especifique breakpoints dentro de um


Script de Teste. Os pontos de breakpoint indicam aonde o Selenium IDE deve
pausar o Script de Teste.
Clicar com o boto direito no editor do script, ser exibida janela para selecionar
a opo Definir/Limpar Breakpoint, como mostra a Figura 16. O breakpoint deve
ser utilizado em momentos em que se deseja quebrar a execuo em blocos menores
para verificar a execuo do Script de Teste.
A execuo deste comando pode ser feita de outras 2 formas:
3- Atravs do Menu na opo Aes
4- Utilizando a letra B no teclado

Figura 16 - Definindo Breakpoint

O Selenium IDE permite ao usurio aplicar vrios breakpoints em um nico


Script de Teste. Uma vez que a primeira seo do Script de Teste executado, onde
o primeiro breakpoint foi definido. Para executar as outras etapas do Script de Teste,
o usurio obrigado a executar cada uma das etapas de forma explicita.

4.5 Utilizando Procurar Boto


Um dos aspectos mais importantes do Scripts de Teste do Selenium IDE
permitir encontrar elementos da web dentro de uma pgina Web. s vezes, h
elementos da web que tem propriedades anlogas a eles associadas, tornando-se um
desafio para o usurio identificar um elemento web de forma nica.
Para resolver esse problema, Selenium IDE fornece o boto [Procurar] que
utilizado como um localizador do valor fornecido no editor do Script de Teste para
identificar o elemento na GUI.
Para exemplificar, no Script de Teste feito anteriormente. Selecione qualquer
comando e observe o campo <Alvo>. Clique no boto [Procurar]. Note que o
elemento web correspondente foi destacado em Amarelo, como mostra a Figura 17.
Se nenhum elemento web encontrado o usurio deve corrigir o problema que seria
definir outro valor Alvo.

Assim, este procedimento garante que ao usurio a certeza sobre o valor alvo
est correta e que corresponde ao elemento certo na GUI.

Figura 17 Procurando Valor Alvo

5. COMANDOS SELENIUM IDE


Cada passo do Script de Teste no Selenium IDE pode ser dividido em trs
principais componentes: (Figura 18)
Comando: aes necessrias que precisam ser realizadas;
Alvo: elemento web para interagir
Valor: valor que precisa ser inserido no elemento web (Alvo)

Figura 18 Principais componentes do Script de Teste

5.1 Tipos de comandos


Existem trs comandos no Selenium IDE. Cada etapa do Script de Teste
abrangida por qualquer um dos seguintes comandos (os comandos sero explicados
em detalhes nas prximas sees):
Actions;
Accessors;
Assertions.

5.1.1

Actions (Aes)

Aes so comandos que alteram o estado da aplicao como clicar em links ou


botes, selecionar uma opo em um Select ou digitar uma sequncia de caracteres
em uma caixa de texto.
Aes esto disponveis em diferentes tipos. Por exemplo:

clickAndWait: comando que ir acionar um clique e parar o teste at que


o navegador tenha terminado de carregar uma nova pgina.

clickAt: comando que tambm aciona um clique, mas leva outro


argumento: a tupla X e Y que compensar a localizao real clicando por
pixels X e Y.
clickAtAndWait: combina a especificao de um deslocamento para o
local do clique e aguarda uma nova pgina para carregar.

5.1.2

Acessors

Acessors so comandos que permite ao usurio armazenar certos valores em


uma varivel definida. Estes valores armazenados podem ser posteriormente
utilizados para criar afirmaes e verificaes.
Por exemplo, storeCookies (variableName) armazena todos os cookies em uso
na pgina atual na varivel variableName . Para usar variveis armazenadas, a
sintaxe $ {} variablename.

5.1.3

Assertions (Afirmaes)

Assertions (Afirmaes) tambm so capazes de inspecionar a pgina atual, mas:


Eles so feitos para retornar um valor booleano
Este booleano representa a conformidade do elemento a um padro
pretendido
Normalmente, o padro representa o estado de um elemento.
Assertions (Afirmaes) so de trs tipos:
Assert (Afirmar): se uma afirmao falhar, teste abortado e marcado
como falhou:assertTitle (padro) falhar se o ttulo da pgina no
corresponde ao padro do argumento.
Verify (Verificar): se a verificao falhar, o teste no parar, mas um trao
ser impresso na log.
WaitFor : esses comandos pausam o teste at que uma condio seja
satisfeita ou um tempo limite atingido.

5.2 Comandos mais Utilizados no Selenium IDE


Comando

Descrio

Argumento

Open

Abre uma URL especifica no

browser
assertTitle, VerifyTitle

Retorna o ttulo da pgina

corrente e compara com o


Ttulo especificado
assertElementPresent,

Verifica/Afirma a presena de

verifyElementPresent

um elemento na pgina Web

assertTextPresent, verifyTextPresent

Verifica/Afirma a presena de

um texto dentro de uma pgina


Web
type, typeKeys,

Insere um valor especifico em

sendKeys

um elemento web

Click, clickAt,

Clica em um elemento

clickAndWait

especifico na pgina Web

waitForPageToLoad

Prepara a execuo e espera at

que a pgina esteja carregada


completamente
waitForElement

Prepara a execuo e espera at

Present

que um elemento especifico

esteja presente
chooseOkOnNext

Clica em OK ou Cancel

Confirmation,

quando a prxima caixa de

chooseCancelOn

confirmao ser exibida

NextConfirmation

6. COMO UTILIZAR O FIREBUG PARA CRIAR SCRIPTS NO


SELENIUM IDE
Firebug um Add-on do Mozila Firefox. Est ferramenta nos ajuda na
identificao ou para ser mais especifico na inspeo de elementos HTML, CSS e
JavaScript em uma pgina Web. Ela nos ajuda a identificar exclusivamente
elementos em uma pgina Web. Os elementos podem ser encontrados
exclusivamente com base em seu tipo, que ser o que iremos discutir nas prximas
sees.

6.1 Como instalar o Firebug


Inicie o Firefox, v em Ferramentas e selecione a opo Complementos e
pesquise por Firebug, como mostra a Figura 19.

Figura 19 Pesquisando Firebug no Firefox

Clicar em Instalar.
Observe que no canto direito da Barra de Ferramentas exibido o cone do
Firebug.

6.2 Criando um Script de Teste utilizando o Firebug


Ao contrrio do Selenium IDE, no Firebug, criamos Scripts de Testes
automatizados manualmente, adicionando vrias etapas de teste para formar um
Script de Teste lgico e coerente.
Vamos seguir uma abordagem progressiva e compreender o processo passo a
passo:
1- Abrir o https://accounts.google.com
2- Verificar Ttulo da aplicao
3- Digitar um nome e senha de usurio valido
4- Acionar o comando para submeter os dados informados
5- Verificar se o usurio redirecionado para a pgina inicial
Repetir os passos 1 ao 4 da seo 3.1
Passo 5: Abrir o Firebug no browser, como mostra a Figura 20.

Figura 20 Abrindo o Firebug no Browser

Passo 6: Selecionar a etapa de Teste vazia dentro do Editor de Script. Preencher


no campo <Comando> o tipo Open que abre a URL especificada no browser,
como mostra a Figura 21.

Figura 21- Selecionando uma etapa de Teste

Passo 7: Agora retorne para o Firebug no browser. Observe a tag HTML <title>.
Copie o texto encontrado entre a tag <title>. Repita o mesmo processo para os
outros campos da tela utilizando o comando [Inspect Element With Firebug], como
mostra a Figura 22.

Figura 22 Criando Script a partir do Firebug

Passo 8: Depois de criado o Script de Teste s executar.

7. COMO IDENTIFICAR OS ELEMENTOS DA WEB


UTILIZANDO XPATH E OUTROS LOCATORS

Locator (Localizador) pode ser denominado como um endereo que identifica


um elemento web exclusivamente dentro da pgina Web. Locators so propriedades
de um elemento HTML que o Selenium IDE precisa executar uma ao.
Existe uma grande variedade de elementos da web. Os mais comuns so:
TextBox
Button
Drop Down
Hyperlink
Checkbox
Radio Button
A identificao desses elementos tem sido um assunto muito complicado e,
portanto, requer uma abordagem precisa e eficaz. Desse modo, podemos afirmar que
mais eficaz o localizador, mais estvel ser o script de automao. Essencialmente
todos os comandos Selenium exige localizadores para encontrar os elementos da
web. Assim, para identificar esses elementos web necessrio entender que temos
diferentes tipos de localizadores, como mostra a Figura 23.

Figura 23 - Tipos de localizadores no Selenium

Agora vamos entender cada um melhor. Ser utilizado o nosso exemplo do


Gmail para localizar diferentes tipos de elementos web, utilizando diferentes tipos
de localizadores.

7.1 Utilizando o ID como um Locator


A melhor e o mtodo mais popular para identificar um elemento web utilizar o
ID. O ID de um elemento nico (Figura 24).
No nosso exemplo, iremos acessar o campo <e-mail> que um Textbox
presente no formulrio de login do Gmail.
1- Abra o Firefox e entre com a url https://accounts.google.com/.
2- Abra o Firebug
3- Clique no cone para inspecionar elemento com o Firebug para identificar o
elemento web
4- Passe o mouse sobre o elemento web (campo <e-mail> no nosso caso) que
deseja realizar uma ao. Pode perceber que no Firebug as tags HTML
correspondentes esto sendo destacadas

Figura 24 ID como um Locator

7.2 Utilizando o ClassName como um Locator


H apenas uma diferena sutil entre usar ID como um localizador e usando
classname como um localizador (Figura 25).
No exemplo, podemos utilizar o "Precisa de Ajuda?" Hyperlink presente na parte
inferior do formulrio de login.
1-

Clique no cone para inspecionar elemento com o Firebug para identificar

o elemento web, no nosso caso "Precisa de ajuda?".

Figura 25 ClassName como um Locator

7.3 Utilizando o Name como um Locator


O locator Name muito anlogo aos dois tipos analisados anteriormente. A
nica diferena reside na sintaxe. (Figura 26).
No exemplo, podemos iremos utilizar o campo <Senha> presente no formulrio
de login do Gmail.
1- Clique no cone para inspecionar elemento com o Firebug para identificar o
elemento web, no nosso caso "Senha".

Figura 26 Name como um Locator

7.4 Utilizando o Link Test como um Locator


Todos os hiperlinks em uma pgina web pode ser identificado utilizando o
locator Link Text. Os links em uma pgina web pode ser determinado com a ajuda
da tag HTML <a>. A tag HTML utilizada para criar os hiperlinks em uma pgina
web e o texto entre elas constitui no texto do link (Figura 27).
No nosso exemplo, iremos utilizar o acesso ao Criar uma conta presente na
parte inferior do formulrio de login do Gmail.

1- Clique no cone para inspecionar elemento com o Firebug para identificar o


elemento web, no nosso caso "Criar uma conta".

Figura 27 Link Test como Locator

7.5 Utilizando o Xpath como um Locator


XPath usado para localizar um elemento da web com base no seu caminho
XML. XML significa Extensible Markup Language e usado para armazenar,
organizar e transportar dados arbitrrios. Ele armazena dados em um par chavevalor, que muito semelhante ao HTML tags. Ambos sendo linguagens de
marcao, o XPath pode ser usado para localizar elementos HTML.
O principal em utilizar o Xpath como Locator o fato dele examinar os vrios
elementos de uma pgina web e, assim, permitir que o usurio encontre um
elemento com a referncia de outro elemento.
O Xpath pode ser criado de duas maneiras:
Xpath relativo: comea a partir da localizao atual e tem como prefixo //,
por exemplo: //span[@class=Email]
Xpath absoluto: comea a partir do caminho raiz e tem como prefixo /, por
exemplo: /html/body/div/div[@id=Email]
Importante
A taxa de sucesso de encontrar um elemento usando XPath muito alto. Junto
com a declarao anterior, XPath pode encontrar relativamente todos os elementos
dentro de uma pgina web. Assim, XPaths pode ser usado para localizar os
elementos que no tenham id, classe ou nome.

Criao de uma XPath vlida um processo complicado e complexo. Existem


plug-ins disponveis para gerar XPath, mas na maioria das vezes, o XPaths gerado
no consegue identificar o elemento web corretamente.
Ao criar XPath, o usurio deve estar ciente das diferentes nomenclaturas e
protocolos.
Exemplos Selenium XPath
XPath Checker
Criando XPath torna-se um pouco mais simples, utilizando XPath Checker.
XPath Checker um add-on para gerar automaticamente XPath para um elemento
web. O add-on pode ser baixado e instalado como qualquer outro plug-in. O plug-in
pode ser baixado a partir de "https://addons.mozilla.org/en-US/firefox/addon/xpathchecker/".
Assim que o plug-in instalado, ele pode ser visto clicando com o boto direito
na pgina web na qual deseja identifica-lo.
Clique em View Xpath para ver a expresso Xpath do elemento. A janela Xpath
Checker ser exibida em com a expresso Xpath em formato para edio permitindo
que o usurio altere, como mostra a Figura 28.

Figura 28 - Xpath

Mas reiterando o que foi dito anteriormente, na maioria das vezes o Xpath no
consegue identificar o elemento web corretamente. Sendo assim, recomenda-se criar
o seu prprio Xpath seguindo as regras e protocolos pr-definidos.

No nosso exemplo, iremos utilizar a imagem do Google presente no topo do


formulrio de login do Gmail (Figura 29).
1- No campo <Comando> selecionar a opo type e inserir no campo <Alvo> o
texto "// img [@ 'logotipo' class =]" ou seja, o valor do localizador na caixa a
meta dentro do Selenium IDE.
2- Sintaxe: XPath do elemento
3- Clique no boto Procurar. Observe que a imagem seria destacado com a cor
amarela, com uma borda verde fluorescente em torno do campo.

Figura 29 Criando um Xpath