Flex: Teste de unidade em Actionscript
Por David Paniz em 05/04/10A comunidade Flex brasileira está cada vez maior, hoje temos 3 grandes grupos: Flex-Brasil, Flexdev e o fórum RIA – Flex, JavaFX e outros no GUJ. Embora essas comunidades estejam cada vez maiores e mais ativas, ainda é raro encontrar discussões sobre testes. Justamente por ser um assunto não muito discutido, e dada a extrema importância de testes em todos os nossos tiers, vale fazer uma introdução ao FlexUnit.
O Actionscript tem uma grande influência da linguagem java, e no seu framework de testes não é diferente. O FlexUnit tem muitas características vindas do JUnit na sua concepção.
Assim como no JUnit, no FlexUnit (versão 4) declaramos nossos testes através de metadados (equivalente as anotações do java). Temos o Before e o After, que serão executados antes e depois de todos os métodos de teste. Os metadados BeforeClass e AfterClass que serão executados uma única vez para todos os testes da classe, e finalmente o metadado Test que define que aquele método é um teste.
Lembrando que a utilização de metadados em Actionscript é um pouco diferente do java, sendo [Test] em vez de @Test, como vemos no trecho de código abaixo:
[Test]
public function doisMaisDoisDeveSerIgualAQuatro():void
{
Assert.assertEquals(4, 2 + 2);
}
O FlexUnit, assim como o Cairgorm, o LiveCyle e algumas outras ferramentas para Flex, é um projeto opensource mantido pela Adobe e pode ser encontrado no Adobe Labs. Se você já está usando o Flash Builder 4, o FlexUnit já vem instalado e configurado.
Para exemplificar melhor imagine que puxamos de um serviço uma lista de Notas de uma determinada turma e queremos gerar um gráfico mostrando qual é a menor nota, a maior nota e a média de notas da turma e para agrupar esses dados criamos a classe ResultadoDeTurma:
public class Nota
{
public var nota:Number;
public var nome:String;
}
public class ResultadoDeTurma
{
public var menorNota:Number;
public var maiorNota:Number;
public var media:Number;
}
A classe responsável pelo agrupamento de dados é a AgrupadorDeTurma onde temos o seguinte código:
public class AgrupadorDeTurma
{
public function agrupa(notas:ArrayCollection):ResultadoDeTurma
{
var menor:Number = Number.MAX_VALUE;
var maior:Number = 0;
var total:Number = 0;
for each(var nota:Nota in notas)
{
if (nota.nota < menor){
menor = nota.nota;
} else {
if(nota.nota > maior){
maior = nota.nota;
}
}
total += nota.nota;
}
return new ResultadoDeTurma(menor, maior, (total/notas.length));
}
}
Agora vamos criar o nosso teste.
Nesse wizard criamos a classe
AgrupadorDeTurmaTeste. O Flash Builder criará 2 arquivos, a classe de teste e um outro na raiz do projeto chamado FlexUnitCompilerApplication.mxml.Devemos executar esse arquivo para que ele crie um executor de testes como vemos na imagem abaixo.
Ao término desse passo teremos o arquivo
FlexUnitApplication.mxml que é usado para executar nossos testes.Agora que toda nossa “infra” está pronta, vamos escrever nosso primeiro método de teste. Para isso basta adicionar o método abaixo no arquivo
AgrupadorDeTurmaTeste.as.
[Test]
public function testandoComArrayComTresElementos():void
{
var notas:ArrayCollection = new ArrayCollection([
new Nota(9, "David Paniz"),
new Nota(10, "Paulo Silveira"),
new Nota(8, "Guilherme Silveira")
]);
var resultado:ResultadoDeTurma = new AgrupadorDeTurma().agrupa(notas);
assertEquals(10, resultado.maiorNota);
assertEquals(8, resultado.menorNota);
assertEquals(9, resultado.media);
}
Para executar os testes basta rodar o arquivo FlexUnitApplication.
E no Eclipse temos o resultado:
Quando o teste passa, o código está correto. Mas será que esse código realmente está correto? Será que só este teste basta para eu ter toda essa garantia? Vejamos, vou escrever outro teste para o mesmo método:
[Test]
public function testandoComArrayComUmElementos():void
{
var notas:ArrayCollection = new ArrayCollection([
new Nota(8, "Guilherme Silveira")
]);
var resultado:ResultadoDeTurma = new AgrupadorDeTurma().agrupa(notas);
assertEquals(8, resultado.maiorNota);
assertEquals(8, resultado.menorNota);
assertEquals(8, resultado.media);
}
Ao executarmos nossos testes novamente temos o seguinte resultado:
Acabamos de encontrar uma falha no nosso teste. Dentro da iteração de notas, não havíamos previsto que e mesma nota poderia ser a maior e a menor ao mesmo tempo. Para solucionar precisamos remover o
else do if:
public function agrupa(notas:ArrayCollection):ResultadoDeTurma
{
var menor:Number = Number.MAX_VALUE;
var maior:Number = 0;
var total:Number = 0;
for each(var nota:Nota in notas)
{
if (nota.nota < menor){
menor = nota.nota;
}
if (nota.nota > maior){
maior = nota.nota;
}
total += nota.nota;
}
return new ResultadoDeTurma(menor, maior, (total/notas.length));
}
E agora ao executarmos os testes temos o seguinte resultado:
Na verdade ainda temos outros possíveis problemas nesse código que poderiam ser testados, como por exemplo receber um array vazio como parâmetro. Tanto esse quanto o erro anterior teriam sido mais facilmente detectados caso usássemos TDD, criando nossos testes antes mesmo do código.
Outras ferramentas para conhecer sobre testes em Flex são o Flexcover, mock4as,
Flex Monkey e o Flash Selenium.
