TestExpert A sua comunidade de teste e qualidade de software

Demorei, mas voltei!!!(Risos). Peço desculpas por ter demorado tanto para escrever a segunda parte do artigo WebLOAD. Agradeço também o grande número de e-mails recebidos dos profissionais que se interessaram pela ferramenta.

Nessa segunda parte do artigo, vou apresentar um caso prático da ferramenta WebLOAD IDE para assim, todos colocarem em prática a teoria da primeira parte do artigo. Vou separar em dois artigos ainda a explicação do WebLOAD IDE e Console(Isso para que os artigos não fiquem tão longos e o profissional assim pode absorver mais não tornando a leitura cansativa):

1. Apresentação detalhada e utilização do Ambiente de Criação WebLOAD IDE(Parte 2).

2. Apresentação detalhada e utilização do Ambiente de Criação WebLOAD Console(Parte 3 - Publicação logo após a Parte 2).

WebLOAD IDE

Para fazer o teste de performance, temos que primeiramente gravar o script, para então importarmos no ambiente WebLOAD Console. Ao abrir o ambiente WebLOAD IDE, a tela abaixo é mostrada:

Clicando em Create a New Project, a seguinte tela irá abrir:

Acima é mostrado a tela principal do WebLOAD IDE. Basicamente ela está dividida em três blocos:

- Toolbox;

- Agenda Tree;

- Aba Java Script.

Na Toolbox, temos ainda três opções para deixarmos nossos scripts mais robustos e é também na Toolbox que configuramos opções para teste de performance usando alguns bancos de dados como MySQL, Oracle, etc.

- General

- Sleep

- Message

- JavaScriptObject

- Comment

- GlobalInputFile

- Try

- Catch

- Load

- Begin Transaction

- End Transaction

- SetTimer

- SendTimer

- SynchronizationPoint

- SendMeasurement

- URLScreening

- ValueExtraction

- Database

- Open DB

- Oracle Open DB

- MySQL Open DB

- Execute Command

- Fetch Data

- DB GetLine

- Oracle DB GetLine

- MySQL DB GetLine

- DB Load

- Oracle DB Load

- MySQL DB Load

Observação: Não colocarei as imagens de cada uma das funcionalidades Database porque são muitas e este é o item mais complexo e trabalhoso de ser configurado.

Nesta opção de edição, é possível também utilizar a funcionalidade "drag-and-drop", arrastando componentes(toolbox) para dentro da janela Agenda Tree.

Observação: Não será foco do artigo explicar e colocar em prática cada um desses componentes do Toolbox. Caberá ao leitor explorar essas funcionalidades.

Gravando Nosso Script

Como exemplo, utilizarei o site da empresa onde trabalho. O teste de performance será realizado com a seguinte seqüência:

1. http://www.holdti.com.br/.
2. Item Oportunidades.
3. Vou navegar do primeiro ao terceiro registro.
4. Voltar diretamente ao primeiro.
5. Clicar no menu drop-down e mostrar os cinqüenta primeiros registros.
6. Navegar do primeiro ao terceiro registro.
7. Finalizar o teste.

Note que várias variáveis estão incluídas como velocidade da rede, número de registros que serão trazidos, etc. O exemplo prático aqui adotado não leva em consideração a complexidade da aplicação, mas sim como saber usar a ferramenta de uma maneira básica e que sirva para qualquer aplicação, seja ela complexa ou não.

A gravação pode ser feita de duas maneiras: na barra de ferramentas clicando diretamente no ícone  ou pelo menu, opção Record -> Start Record.

Ao selecionar uma dessas duas opções, o IE irá abrir, porém antes a seguinte mensagem aparecerá:

Clique em OK para começar a gravação do script! Vá para a página desejada e comece a navegação.

Nota: É muito importante antes mesmo da utilização de qualquer ferramenta que o profissional saiba e entenda os conceitos básicos de teste de software, especificamente no nosso caso teste de performance. A idéia não é sair navegando em todo site para ver sua performance, mas sim realizar um estudo em que partes do site seriam mais importantes para que o cliente ou usuário não tivesse um longo tempo de resposta por parte da aplicação. É de fundamental importância a realização de uma análise crítica e de riscos para que as partes de maior relevância para o negócio sejam estressadas.

