Front-end Testing with CasperJS

Front-end Testing with CasperJS

Transcript

1. Front-­‐end  Tes,ng  with     CasperJS     Glamour  Sales  China   Vitrum  Zhu   2013.2
2. •  Old  way  and  new  way   •  About  CasperJS   •  Unit  Test   •  UI  Test  
3. The  finger  and  eye  will  told  you.   Old!
4. •  Headless  browser   •  Based  on  Webkit   •  Controllable  by  command  line   •  Full  Javascript  API  
5. WebKit  inside
6. CasperJS •  browsing  naviga,on  steps   •  filling  &  submiRng  forms   •  capturing  screenshots   •  tes,ng  remote  DOM   •  logging  events   •  downloading  resources   •  wri,ng  func,onal  test  suites,  saving  results                (with  Node.js  we  can  save  results  to  any  format.  Like  XML,  TXT,  JSON)
7. Quick  Overview
8. Quick  Overview Now  run  the  following  in  the  terminal:        casperjs  test    duckduck.js You  should  get  something  cool  like  the  following:
9. CasperJS  @  GLS •  Web  Crawler  (web  page  spider)   •  Simula,on  Client  access   •  Help  Barnish  create  cache  before  customer   visit        
10. More  techniques •  hbp://Nodejs.org   •  hbp://casperjs.org   •  hbp://phantomjs.org/  
11. Thanks! @vitrum     Fork  it!   hbps://github.com/vitrum/nm-­‐test/tree/ master/casperjs