Fork me on GitHub

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

Edit on GitHub 編集履歴を見る

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

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

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

ヘッドライン

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

PhoneGap 1.8.0 リリース

Node.js 0.6.19リリース

jQuery UI 1.8.21リリース

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

アーティクル

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

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

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

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

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

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

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

スライド、動画関係

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

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

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

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

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

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

JSHintの設定を作るNodeツール
特定のライブラリを許可したり、インデントの設定等

ライブラリ関係

textareaに表示されてるキャレットの座標を取得できるようにするライブラリ

AMD形式で書かれたユーティリティモジュールのライブラリ。
Arrayやfunction、MathやObject、Stringやtime、is*やbind等のlangモジュールが用意されてる。

143 charactersでAMDなモジュール定義ライブラリ

書籍関係

2012年6月22日発売
HTML5 Cookbookの翻訳本

2013年3月頃発売
HTML5 フォームについての書籍

2012年9月22日発売
Node.js本

2012年6月27日発売

この記事へ修正リクエストをする
記事を紹介する