usando qunit para testes unitários em javascript
DESCRIPTION
Zigotto labs em 28 de Janeiro de 2011Por Marcelo FragaTRANSCRIPT
![Page 1: Usando QUnit para testes unitários em JavaScript](https://reader030.vdocuments.com.br/reader030/viewer/2022020207/558e67d11a28ab87218b4770/html5/thumbnails/1.jpg)
QUnitUm framework de teste unitário JavaScript
por Marcelo Fraga@marcelofraga
#zigottolabs
![Page 2: Usando QUnit para testes unitários em JavaScript](https://reader030.vdocuments.com.br/reader030/viewer/2022020207/558e67d11a28ab87218b4770/html5/thumbnails/2.jpg)
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
![Page 3: Usando QUnit para testes unitários em JavaScript](https://reader030.vdocuments.com.br/reader030/viewer/2022020207/558e67d11a28ab87218b4770/html5/thumbnails/3.jpg)
#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?
![Page 4: Usando QUnit para testes unitários em JavaScript](https://reader030.vdocuments.com.br/reader030/viewer/2022020207/558e67d11a28ab87218b4770/html5/thumbnails/4.jpg)
#zigottolabs
Como escrever testes unitários com QUnit?
![Page 5: Usando QUnit para testes unitários em JavaScript](https://reader030.vdocuments.com.br/reader030/viewer/2022020207/558e67d11a28ab87218b4770/html5/thumbnails/5.jpg)
#zigottolabs
Como escrever testes unitários com QUnit?
![Page 6: Usando QUnit para testes unitários em JavaScript](https://reader030.vdocuments.com.br/reader030/viewer/2022020207/558e67d11a28ab87218b4770/html5/thumbnails/6.jpg)
#zigottolabs
Como escrever testes unitários com QUnit?
![Page 7: Usando QUnit para testes unitários em JavaScript](https://reader030.vdocuments.com.br/reader030/viewer/2022020207/558e67d11a28ab87218b4770/html5/thumbnails/7.jpg)
#zigottolabs
Como escrever testes unitários com QUnit?
![Page 8: Usando QUnit para testes unitários em JavaScript](https://reader030.vdocuments.com.br/reader030/viewer/2022020207/558e67d11a28ab87218b4770/html5/thumbnails/8.jpg)
#zigottolabs
Falhando um teste
![Page 9: Usando QUnit para testes unitários em JavaScript](https://reader030.vdocuments.com.br/reader030/viewer/2022020207/558e67d11a28ab87218b4770/html5/thumbnails/9.jpg)
#zigottolabs
Falhando um teste
![Page 10: Usando QUnit para testes unitários em JavaScript](https://reader030.vdocuments.com.br/reader030/viewer/2022020207/558e67d11a28ab87218b4770/html5/thumbnails/10.jpg)
#zigottolabs
Exemplo: Afirmações
![Page 11: Usando QUnit para testes unitários em JavaScript](https://reader030.vdocuments.com.br/reader030/viewer/2022020207/558e67d11a28ab87218b4770/html5/thumbnails/11.jpg)
#zigottolabs
Exemplo: Testes Assíncronos
![Page 12: Usando QUnit para testes unitários em JavaScript](https://reader030.vdocuments.com.br/reader030/viewer/2022020207/558e67d11a28ab87218b4770/html5/thumbnails/12.jpg)
#zigottolabs
Exemplo: Testes Assíncronos
![Page 13: Usando QUnit para testes unitários em JavaScript](https://reader030.vdocuments.com.br/reader030/viewer/2022020207/558e67d11a28ab87218b4770/html5/thumbnails/13.jpg)
#zigottolabs
Exemplo: Testes Assíncronos
![Page 14: Usando QUnit para testes unitários em JavaScript](https://reader030.vdocuments.com.br/reader030/viewer/2022020207/558e67d11a28ab87218b4770/html5/thumbnails/14.jpg)
#zigottolabs
Exemplo: Testes Assíncronos
![Page 15: Usando QUnit para testes unitários em JavaScript](https://reader030.vdocuments.com.br/reader030/viewer/2022020207/558e67d11a28ab87218b4770/html5/thumbnails/15.jpg)
#zigottolabs
Exemplo: Testes Assíncronos
![Page 16: Usando QUnit para testes unitários em JavaScript](https://reader030.vdocuments.com.br/reader030/viewer/2022020207/558e67d11a28ab87218b4770/html5/thumbnails/16.jpg)
#zigottolabs
Exemplo: Testes Assíncronos
![Page 17: Usando QUnit para testes unitários em JavaScript](https://reader030.vdocuments.com.br/reader030/viewer/2022020207/558e67d11a28ab87218b4770/html5/thumbnails/17.jpg)
#zigottolabs
Exemplo: Testes Assíncronos
![Page 18: Usando QUnit para testes unitários em JavaScript](https://reader030.vdocuments.com.br/reader030/viewer/2022020207/558e67d11a28ab87218b4770/html5/thumbnails/18.jpg)
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
![Page 19: Usando QUnit para testes unitários em JavaScript](https://reader030.vdocuments.com.br/reader030/viewer/2022020207/558e67d11a28ab87218b4770/html5/thumbnails/19.jpg)
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
![Page 20: Usando QUnit para testes unitários em JavaScript](https://reader030.vdocuments.com.br/reader030/viewer/2022020207/558e67d11a28ab87218b4770/html5/thumbnails/20.jpg)
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
![Page 21: Usando QUnit para testes unitários em JavaScript](https://reader030.vdocuments.com.br/reader030/viewer/2022020207/558e67d11a28ab87218b4770/html5/thumbnails/21.jpg)
#zigottolabs
Usando QUnit & Rhino
![Page 22: Usando QUnit para testes unitários em JavaScript](https://reader030.vdocuments.com.br/reader030/viewer/2022020207/558e67d11a28ab87218b4770/html5/thumbnails/22.jpg)
#zigottolabs
Usando QUnit & Rhino
![Page 23: Usando QUnit para testes unitários em JavaScript](https://reader030.vdocuments.com.br/reader030/viewer/2022020207/558e67d11a28ab87218b4770/html5/thumbnails/23.jpg)
#zigottolabs
Usando QUnit & Rhino
$ js suite.js
![Page 24: Usando QUnit para testes unitários em JavaScript](https://reader030.vdocuments.com.br/reader030/viewer/2022020207/558e67d11a28ab87218b4770/html5/thumbnails/24.jpg)
#zigottolabs
Usando QUnit & Rhino
![Page 25: Usando QUnit para testes unitários em JavaScript](https://reader030.vdocuments.com.br/reader030/viewer/2022020207/558e67d11a28ab87218b4770/html5/thumbnails/25.jpg)
Obrigado!#zigottolabs
@marcelofraga
![Page 26: Usando QUnit para testes unitários em JavaScript](https://reader030.vdocuments.com.br/reader030/viewer/2022020207/558e67d11a28ab87218b4770/html5/thumbnails/26.jpg)
#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