2012-06-10のJS: Jasmine 1.2、Bunyip、JavaScriptのテストを書く7つの理由

JSer.info #73 - タイトルが全部JavaScriptテスト関係だったりしますが、BDDなテスティングフレームワークとして結構使われてるJasmineがアップデートされました。(公式サイトもかなり変わった)

また、BunyipというブラウザのJavaScriptテスティングフレームワークが公開されていますが、これの特徴としてBrowserStackのAPIを利用して、BrowserStack上で動くブラウザを利用したテストが行えるような仕組みをメインとして持っています。
BrowserStack accountは実質有料サービスなので、広くは使われないかもしれないですが面白いアプローチだなと思います。
最近、Buster.JSと Travis CI を使ってTravis CIでブラウザテスト行う方法というものを書いてましたが、やっぱり手元でブラウザを立ち上げるのは億劫になってテストを実行しなくなったりするので、外部のサービス上のブラウザでテストを走らせられるようになるといい感じなのかなと思ってたので、こういうBrowserStackを使うことに特化したようなものが出てくるのは面白いなと思います。

最後もテストについてですが、どこからJavaScriptのテストを始めたらいいのか等テストの段階について今日からはじめるJS UnitTestはよく書かれてるので、読んでおくといいと思います。

ヘッドライン

Comedy is Hard - Jasmine 1.2 released
http://pivotallabs.com/users/dwfrank/blog/articles/2144-jasmine-1-2-released

JavaScriptテスティングフレームワークJasmine 1.2リリース。

PhoneGap 1.8.0 Released! « PhoneGap
http://phonegap.com/2012/06/06/phonegap-1-8-0-released/

PhoneGap 1.8.0 リリース

Node Version 0.6.19 (stable) « node blog
http://blog.nodejs.org/2012/06/06/node-version-0-6-19-stable/

Node.js 0.6.19リリース

jQuery UI 1.8.21 « jQuery UI Blog
http://blog.jqueryui.com/2012/06/jquery-ui-1-8-21/

jQuery UI 1.8.21リリース

Getfirebug Blog » Blog Archive » Firebug 1.10a11
http://blog.getfirebug.com/2012/06/08/firebug-1-10a11/

Firebug 1.10a11リリース
Firecookieを取り込んでCookiesパネルが追加された。
Roadmap https://getfirebug.com/wiki/index.php/Firebug_Roadmap

アーティクル

『Internet Explorer 10 移行セミナー』フォローアップ - monoe’s blog - Site Home - MSDN Blogs
http://blogs.msdn.com/b/osamum/archive/2012/06/08/internet-explorer-10.aspx

IEとFiddlerでの開発について。
IEの互換性モードについてのリソース

CSSレイアウトの今後について | ふじこのプログラミング奮闘記
http://blog.neo.jp/dnblog/index.php?module=Blog&action=Entry&blog=pg&entry=2979&rand=ff75d

Columns、Flexible box、Grid、Templateモジュール、Exclusions(排除)、Regions(領域)、などのCSSレイアウトについて

Firefox 13 における HTML5 canvas 要素のアクセシビリティ | WWW WATCH
http://hyper-text.org/archives/2012/06/html5_canvas_accessibility_firefox13.shtml

Canvas要素のアクセシビリティ(フォールバックコンテンツ)について

スマートフォンに最適なウェブサイトガイドライン｜コラムアユダンテ株式会社
http://www.ayudante.jp/column/2012-06-08/17-46/

GoogleのBuilding Smartphone-Optimized Websitesの翻訳
レスポンシブウェブデザインとか

Understanding Hardware Acceleration on Mobile Browsers
http://www.slideshare.net/ariyahidayat/understanding-hardware-acceleration-on-mobile-browsers

Mobileブラウザのハードウェアアクセラレーションについてのスライド。
どういう仕組みなのか、Mac Safariを使ったデバッグ方法について

スクリプトのURLを変えずに、キャッシュ中のスクリプトを更新する方法 | ふじこのプログラミング奮闘記
http://blog.neo.jp/dnblog/index.php?module=Blog&action=Entry&blog=pg&entry=3410&rand=4600c

Self-updating scripts の和訳記事
http://www.stevesouders.com/blog/2012/05/22/self-updating-scripts/

Sorting - We’re Doing It Wrong | Rodney Rehm
http://blog.rodneyrehm.de/archives/14-Sorting-Were-Doing-It-Wrong.html

JavaScriptのsortについて。
各ブラウザでの結果の違いやlocaleCompareを使った文字列のソートについて。
DOM要素のソートについて

スライド、動画関係

今日からはじめるJS UnitTest
http://0-9.sakura.ne.jp/pub/cod2012jp/start.html

JavaScriptのテストを書く7つの理由
使用するテストフレームワークについて
モックの用語説明(spy,stub,mock,fake)

明日のためのクライアントサイドMVC // Speaker Deck
https://speakerdeck.com/u/ama_ch/p/mvc

クライアントサイドMVCについてのスライド

The Web Development Workflow of 2013
http://dl.dropbox.com/u/39519/talks/fluent/index.html#/

Paul IrishのWeb開発についてのスライド
テストやツールなどについて

サービス、ツール、ソフトウェア関係

Yeti
http://yeti.cx/index.html

JsTDのようにキャプチャーサーバを立ててコマンドラインからYUI Testを実行できるテスティングフレームワーク。
localtunnelを使って外部からアクセスできるようにしたり、コードカバレッジやドキュメント生成、プロファイラ等が入ってる

Bunyip: client-side unit testing made easy | The CSS Ninja - All things CSS, JavaScript & HTML
http://www.thecssninja.com/javascript/bunyip

JsTDやBuster.JSのようなローカルサーバを立ててテストを動かすクライアントサイトのユニットテストフレームワークBunyip。
特徴的なのはSSHトンネルを作って、BrowserStack APIを使ってローカルで実際にブラウザを動かさないでクロスブラウザテストを行えるような仕組みを持っている。
またテスト自体はYUI testやadpterを経由してQUnit、Jasmineなどを使用する。
上記のYetiが元ネタの一つ