Jasmine, BDD for JavaScript

Prepared for the Melbourne Patterns Group

Transcript

1. BDD  for  JavaScript  
2. A  li1le  history….  
3. 1995,  Netscape,  Mocha,  LiveScript,   JavaScript  (aka  ECMAScript)  
5. 1999,  MicrosoD,   XMLHTTPRequest  
6. 2004,  GMail  
7. 2005,  Jesse  James  Garret,   Ajax:  A  New  Approach  to  Web   ApplicaWons  
9. 2011,  GitHub  
10. Development  has  outpaced   tesWng  maturity  
11. Why  the  tendency  only  to   integraWon  test  our  JavaScript?  
12. An  idea!     Test  driven  JavaScript  
13. Meet  Jasmine….     and  JsUnit   and  JsTestDriver   and  Screw.Unit   and  JSMockito   etc.  
14. Why  Jasmine?   RSpec  like  syntax   Super  fast   Easy  to  integrate   Runs  anywhere  JavaScript  runs   Supports  tesWng  of  asynchronous  code  
15. So,  show  me….  
16. Some  extensions   h1ps://github.com/mhevery/jasmine-­‐node   h1p://rudyla1ae.github.com/jasmine-­‐species   h1ps://github.com/pivotal/jasmine-­‐ajax      
17. Jasmine  jQuery   •   Custom  matchers   •   toHaveHtml(string)   •   toBeHidden()   •   toBeSelected()   •   spyOnEvent($(‘#some  element’),  ‘click’)   •   An  API  for  loading  HTML  fixtures   •   loadFixtures(‘myFixturesFile.html’);  
18. Working  with  the  DOM   •   DRY   •   Use  your  applicaWon  to  generate  the   fixture  data  from  actual  views   •   Load  the  fixture  using  XHR   •   Example:  h1ps://github.com/pivotaljb/js-­‐ fixture-­‐example  
19. Watch  out  for….   •   Syntax  errors  cause  specs  to  fail   silently   •   Different  browsers,  different  traces