Automação de testes com

Selenium IDE

Automação de testes com Selenium IDE | 1

Selenium-IDE

É uma ferramenta usada para automatizar casos de

teste.

É adicionada ao FireFox como um plug-in.

Fácil de usar.

Não exige conhecimentos de uma linguagem de

programação especifica.

Automação de testes com Selenium IDE | 2

Permite gravar, abrir , reproduzir e editar scripts de
teste.

Permite salvar os scripts gravados para uso

posterior.

Permite exportar os scripts no formato de varias

linguagens de programação
­ C#,
­ Python
­ Java(Junit)
­ Ruby

Automação de testes com Selenium IDE | 3

Abrindo o Selenium IDE

Automação de testes com Selenium IDE | 4

Automação de testes com Selenium IDE | 5
Automação de testes com Selenium IDE | 6
Características do Selenium IDE

Automação de testes com Selenium IDE | 7

 Barra de menus

Na barra de menus estão concentradas varias funções da IDE.

Arquivo: Criar, abrir, salvar e exportar casos de teste e suites de
teste.

Editar: (funções para alterar um caso de teste) desfazer, refazer,

copiar, colar, excluir, selecionar, inserir comentário e inserir
comando.

Opções: Permite alterar configurações da IDE.

Automação de testes com Selenium IDE | 8
 Barra de ferramentas

Controle de velocidade
Executa um único caso
de teste

Executa o conjunto de testes inteiro

quando um conjunto de testes com vários
casos de teste é carregado.

Automação de testes com Selenium IDE | 9

 Barra de ferramentas

Depuração
Grava todas as ações
executadas no browser e
transforma em script

Permite pausar e reiniciar um caso de teste

em execução.

Automação de testes com Selenium IDE| 10

 Barra de ferramentas

“Aplicar as regras Rollup: Este recurso avançado permite que

seqüências repetitivas de comandos Selenium sejam agrupadas
em uma única ação. Documentação detalhada sobre as regras de
agregação podem ser encontradas na documentação UI-Element
no menu Ajuda.”
(não é alvo deste curso)
Automação de testes com Selenium IDE| 11
 Painel do caso de teste

Seu script é exibido no painel de caso de teste. Ele tem duas guias,
uma para exibir o comando e seus parâmetros em um formato de
"mesa" legível.
Automação de testes com Selenium IDE| 12
 Painel do caso de teste

A guia - Fonte exibe o caso de teste no formato nativo : HTML, mas

pode ser alterada para uma linguagem de programação como Java ,C #,
ou uma linguagem de script como Python.
Automação de testes com Selenium IDE| 13
 Painel do caso de teste

Os campos Comando, Target (alvo) e Value (valor) exibem um

comando selecionado na tabela, juntamente com seus parâmetros. Estes
permitem edição.

Automação de testes com Selenium IDE| 14

 Log / Painel de Referência / UI-Element / Rollup

Mensagens

Quando você executa o seu caso de teste, mensagens de erro e

mensagens de informação mostrando o progresso são exibidas neste
painel automaticamente representando um log da execução.

O botão Limpar serve para limpar o registro.

O botão Informações é um drop-down que permite a seleção de

diferentes níveis de informação de log.
Automação de testes com Selenium IDE| 15
 Log / Painel de Referência / UI-Element / Rollup

Reference:

Mostra informações de um comando que tiver sido selecionado na

tabela de execução do selenium. Serve como um guia de consulta
rápida. Porém é menos detalhada que a documentação.

Automação de testes com Selenium IDE| 16

Construindo e Executando
Casos de Teste

Automação de testes com Selenium IDE| 17

Gravação

Já abre
habilitado

Automação de testes com Selenium IDE| 18

Execução

Executar

Automação de testes com Selenium IDE| 19

 Exercício

1) Gravar um script de teste que abre a pagina do google e faz

uma busca pela palavra DDD.
2) Executar o Script gerado.
3) Verificar o script gerado e salva-lo com o nome Exercicio01.
4) Verificar o código fonte na aba Código-Fonte.
5) Verificar as referências para cada comentário na aba
Reference.
6) Crie um script que abre a pagina da Receita federal
(http://www.receita.fazenda.gov.br) e verificar se o texto a
seguir encontra presente: +Opções de Busca Avançada

Automação de testes com Selenium IDE| 20

 Exercício

7) Rode o caso de teste e verifique o resultado da execução.

8) Altere a velocidade da execução para verificar a influência no
resultado.
9) Rode o caso de teste mas mude o valor procurado para
+Opções de Busca Avançadas
10) Adicione o comando para abrir a pagina do google após a
verificação anterior.
11) Acrescente comentários para os comandos criados
12) Salve o caso de teste.
13) Feche o Selenium IDE.

Automação de testes com Selenium IDE| 21

 Exercício

14) Abra novamente o Selenium IDE.

