TDD para            Javascript                  com QUnit                 Michael        Herbertt                 Kuhinica...
Produtos Web Métodos Ágeis Customer Development Design ThinkingMonday, 29,August 11
Javascript                       Linguagem Script Client-SideMonday, 29,August 11
TDD                       Test Driven DevelopmentMonday, 29,August 11
Test Driven Development                           Desacoplamento                        Design da funcionalidade          ...
TDD                       Javascript                           QUnitMonday, 29,August 11
Por que QUnit?Monday, 29,August 11
MotivaçãoMonday, 29,August 11
MotivaçãoMonday, 29,August 11
Cobaia                       www.cronometronline.com.brMonday, 29,August 11
RefactorMonday, 29,August 11
QUnitMonday, 29,August 11
QUnit > Arquivos        <seu_projeto>/jstest/index.html   (arquivos do QUnit)        <seu_projeto>/jstest/qunit/qunit.js  ...
QUnit > Setup        test( name, test )        Adicionar um teste.        asyncTest( name, test )        Adicionar um test...
QUnit > Assertions        ok( state, message )        equal( actual, expected, message )        notEqual( actual, expected...
QUnit > Fixtures        <div id="qunit-fixture">        " <form id="formulario">        "     "   <input   type="text" cla...
Monday, 29,August 11
?Monday, 29,August 11
webgoal.com.br                 granatum.com.br                http://docs.jquery.com/QUnit                http://jquery.co...
Upcoming SlideShare
Loading in …5
×

TDD com QUnit

959 views

Published on

Published in: Technology, Business
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
959
On SlideShare
0
From Embeds
0
Number of Embeds
1
Actions
Shares
0
Downloads
4
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

TDD com QUnit

  1. 1. TDD para Javascript com QUnit Michael Herbertt Kuhinica Bamonde @taverneiro @bamondeMonday, 29,August 11
  2. 2. Produtos Web Métodos Ágeis Customer Development Design ThinkingMonday, 29,August 11
  3. 3. Javascript Linguagem Script Client-SideMonday, 29,August 11
  4. 4. TDD Test Driven DevelopmentMonday, 29,August 11
  5. 5. Test Driven Development Desacoplamento Design da funcionalidade Segurança na manutençãoMonday, 29,August 11
  6. 6. TDD Javascript QUnitMonday, 29,August 11
  7. 7. Por que QUnit?Monday, 29,August 11
  8. 8. MotivaçãoMonday, 29,August 11
  9. 9. MotivaçãoMonday, 29,August 11
  10. 10. Cobaia www.cronometronline.com.brMonday, 29,August 11
  11. 11. RefactorMonday, 29,August 11
  12. 12. QUnitMonday, 29,August 11
  13. 13. QUnit > Arquivos <seu_projeto>/jstest/index.html (arquivos do QUnit) <seu_projeto>/jstest/qunit/qunit.js (arquivos do QUnit) <seu_projeto>/jstest/qunit/qunit.css (arquivos do QUnit) <seu_projeto>/jstest/script.test.js (arquivos com testes)Monday, 29,August 11
  14. 14. QUnit > Setup test( name, test ) Adicionar um teste. asyncTest( name, test ) Adicionar um teste assíncrono. Deve chamar o método start(). expect( amount ) Especifica quantas assertivas o test deve rodar. module( name ) Agrupa os testes em módulos.Monday, 29,August 11
  15. 15. QUnit > Assertions ok( state, message ) equal( actual, expected, message ) notEqual( actual, expected, message ) deepEqual( actual, expected, message ) notDeepEqual( actual, expected, message ) strictEqual( actual, expected, message ) notStrictEqual( actual, expected, message ) raises( block, expected, message )Monday, 29,August 11
  16. 16. QUnit > Fixtures <div id="qunit-fixture"> " <form id="formulario"> " " <input type="text" class="nome" id="nome" /> " " <input type="text" class="email" id="email" /> " " <input type="text" class="telefone" id="telefone" /> " " <input type="text" class="cpf" id="cpf" /> " " <input type="submit" value="Enviar"> " </form> </div>Monday, 29,August 11
  17. 17. Monday, 29,August 11
  18. 18. ?Monday, 29,August 11
  19. 19. webgoal.com.br granatum.com.br http://docs.jquery.com/QUnit http://jquery.com Michael Kuhinica @taverneiro Herbertt Bamonde @bamondeMonday, 29,August 11

×