Desenvolvendo um micro suíte de testes em Javascript.

Nesse artigo ensinarei como criar um micro suíte de testes para desenvolvimento com Javascript.


funcional Javascript rules!

Primeiramente, nesse artigo não vou me aprofundar muito do motivo pelo qual usar testes em desenvolvimento. Se você quiser saber mais a respeito, google it!

Nós iremos criar uma função responsável pelos testes denominada de assert.

Essa função será responsável por tratar a condição do nosso teste, e exibir na tela o resultado com a descrição do teste.

O parâmetro boolean será responsável por tratar o resultado condicional, e o parâmetro testDesc receberá a descrição do teste que será exibida na tela, ao testar a aplicação.

Agora iremos desenvolver o corpo da nossa função de teste.

A variável li na primeira linha cria e recebe o elemento li.

A segunda e a quarta linha verificam se os parâmetros foram enviados ao chamar a função.

A terceira linha é utilizada para verificar o resultado booleano do nosso parâmetro boolean. Se o parâmetro boolean for falso ele atribuirá a classe failed ao elemento li. Caso contrário ele atribuirá a classe success ao elemento. Mais pra frente irei mostrar o código que eu utilizei para estilizar o elemento li.

A quinta linha atribuirá a descrição do teste ao html do elemento li.

E por fim, na última linha, será adicionado ao corpo do nosso site o elemento li.

Agora mostrarei o código responsável por estilizar os resultados.

E agora vamos testar nossa suíte de teste.

Testei com o seguinte código:

E obtive o seguinte resultado:

Onde o verde mostra que o resultado do boolean é verdadeiro, e o vermelho que o resultado é falso.

Como esses testes só serão realizados no desenvolvimento da aplicação, não há um motivo maior em gastar muito tempo estilizando-o.

Espero ter ajudado :)

Like what you read? Give Matheus Santos a round of applause.

From a quick cheer to a standing ovation, clap to show how much you enjoyed this story.