Introduce CasperJS

Introduce CasperJS. Easy way for browser testing.
M3 TechTalk #11 LT slide.
#m3dev

Transcript

1. $BTQFS+4 .
   5FDI5BML
    .
   *OD BTBLVTBSC 5XJUUFS
   !NBHF (JU)VC
   NBHFEFW #SFBEDSVNCMF
3. )3!.)
4. $BTQFS+4 6UJMJUZ
   GPS
   1IBOUPN+4
5. 1IBOUPN+4 )FBEMFTT
   8FC,JU
6. 6TFGVM
   GPS
   $* Prerequisites • PhantomJS 1.8.1 or greater. Installation instructions can be found here • Python 2.6 or greater for casperjs in the bin/ directory IUUQEPDTDBTQFSKTPSHFOMBUFTUJOTUBMMBUJPOIUNM
7. JOTUBMM
   PO
   .BD CSFX
   JOTUBMM
   DBTQFSKT
8. TBNQMFKT var casper = require('casper').create(); casper.start('http://casperjs.org/', function() { this.echo(this.getTitle()); }); casper.thenOpen('http://phantomjs.org', function() { this.echo(this.getTitle()); }); casper.run(); IUUQEPDTDBTQFSKTPSHFOMBUFTURVJDLTUBSUIUNM
9. TBNQMFDP⒎FF casper = require('casper').create() casper.start "http://www.google.co.jp/", -> @fill "form[action='/search']", q: "casperjs", true casper.then -> @fill @getTitle() casper.run()
10. SFTVMU $ casperjs test quickstart.coffee Test file: quickstart.coffee casperjs - Google ݕࡧ
11. IFMQGVM
    SFTPVSDFT IUUQTTQFBLFSEFDLDPNOBPZB KBWBTDSJQUIVSPOUPFOEPLBJGBGBMTF[VPKJO
12. FOE