15) Na aba arquivo Reabra o caso de teste salvo e execute.
16) Exporte o caso de teste para o formato JUnit3(Remote
Control).
17) Abra os arquivos com um editor de texto e veja o conteúdo.
18) Voltar ao caso de teste aberto no selenium e mudar o ponto de
inicio do caso de teste.
(Clica em cima de uma linha de comando com o botão direito
e seta Definir/Limpar Ponto de Inicio).
19) Executar o caso de teste novamente e verificar o
comportamento.

Automação de testes com Selenium IDE| 22

 Exercício

20) Executar o script sem usar o botão de executar.

( Dois clique sobre cada comando faz com que apenas aquele
comando seja executado).
21) Abra todos os casos de teste gerados nos exercícios anteriores
e execute todos de uma vez. ( Usar o botão execute All).

Automação de testes com Selenium IDE| 23

Usando URLs para executar
Casos de Testes

Automação de testes com Selenium IDE| 24

Url de partida para o caso A barra indica que a URL
de teste se voce estiver será relativa a URL Base
usando URL relativa.

Automação de testes com Selenium IDE| 25

 Mesmo com a URL Base
Url de partida para o caso setada se for escrito a URL
de teste se voce estiver alvo, será aberto o recurso
usando URL relativa. indicado pela url absoluta.

Automação de testes com Selenium IDE| 26

Sintaxe dos Scripts

Automação de testes com Selenium IDE| 27

Sintaxe dos scripts

Os scripts do Selenium IDE são um conjunto de comando escritos em

sequência. A sintaxe dos comandos é bastante simples:

1)Cada comando é formado pelo nome do Comando e até dois

Parâmetros (informações auxiliares)
2)Os parâmetros nem sempre são necessários, dependendo do
comando usado.

Automação de testes com Selenium IDE| 28

Sintaxe dos scripts

1) Comando: é a ação propriamente dita que

será realizada e pode ser escolhida como na
figura ao lado. Dessa forma é possível editar
scripts mudando ou adicionando comandos
ou criar os scripts inteiros por comandos.

Automação de testes com Selenium IDE| 29

Sintaxe dos scripts

2) Alvo: é um valor , variável ou elemento

contra o qual se realizará alguma ação ou
teste. No exemplo ao lado a ação de abertura
será realizado sobre o alvo http://google.com

Alvo
Automação de testes com Selenium IDE| 30
Sintaxe dos scripts

3) Valor: é um valor auxiliar que será usado

para ajudar na execução da ação,
provavelmente para alguma validação. No
exemplo ao lado será verificado se no titulo
da pagina o texto existente é o informado na
opção valor.

Automação de testes com Selenium IDE| 31

Comandos comumente
utilizados

Automação de testes com Selenium IDE| 32

 Comandos comumente utilizados
open:
Abre uma página usando uma URL.

click/clickAndWait:
Realiza uma operação de clique e, opcionalmente, aguarda por
uma nova página para carregar.
verifyTitle/assertTitle:
verifica um título da página que o esperado.
verifyTextPresent:
verifica texto esperado está em algum lugar na página.
verifyElementPresent:
verifica se um elemento HTML está presente na pagina baseado
em sua tag.

Automação de testes com Selenium IDE| 33

 Comandos comumente utilizados
verifyText:
verifica texto se esperado em uma determinada tag HTML estão
presentes na página.
verifyTable:
verifica conteúdo esperado de uma tabela.
waitForPageToLoad:
interrompe a execução até que uma nova página espera cargas.
Chamado automaticamente quando clickAndWait é usado.
waitForElementPresent:
interrompe a execução até que um elemento UI esperado,
conforme definido pelo seu tag HTML, esteja presente na página.

Automação de testes com Selenium IDE| 34

Verificando elementos da página

Automação de testes com Selenium IDE| 35

 Verificando elementos da página
Verificação de elementos de pagina é uma ação comum em testes
automatizados com Selenium IDE.

Existem múltiplas formas de verificação de elementos da interface com

Selenium IDE. É importante definir o que vai testar para usar a técnica
correta.

Exemplos de verificações possíveis:

Um elemento está presente em algum lugar da página?

Um texto específico está em algum lugar na página?

Um texto específico em um local específico na página?

Automação de testes com Selenium IDE| 36
Verificando elementos da página

Automação de testes com Selenium IDE| 37

Assertion ou Verification?

Automação de testes com Selenium IDE| 38

 Assertion ou Verification?

Assertion: Para o script se ocorrer alguma falha.

Verification: Não para a execução do script

mesmo se ocorrer alguma falha.

Automação de testes com Selenium IDE| 39

 Exercício

22) Criar um script com o modo de gravação desativado e que

tem como URL base (http://www.receita.fazenda.gov.br).
23) O script acessará a pagina da receita e verificará (verify) se o
texto “Política de Privacidade e Uso” encontra-se presente na
página.
24) Após isso o script abrirá a URL do Google.
25) Execute o script e veja o comportamento.
26) Altere o texto acrescentando um “s” no final.
27) Rode novamente o Script e verifique o comportamento.
28) Altere o script mudando a verificação do texto para assertion.
29) Execute o script e verifique o resultado.