GRAVANDO ! ! !

Depois de gravada a navegação, clique no botão Stop Record, que fica ao lado do ícone já mostrado de Start Record no próprio WebLOAD IDE. A seguinte tela será mostrada no WebLOAD:

Conforme explicado no primeiro artigo, o WebLOAD IDE é um ambiente de criação e edição dos scripts, ou seja, você agora poderá deixá-los mais robustos e atender às suas necessidades em particular, como por exemplo, a inserção de mais códigos-fonte, lembrando também que o código gerado é Java Script.

O WebLOAD IDE possui dois modos de edição:

- Visual Editing Mode: Todas as interações são capturadas e gravadas e são mostradas graficamente.

- JavaScript Editing Mode: O WebLOAD IDE é totalmente flexível possibilitando a edição direta no código-fonte gerado.

Na Agenda Tree, clicando em Agenda você irá visualizar todo código-fonte na aba Java Script. No entanto, se você agora clicar somente nas páginas visitadas na Agenda Tree, somente o código-fonte respectivo àquela página será mostrado. Além disso, clicando com o botão direito ainda temos um menu de funções para atender às necessidades que venhamos a ter.

Note ainda na imagem abaixo, que o WebLOAD colocou a funcionalidade Sleep, que foi o tempo levado para passar de uma página para outra. Você poderá deixar esses Sleep´s ou deletados.

Vamos agora validar o código-fonte gerado, indo na opção Tools -> Check Syntax. A seguinte tela irá aparecer:

Como o WebLOAD gera o código-fonte automaticamente, provavelmente você não terá problemas. No entanto, será útil quando você começar a codificar em cima do código-fonte gerado.

Vamos agora rodar o script gerado pelo WebLOAD. Basta clicar no ícone  ou acessar no menu Run -> Run ou ainda usar o atalho F5. O WebLOAD pedirá para você salvar o projeto. Sugiro que você crie uma pasta somente para nosso exemplo ou use a pasta sugerida pelo WebLOAD que é a Sessions.

Você notará que na aba Java Script uma seta amarela() irá percorrer todas as linhas do código-fonte gerado. Duas novas telas irão aparecer: Execution Tree e Log View ao final do playback, conforme imagens abaixo:

Algumas opções são habilitadas na barra de ferramentas e agora vamos conhecer algumas delas. Procure pelas opções: Browser View, DOM View, HTML View, HTTP Headers View, Execution Tree e Log View.

- Browser View: A aba Browser View representa de uma maneira visual as páginas WEB da sua Agenda.

Observação: Use a Execution Tree para selecionar a página que você deseja exibir.

- DOM View: A aba DOM View mostra todos os objetos e a estrutura da página WEB mostrada no Browser View,  dando a oportunidade para você acessar os objetos não-visíveis nas camadas de repesentação das páginas. A opção DOM View aparece logo acima da aba Browser View.

Observação: Use a Execution Tree para selecionar a página que você deseja exibir.

- HTML View: A aba HTML View mostra uma prévia de cada página e frame requisitado na Agenda.

- HTTP Headers View: A aba HTTP Headers View mostra os commandos dos protocolos GET e POST HTTP. Outros commandos podem ser mostrados também, como o CONNECT.

- Execution Tree: Enquanto você executa a Agenda, o WebLOAD IDE mostra as páginas WEB acessadas na aplicação WEB na Execution Tree.

- Log View: A janela Log View mostra os erros encontrados durante o playback e informações adicionais sobre os resultados da sessão de teste. A seguinte informação pode ser encontrada:

- (!): Mostra o resultado e a severidade de cada mensagem.

- Information Message;

- Minor Error Message;

- Error Message;

- Severe Error Message.

- Time: Mostra o tempo decorrido de execução.

- Descrição: Mostra a ação de execução e informação sobre ações falhas incluindo data e hora quando a ação ocorreu.

