QUnitUm framework de teste unitário JavaScript

por Marcelo Fraga@marcelofraga

#zigottolabs

O que é QUnit?É um poderoso framework JavaScript de teste unitário que te ajuda a depurar o código. É escrito e usado pela equipe do jQuery para testar os seus códigos e plugins, mas é o suficiente para testar todo o código JavaScript genérico, e ainda é capaz de testar no lado do servidor através de alguns mecanismos como Rhino, SpiderMonkey ou V8.

#zigottolabs

#zigottolabs

Precisa criar um ambiente de testes

Fornecer uma estrutura HTML básica

Incluir os arquivos qunit.js e qunit.css

Como escrever testes unitários com QUnit?

#zigottolabs

Como escrever testes unitários com QUnit?

#zigottolabs

Como escrever testes unitários com QUnit?

#zigottolabs

Como escrever testes unitários com QUnit?

#zigottolabs

Como escrever testes unitários com QUnit?

#zigottolabs

Falhando um teste

#zigottolabs

Falhando um teste

#zigottolabs

Exemplo: Afirmações

#zigottolabs

Exemplo: Testes Assíncronos

#zigottolabs

Exemplo: Testes Assíncronos

#zigottolabs

Exemplo: Testes Assíncronos

#zigottolabs

Exemplo: Testes Assíncronos

#zigottolabs

Exemplo: Testes Assíncronos

#zigottolabs

Exemplo: Testes Assíncronos

#zigottolabs

Exemplo: Testes Assíncronos

QUnit & Rhino

Rhino é uma implementação open-source de JavaScript escrito inteiramente em Java e mantido pela Fundação Mozilla. Facilmente incorporado em aplicações Java (agora está incluído no Java 6).

#zigottolabs

Instalando Rhino no Mac OS X

$ curl ftp://ftp.mozilla.org/pub/mozilla.org/js/rhino1_7R2.zip > /tmp/rhino.zip$ cd /tmp$ unzip rhino.zip

$ mkdir ~/Library/Java$ mkdir ~/Library/Java/Extensions $ mv /tmp/rhino1_7R2/js.jar ~/Library/Java/Extensions

#zigottolabs

Instalando Rhino no Mac OS X

$ export RHINO_HOME=”~/Library/Java/Extensions”alias js=”java -cp $RHINO_HOME/js.jar org.mozilla.javascript.tools.shell.Main -opt -1”alias jsd=”java -cp $RHINO_HOME/js.jar org.mozilla.javascript.tools.debugger.Main”

$ jsRhino 1.7 release 2 2009 03 22js> print(‘hello!’)hello!js>

#zigottolabs

#zigottolabs

Usando QUnit & Rhino

#zigottolabs

Usando QUnit & Rhino

#zigottolabs

Usando QUnit & Rhino

$ js suite.js

#zigottolabs

Usando QUnit & Rhino

Obrigado!#zigottolabs

@marcelofraga

#zigottolabs

http://docs.jquery.com/QUnit

http://www.phpied.com/installing-rhino-on-mac/

http://twoguysarguing.wordpress.com/2010/11/02/make-javascript-tests-part-of-your-build-qunit-rhino/

http://net.tutsplus.com/tutorials/javascript-ajax/how-to-test-your-javascript-code-with-qunit/

Fontes