Automação de testes com Selenium IDE| 40

 Exercício

30) Executar um click sobre o elemento de link: Restiuição IRFF.

31) Verifique se um determinado elemento css está presente na
pagina.
32) Retorne à pagina anterior
33) Acesse a pagina do google.
34) Crie um novo script que acessa a tela de login do RQM e faz
o login com sucesso
35) Execute o script.
36) Altere o script para que o login seja executado sem sucesso.
37) Verifique se uma mensagem para o usuário é exibida.

Automação de testes com Selenium IDE| 41

Localizando elementos da
página

Automação de testes com Selenium IDE| 42

 Localizando elementos da pagina
Para auxiliar nessa tarefa pode ser usada a
ferramenta web chamada Firebug

O Firebug é uma extensão para o Mozila

FireFox que adiciona ao navegador
inúmeras ferramentas para facilitar a
tarefa de desenvolvimento de páginas
web. Ele possibilita a identificação e
eliminação de erros de programação,
edição e também o monitoramento de
CSS, HTML e JavaScript presentes em
qualquer página da internet.

Automação de testes com Selenium IDE| 43

 Localizando elementos da pagina
Com o Firebug instalado é possível solicitar a
inspeção de um determinado elemento da
página. Isso fará com que o Firebug mostre
informações detalhadas sobre o elemento.

Automação de testes com Selenium IDE| 44

Localizando elementos da pagina

Automação de testes com Selenium IDE| 45

 Localizando elementos da pagina
Por ID:
Elementos dentro de uma página HTML podem ser localizados pelo
atributo Id.
Por Nome:
Será retorna do o primeiro elemento com o nome desejado que existir
dentro da página.

Automação de testes com Selenium IDE| 46

 Localizando elementos da pagina
Mais opções de localização são possíveis com o auxilio do Firebug,
como caminho CSS e XPath. Além disso pode ser usado para apoiar
outras ações.

Automação de testes com Selenium IDE| 47

Comando andWait

Automação de testes com Selenium IDE| 48

 Comando andWait
A diferença entre um comando e sua alternativa AndWait é que o
comando regular (por exemplo, clique em) vai fazer a ação e continuar
com o seguinte comando tão rápido quanto ele puder.

Enquanto a alternativa AndWait (por exemplo, clickAndWait) diz ao

Selenium esperar para a página carregar após a ação ter sido feita.

A alternativa AndWait é sempre utilizado quando se deseja esperar por

algo que está em uma nova pagina e não na página corrente ou por um
elemento que existirá após um refresh na página atual.

Automação de testes com Selenium IDE| 49

Gravando comandos e variáveis
do Selenium

Automação de testes com Selenium IDE| 50

 Gravando comandos e variáveis
Comandos: Podem ser gravados no script como record ligado e
também com o record desligado, basta clicar sobre o elemento
com o botão direito e escolher um dos comandos disponiveis
para aquele elemento.

Automação de testes com Selenium IDE| 51

 Gravando comandos e variáveis
Gravando variáveis: Valores podem ser guardados para uso futuro
dentro do próprio script. O comando Store será usado para
isso.

Automação de testes com Selenium IDE| 52

 Gravando comandos e variáveis
Dar nome para a variável a ser criada.

Automação de testes com Selenium IDE| 53

 Gravando comando e variáveis
Visualização da variável criada na tabela do Selenium

Automação de testes com Selenium IDE| 54

 Gravando comandos e variáveis
Para usar o valor armazenado da variável, coloque-a entre chaves ({})
e preceda-o com um cifrão como abaixo.

Ex:
${textoPesquisaGoogle}

Automação de testes com Selenium IDE| 55

Debugando

Automação de testes com Selenium IDE| 56

 Debugando
Selenium permite definir pontos de parada ( breakPoints) e executar as
ações passo acompanhando através do botão debug.

Automação de testes com Selenium IDE| 57

 Botão debug
(passo a passo) Debugando
BreakPoint

Botão Reiniciar
(Continua até o
fim do script)

Automação de testes com Selenium IDE| 58

Suites de Teste

Automação de testes com Selenium IDE| 59

 Suites de teste
Suite no Selenium IDE é um tipo de arquivo que não tem
comandos, apenas faz referência a um conjunto de scripts de
teste.

Automação de testes com Selenium IDE| 60

 Suites de teste
É um XML contendo links para arquivo de scripts de teste

Automação de testes com Selenium IDE| 61

 Referências
http://seleniumhq.org/docs/02_selenium_ide.html

http://release.seleniumhq.org/selenium-
core/1.0.1/reference.html

http://www.eliasnogueira.com/arquivos_blog/sele
nium/desafio/1desafio/

Automação de testes com Selenium IDE| 62