Versões comparadas

Chave

  • Esta linha foi adicionada.
  • Esta linha foi removida.
  • A formatação mudou.
Comentário: DI-2725

O Cronapp disponibilizou a integração de seu ambiente com o Selenium IDE, que é um ambiente integrado de desenvolvimento para scripts de testes automatizados. Ele é implementado como uma extensão do Chrome navegador e permite gravar, editar e depurar os testes. O   O Selenium IDE inclui o Selenium Core, permitindo que você facilmente e rapidamente possa gravar e reproduzir os testes no ambiente real que será executado.

Extensões

Antes de Começar, precisamos instalar as extensões customizadas do Cronapp em seu navegador (Chrome), para fazê-lo, siga esses passos: 

1) Primeiro faça o download da Selenium IDE em https://chrome.google.com/webstore/detail/cronapp-selenium-ide/hpcojmgahnpeomjhbehnnkemddieekmf?hl=pt-BR

2) Depois faça o download da extensão de Comunicação entre o Selenium e o Cronapp https://chrome.google.com/webstore/detail/cronapp-test-plugin/lpahmaoibbackfgjlpobipdhiejiiaem?hl=pt-BR 

Nota
titleAviso

A ferramenta integrada de testes do Cronapp só funciona em navegador Chrome.

Selenium IDE

Âncora
PreRequisito
PreRequisito

Pré-Requisitos

  1. Utilizar o navegador Chrome.
  2. Não funciona no modo anônimo do navegador.
  3. Para visualizar os arquivos gerados após criação dos casos de testes, é necessário habilitar o Modo Avançado do Cronapp.
  4. Para adicionar a extensão é necessário baixar o arquivo .ZIP do Cronapp Cronapp-Selenium_IDE-3.37.0.zip.


Informações

Sempre que a versão do Cronapp Selenium IDE for atualizada, modificaremos o arquivo *.zip acima e adequaremos essa documentação. 

Instalação da Extensão

Baixe e descompacte o arquivo da extensão informado no pré-requisito.

No navegador Chrome, clique no menu indicado pelo destaque 1 da figura, em seguida, acesse a opção Extensões e selecione Gerenciar extensões (2).


Image Added

Figura 1 - Acessando a aba de Extensões do navegador Google Chrome


Em seguida:

  1. Ativar o Modo do desenvolvedor;
  2. Clicar sobre Carregar sem compactação;
  3. Adicionar o arquivo build descompactado da pasta baixada no Pré-Requisito.


Image Added

Figura 2 - Adicionando arquivo da extensão ao navegador


Após realizar o processo acima, a extensão da última versão do Cronapp Selenium IDE já estará disponível para uso, será gerado um ID (destaque da figura 2) para ser vinculado dentro da IDE do Cronapp.


Image Added

Figura 2 - Código gerado após adicionar a extensão


Dica
titleDica

Copie o ID gerado e guarde, ele será usado a seguir dentro do Cronapp IDE.

Selenium IDE

Para utilizar o Selenium IDE no Cronapp siga os passos abaixo:

  1. Clique no botão Testar com Selenium IDE, através do botão do menu do sistema. 
  2. Insira o código gerado anteriormente pelo plugin e pressione OK.


Informações
Para garantir que tudo esteja funcionando corretamente reinicie seu navegador antes de ir para o próximo tópico.


Para abrir o Selenium IDE, clique no botão Image Removed na barra de ferramentas do Cronapp. Um teste pré configurado é disponibilizado ao criar o projeto, ele se encontra dentro da pasta A aplicação do Cronapp Selenium IDE será aberta em uma nova janela contendo um teste pré-configurado disponibilizado ao criar o projeto. Com o Modo Avançado ativado, acesse o arquivo config/test/Test.side.  Ao abrir o Selenium, esse teste é carregado e ao salvar, as modificações serão alteradas nesse arquivo.

Image Removed

Para executar seu primeiro teste, basta pressionar o botão Play (destaque 3 da figura 3).


Image Added

Figura 3 Figura 1 - Ferramenta Selenium IDE rodando no Cronapp

Gravando Testes

Gravação

Para iniciar a gravação de um teste, siga os passos abaixo.

  1. Clique sobre o botão "+" (Adicionar);
  2. Digite um nome para seu Caso de Teste, nesse caso iremos usar um exemplo de Login no Cronapp;
  3. Clique sobre o botão ADD para confirmar.


Image Added

Figura 4 - Adicionando um novo caso de teste


Para gravar o teste insira a URL (destaque 1 da Figura 4.1) do seu projeto em execução e clique no botão Image Removed. botão "REC" (2) para gravar.


Image Added

Figura 4.1 - Adicionando URL do Projeto e Iniciando Gravação


O navegador vai abrir exibindo a mensagem informando que o Selenium IDE está gravando, pode executar os testes de forma que simule o uso desejável

.

, nosso caso de exemplo seria o login no Cronapp seguindo esses passos.

  1. Clicar sobre o campo Usuário;
  2. Digitar o usuário padrão do Cronapp ('admin');
  3. Clicar sobre o campo Senha;
  4. Digitar a senha do usuário padrão do Cronapp ('admin');
  5. Clicar sobre o botão Entrar.


Image Added

Figura 4.

Image Removed

Figura 2 - Gravando o teste que será executado de forma automática posteriormente


Ao final do teste, todas Após finalizar o fluxo do seu teste, basta clicar sobre o botão de Stop da gravação (destaque 1 da figura 4.2). Todas as ações estarão gravadas na IDE, clique em Salvar para (2) para enviar as ações para o Cronapp.

Image Removed

Figura 2.1 - Teste gravado, ao salvar, o teste será salvo na plataforma Cronapp

Exportar Testes

Para executar seu caso de teste automaticamente agora, basta pressionar o botão Play (3).

Exportação

Finalizada a gravação, você pode exportar para que eles rodem sejam executados na IDE, para exportar clique no teste que gostaria e clique em Export (Figura 3). 

Image Removed

selecione o caso de teste e clique no menu indicado pelo destaque 1 da figura 5 e selecione a opção em Export.


Image Added

Figura 5 - Seleção do caso de teste Figura 3 - Seleção do projeto a ser exportado


Seu teste será exportado utilizando a nomenclatura do JUnit. Clique , clique em ExportEXPORT ao final (Figura 3.1). 

Image Removed

. Antes disso, verifique se o botão Modo Avançado está ativado para ter acesso ao caminho a seguir.


Image Added

Figura 5.1- Exportando o caso de testeFigura 3.1 - Exportação do projeto


O arquivo de Testes será exportado para a pasta src/test/java/ (Figura 3.2). 

Image Removed

Figura 3.2 - Diretório onde são armazenados os testes

Executar Testes

Execução

Para executar seus testes clique no botão Image Removed (Figura 4). 

Image Removed

, acesse o botão do Menu do sistema e clique no botão Rodar o(s) Teste(s) (Figura 6).


Image Added

Figura 6 Figura 4 - Janela que exibe os resultados dos testes.


Nota
titleAtenção

Atenção ao rodar os testes após fechar seu projeto no Cronapp, pois a URL de Debug (Ex: "https://app-19-33-47703.ide.cronapp.io/") poderá não ser mais a mesma da classe de teste *.java e poderá retornar erros por não conseguir ter acesso a aplicação.


Para saber mais sobre o Selenium IDE entre em https://www.seleniumhqselenium.orgdev/selenium-ide/docs/en/introduction/getting-started/.

Nessa Nesta página

Índice