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 navegador e permite gravar, editar e depurar os testes. 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.

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.


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).


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.


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.


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


Dica

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.


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

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. Para executar seu primeiro teste, basta pressionar o botão Play (destaque 3 da figura 3).


Figura 3 - Ferramenta Selenium IDE rodando no Cronapp

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.


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 "REC" (2) para gravar.


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.


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


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 (2) para enviar as ações para o Cronapp.

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 sejam executados na IDE, para exportar selecione o caso de teste e clique no menu indicado pelo destaque 1 da figura 5 e selecione a opção em Export.


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


Seu teste será exportado utilizando a nomenclatura do JUnit, clique em EXPORT ao final. Antes disso, verifique se o botão Modo Avançado está ativado para ter acesso ao caminho a seguir.



Figura 5.1- Exportando o caso de teste


O arquivo de Testes será exportado para a pasta src/test/java/

Execução

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


Figura 6 - Janela que exibe os resultados dos testes.


Atençã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.selenium.dev/selenium-ide/.

Nesta página