CasperJSメモ
$ casperjs --version
1.1.0-beta2
$ phantomjs --version
1.9.2公式サイトのやつ、説明いらない
casper.test.begin 'Google search retrieves', 5, (test) ->
casper.start 'http://www.google.co.jp', ->
test.assertTitle 'Google', 'google homepage title is the one expected'
test.assertExists 'form[action="/search"]', 'main form is found'
@fill 'form[action="/search"]', { q: 'casperjs' }, true
casper.then ->
test.assertTitle 'casperjs - Google 検索', 'google title is ok'
test.assertUrlMatch /q=casperjs/, 'search term has been submitted'
test.assertEval ->
__utils__.findAll('h3.r').length >= 10
, 'google search for "casperjs" retrives 10 or more results'
casper.run ->
test.done()page.errorイベントを利用する
casper.on 'page.error', (msg, trace) ->
@echo 'Error: ' + msg, 'ERROR'
@echo 'file: ' + trace[0].file, 'WARNING'
@echo 'line: ' + trace[0].line, 'WARNING'
@echo 'function: ' + trace[0]['function'], 'WARNING'phantom.cookiesを利用する
取得例（ファイルに保存）
fs = require 'fs'
cookies = JSON.stringify phantom.cookies
fs.write cookies_file, cookies, 644設定例（ファイルから読み込み）
fs = require 'fs'
if fs.exists cookies_file
data = fs.read cookies_file
phantom.cookies = JSON.parse data--incluedesオプションとあわせるとテスト毎にcookiesを設定するなどができる（まだ試していない）
casper.userAgentを利用する
casper.userAgent 'Mozilla/5.0 (iPhone; CPU iPhone OS 6_0 like Mac OS X) AppleWebKit/536.26 (KHTML, like Gecko) Version/6.0 Mobile/10A403 Safari/8536.25'テスト結果出力にxUnitフォーマットが対応しているのでそれを利用する
$ casperjs test googletesting.coffee --xunit=result.xml テスト時には以下のイベントが取得できる
success- 成功fail- 失敗skipped- スキップ
casper.test.on 'fail', (result) ->
require('utils').dump resultresultにはテスト結果やテスト実施したファイルが設定されています
{
"success": false,
"type": "assertEquals",
"standard": "Subject equals the expected value",
"file": "test.coffee",
"doThrow": true,
"values": {
"subject": 1,
"expected": 2
},
"line": 9,
"suite": "test",
"time": 60
}casper.captureを利用する
テスト失敗時に画面キャプチャする
casper.test.on 'fail', ->
casper.capture('fail.png')背景色のやつを後で記述
React
Typescript
Django
Laravel
Facebook
Microsoft
Google
Alibaba
D3
Tencent