Arquivo da tag: testes web

Criando Mapas Mentais para planejamento de testes

Primeiramente, gostaria de começar este artigo dando uma prévia sobre os mapas mentais. Segundo o wikipédia, Mapa mental é o nome dado para um diagrama, voltado para gestão de informações. Um mapa mental pode nos ajudar para os estudos, armazenar idéias, auxiliar na criação de manuais e também para a organização de nossos Casos de Testes!

Existem vários programas que auxiliam-nos na criação, dentre eles gratuitos e pagos. Para escolher o seu basta ver de acordo com sua necessidade. Atualmente uso a versão gratuita do Xmind e a única coisa que sinto falta é de poder gerar um PDF dos meu mapas (coisa que a versão paga faz). Se você tiver interesse em ver vários exemplos de Mapas Mentais, basta dar uma “googleada”.

A idéia de usar os mapas mentais surgiu de acordo com a minha necessidade atual, quando comecei a trabalhar com a Metodologia Scrum. Conheci os mapas mentais através de outros amigos da área que trabalham com testes e logo me interessei pela simplicidade.

Diferente de um Caso de testes, onde crio um passo-a-passo para realizar um teste, no mapa mental, escrevo alguns itens que me lembre sobre o que deve ser validado. Se preferir, colocar alguns itens do critério de Aceite podem ajudar também.

A organização pode ser feita como você desejar. Se você estiver trabalhando com SCRUM você pode criar um mapa mental para cada estória, sendo os itens principais cada task de testes. Para cada task, podemos descrever o que deve ser validado.

Para simplificar, veremos um exemplo abaixo, que trata sobre os testes de compatibilidade nos navegadores:

Como podemos ver, na imagem acima coloquei somente o que devo me lembrar para fazer os testes de compatibilidade, onde inclui os nomes dos navegadores.

É possível incluir imagens e símbolos nos mapas mentais que ajudam no controle dos testes. Neste caso, os símbolos com o V em verde, são os testes que já realizei, enquanto os X estão pendentes. Com o símbolo de exclamação, uso-o para identificar que ocorreu um problema, precisei abrir um bug para ele.

Podemos também utilizar para colocar regras de Negócio, validação de Campos, conforme exemplo abaixo:

Na imagem acima, para a primeira task cito todos os campos da página para validação e na segunda task, algumas regras para validação. Uma outra abordagem que poderia ser feita é escrever em forma de Ação>Reação, não seria bem um ponto de Ação e Verificação como em um caso de testes, mas uma coisa mais ampla como: 1. Realizar Compra com Cartão de Crédito Válido>Sistema confirma o pedido e envia e-mail ao cliente informando os dados da compra.

Vejo o uso dos mapas mentais uma alternativa interessante, porém devem ser avaliados de acordo com a situação e a necessidade de cada um. Falo isso como por exemplo no meu caso, onde não preciso ter que necessariamente criar casos de testes, e não preciso ficar evidenciando todos os passos que executo quanto estou realizando meus testes.

Avalie, experimente e se quiser teste esta maneira de mapear seus testes, quem sabe ajude com o seu dia-a-dia!

Abraços e até a próxima!

Vinicius Sabadoti

Obs: Nesta última imagem acabou saindo a primeira também no slide, infelizmente não consegui arrumar no WordPress. Toda vez que insiro mais de uma imagem ele acaba fazendo isso.  Se alguém souber como acertar dá um dica! Valeu ; )

27/02/2011 – Atualizando:

Pessoal estou atualizando o post e inserindo mais duas opções de programas para criação de mapas Mentais. Agradeço ao Maurício e ao Lucas pelas dicas de outros programas:

Freemind: http://freemind.sourceforge.net/wiki/index.php/Main_Page

MindMeister: http://www.mindmeister.com/pt

Anúncios

Extensões para auxiliar os Testes em Software Web

Olá pessoal, neste post gostaria de compartilhar algumas extensões que conheço e que podemos utilizar para o nosso dia-a-dia em testes de sistema Web.

São extensões para os navegadores Firefox e Chrome, que você pode instalar facilmente em seu navegador. Infelizmente
algumas extensões para o Firefox até o momento em que escrevo não funcionam para a última versão (6.0). Mas mesmo assim acho interessante listar pois muitas vezes em nossos testes não podemos utilizar a versão atual do Firefox (o que acontece no meu caso, por exemplo).

Segue abaixo a minha lista:

1. Gerador de CPF e CNPJ.

Para quem utiliza CNPJ e CPF em seus testes muitas vezes precisa ficar sempre acessando um site específico para gerar estes tipos de dados. Com este aplicativo é possível inserir com apenas um clique o CPF/CNPJ.