Observação: Severidades Info Message e Minor Error não irá interromper a execução do playback. Já as severidades de alto nível como Error e Severe Error irá terminar o playback.

Após realizado esses passos, vá para a pasta que você salvou e note os seguintes arquivos criados: .WLA, .WLE, .WLP e .WLS.

Depuração no WebLOAD

O ambiente WebLOAD IDE possui um depurador integrado  com uma variedade de ferramentas que ajuda você a localizar bugs na sua Agenda. Na Agenda você poderá inserir breakpoints, step into, step over e step out.

Os comandos para depuração se encontrar no menu Run. Neste menu é possível dar inicio ao processo de depuração. As seguintes funcionalidades do WebLOAD IDE(Debugging) são mostradas abaixo:

Algumas telas são mostradas durante a depuração. O WebLOAD IDE possui muitas janelas especializadas em mostrar as informações de depuração para a sua Agenda. Essas janelas, como por exemplo, Watch, Variables e Call Stack podem ser habilitadas pelo menu View -> Debug Windows ou pela barra de ferramenta do WebLOAD IDE.

Observação: Não será foco do artigo explicar e colocar em prática cada uma das funcionalidades de depuração. Caberá ao leitor explorar essas funcionalidades.

Para um exemplo simples, após executar o código-fonte gerado pelo WebLOAD IDE, vá em Run -> Step Into ou pelo atalho F9. Note que agora o código-fonte começará a ser executado linha por linha na aba Java Script. Para ter um uso mais efetivo, configure os itens Watch e Variables para se fazer uma depuração mais precisa e você observar o comportamento de itens que você mesmo definir.

Nota: Ao fazer o download do WebLOAD, baixe também a documentação respectiva. Lá você poderá encontrar manuais completos do WebLOAD IDE, WebLOAD Console, WebLOAD Scripting Guide, WebLOAD Java Script Reference Manual entre outros. Nesses manuais voce apronfundará seus conhecimentos sobre essa ferramenta, mais detalhes de depuração e exemplos práticos de codificação no ambiente WebLOAD IDE.

Com isso, finalizamos o aprendizado da ferramenta WebLOAD IDE. Publicarei o quanto antes a Parte 3 dessa série do WebLOAD para então o WebLOAD Console analisar esse script gerado através do teste de performance.

Resumindo, nesse artigo nós aprendemos:

- Criar um novo projeto;

- Gravar um script;

- Validar o código-fonte Java Script gerado;

- Rodar o script gerado;

- Habilitar as abas DOM View, HTML View, HTTP Headers Viewer, Log Window.

- Conhecer as extensões geradas no WebLOAD IDE.

- Depurar o código-fonte gerado pelo WebLOAD IDE através das funcionalidades de depuração como executar o código passo a passo, configurar breakpoints, etc.

Espero ter ajudado a todos e fiquem de olho na seqüência dessa série com a Parte 3 em breve. Qualquer dúvida me avise para que eu possa ajudar na medida do possível no seu aprendizado da ferramenta.

Muito Obrigado e nos vemos em breve!!!! Qualquer dúvida ou informações, por favor, não deixe de me avisar.

Links de Referência:

WebLOAD - http://www.webload.org/

RadView - http://www.radview.com/

Download - http://www.webload.org/download.html

About WebLOAD - http://www.webload.org/the-webload-project.html

WebLOAD Overview - http://www.webload.org/overview.html

Key Features - http://www.webload.org/key-features.html

Demos(flash) - http://www.webload.org/demos.html

- Recording a Performance Test Script

- Editing a Performance Test Script

- Debugging and Handling Dynamic Data

Screenshots - http://www.webload.org/screenshots.html

System requirements - http://www.webload.org/system-requirements.html

-------------------------------------------------------------------------------------------------------

Fábio Martinho Campos, CBTS® CST®
CBTS - Certified Brazilian Tester in Software
CST - Certified Software Testing
Especialista em Qualidade de Software e Testes de SI/Softwares
Software Quality and SI/Softwares Test Specialist