79さん@ blog: SpookyJS & mochaでnode.jsのクライアントサイドテスト

2013-02-23

MochaはNode.jsでも動くJavaScriptテストフレームワーク。

SpookyJSとは、PhantomJSというHeadless Webkit(GUIのないWebkit的なもの)を、クライアントサイドのテストUtilityとして使えるCasperJSをNode.jsで使えるようにしたモノです。

Node.jsのプロジェクト(express)上でMocha使ってやってるBackendのテストと一緒に、FrontendのテストもSpookyJS経由で行う。

この前試したZombie.jsがうまくいかないみたいなので別の方法を探したというわけです。。

Mochaのインストールとか簡単なhello world

導入としてこのサイトも参考にしました。
http://d.hatena.ne.jp/hokaccha/20111202/1322840375
今回はassertionをshouldでやってるけど、元々使ってるのもあってexpectを採用してます。

インストールはmacなのでHomebrew。
$ brew install phantomjs

実行とかは公式なQuickStartが良かった。
https://github.com/ariya/phantomjs/wiki/Quick-Start

こちらもHomebrewで。

$ brew install casperjs

APIなどはSpookyJSで使えるものと大体同じ、というかこちらが本家なのでAPIリファレンスをちゃんと見ておくと良いです。むしろSpookyの方にドキュメントが殆ど無い。。

http://casperjs.org/api.html#casper

インストールはnpmでできます。

$ npm install spooky

入れた時にnode_module/spooky/template？だったかにsampleがあったのでnodeコマンドで実行して試せます。

SpookyJSでunderscoreなど必要みたいなので、package.jsのdependenciesをこんな感じで書く。


  "dependencies": {

"express": "3.0.6",
"jade": "*",
"mocha": "*",
"expect": "*",
"spooky": "*",
"underscore": "*"

ヘルパーを作っておいて、テストスクリプトから呼べるようにしておきます。

spookyHelper.jsを使って、spooky + mochaを実現してるコード。

こっからは、SpookyJS(CasperJS)のAPIゴリゴリ使って、テストを書いてく感じ。
CasperJSの使い方については、また書けたら書きます。