Após a instalação, a extensão adiciona um ícone no canto inferior direito do navegador (versão Firefox). Quando você desejar informar um CNPJ, basta escolher o campo desejado e clicar com o botão direito do mouse em cima do ícone. Para incluir o CPF basta fazer o mesmo procedimento, porém clicando com o botão esquerdo em cima do ícone.

Caso você não tenha selecionado um campo, o sistema exibe um pop-up com o CPF ou CNPJ conforme clicado pelo usuário.

Para a versão do Chrome, a extensão fica instalada do lado da barra de endereços do navegador e você pode clicar sobre o ícone e é apresentado uma caixa com as opções de CPF ou CNPJ. Você pode também clicar com o botão direito do mouse sobre o campo que deseja incluir o valor e escolher a opção desejada.


Firefox: https://addons.mozilla.org/pt-BR/firefox/addon/gerador-de-cpf-e-cnpj/
(Segundo o site as versões que suportam esta extensão são: Firefox 3.0 – 3.6)

Chrome:

https://chrome.google.com/webstore/detail/ieifkajhcbdlbmmjkbmpomooeepmciin

2. Selenium Expert (Selenium IDE)

Se você precisa preencher algum formulário simples esta extensão pode te ajudar bastante. Para usar, você deverá primeiro apertar o botão que simboliza o REC que conhecemos e preencher o formulário conforme desejado. Após o terminar o preenchimento dos campos basta clicar novamente no ícone para que deixe de gravar as suas ações. Após terminar a gravação, basta acionar o Play quando desejar preencher novamente o formulário.

O que achei ruim deste aplicativo é que muitas vezes ele não identifica o campo na hora da gravação (ou pode ser por falta de experiência minha). Portanto quando você aciona a extensão para executar o que foi gravado algumas vezes ele poderá falhar

No meu caso, uso o aplicativo para preencher os campos de um teclado virtual. Isto ajuda bastante, já que o teclado virtual sempre muda a ordem das letras e oculta às teclas que estão ao lado do mouse quando passa pelo teclado.

Links:

Firefox: https://addons.mozilla.org/pt-BR/firefox/addon/selenium-expert-selenium-ide/
(Segundo o site as versões que suportam esta extensão são: Firefox 1.5 – 6)

3. iMacros.

O iMacros possui a mesma função que o Selenium. A vantagem que vejo aqui no Imacros é que possui a opção de Loop. Com esta opção você pode decidir quantas vezes o script gravado vai ser executado.
Alguns campos que não foram identificados no Selenium foram possíveis preenchê-los pois a extensão reconheceu os campos. Porém em algumas situações o que acontece ao contrário!

Links:
Firefox: https://addons.mozilla.org/pt-BR/firefox/addon/imacros-for-firefox
(Segundo o site as versões que suportam esta extensão são: Firefox 3.0 – 7.0a1)

Chrome: https://chrome.google.com/webstore/detail/cplklnmnlbnpmjogncfgfijoopmnlemp?hl=pt-BR

4. Firebug.

Este aplicativo é mais voltado para desenvolvedores, porém uma das finalidades dele é ajudar a encontrar defeitos de HTML, CSS e JavaScript. Ao acionar o Firebug ele permite você verificar o código da página e editar os campos.

Links:
Firefox: https://addons.mozilla.org/pt-BR/firefox/addon/firebug/
(Segundo o site as versões que suportam esta extensão são: Firefox 3.6 – 5)

Chrome: https://chrome.google.com/webstore/detail/bmagokdooijbeehmkpknfglimnifench?hl=pt-BR

5. Captura de Tela

Esta extensão infelizmente está disponível somente para o Google Chrome. Ela permite você tirar screenshot do site.
Ela te oferece 3 opções: Selecionar a área em que deseja tirar o screenshot, Capturar a parte visível do site no momento, ou seja, você está no início do site, a imagem será a área que aparece para você. Por último, a opção que eu mais gostei! Tirar o screenshot do site inteiro.

Após realizar a captura da imagem, ela é apresentada em uma nova aba e permite você editar a imagem antes de salvá-la. Portanto se você deseja marcar algum elemento, colocar uma seta ou inserir um texto é possível.

Links:
Chrome: https://chrome.google.com/webstore/detail/alelhddbbhepgpmgidjdcjakblofbmce?hl=pt-BR#

Bom pessoal, no momento as que mais uso são estas. Se alguém quiser compartilhar mais alguma extensão fique a vontade para colocar nos comentários! Será de grande valor. Espero que tenham gostado e que possam ter ajudado de alguma maneira.

Abraços e até a próxima!

Vinicius Sabadoti