生まれ変わったFacebook製テストフレームワーク「Jest」とは何か？
長らく停滞していたFacebook製のJavaScriptテストフレーム「Jest」が息を吹き返しています。概要とサンプルを使ったテストの手順を紹介します。JavaScript PlaygroundのJack Franklinによる特別寄稿です。 この記事ではFacebookが開発したテストフレームワークJestを使い、ReactJSコンポーネントをテストする方法を説明します。Jestの独創的な機能、特にReactアプリ向けテストを簡単に実施する機能について説明するまえに、プレーンなJavaScript関数でのJestの使用法を紹介します。 Jestが注目に値するのは、Reactに対応しているだけでなく、JavaScriptアプリケーションのテストにも使用できるからです。ただし、いくつかの機能はユーザーインターフェイスのテストにとても役立つ形で提供されるので、Reactにぴったりです。 サ
【週末まとめ読み】Facbook製JSテストフレームワーク新生「Jest」を試す
デザイナー、エンジニア、マーケターの「掛け算」のスキルアップを応援するパスファインディング・メディア「WPJ」より、この週末に読んでおきたい注目記事をまとめて紹介。 今週は、新しくなったFacebookのjQueryテストフレームワーク「Jest」、クックパッド池田拓司氏インタビュー、人間の集中時間は金魚以下など、話題の記事を中心に8本をセレクト。 平日は忙しくてチェックできなかった人も、休日にゆっくりまとめ読みしてみては？ デザイナー、エンジニア、マーケターの「掛け算」のスキルアップを応援するパスファインディング・メディア「WPJ」より、この週末に読んでおきたい注目記事をまとめて紹介。 今週は、新しくなったFacebookのjQueryテストフレームワーク「Jest」、クックパッド池田拓司氏インタビュー、人間の集中時間は金魚以下など、話題の記事を中心に8本をセレクト。 平日は忙しくてチェ
コードの健康状態を保て！ Jenkinsとtestemを使って、JavaScriptで継続的インテグレーション（CI）を行う
対象読者 JavaScriptの基本をある程度理解している方 テストコードをこれから書こうと考えている方 継続的インテグレーションで「コードを健康的な状態に保つ」 皆さんはどのように開発したコードのテストとビルドを行っていますか？ もう15年ほど前になりますが、筆者が行っていたJavaプロジェクトの方法を紹介しましょう。 テキストエディタでJavaのコードを修正 共有ディレクトリにコピー システムすべてのコードをコンパイル システムすべてのコードをjarファイル化 共有開発環境を手動シャットダウン 共有開発環境に手動ビルド 共有開発環境を手動起動 手動で画面から動作テスト エラーが起きた場合は1.に戻る 箇条書きにするとやることが多いですね。もしかすると古いシステムを開発されている方々は、これと近い方法でテストをしている場合もあるのではないでしょうか。何をやっているかはわかりやすいのですが
複数のブラウザで一度にJavaScriptのテストを行う
本連載は、テストコードをこれから書こうと考えているJavaScript技術者を対象に、テストコードの意義からテスト駆動開発、JavaScriptでのテストコードの書き方、継続的インテグレーションなど、テスト全般にわたって解説します。また、原理原則だけでなくWhyから説明し、チームメンバーを巻き込みながら開発現場に活かせる考え方を総合的に解説します。第5回目の本稿は、JavaScriptのクロスブラウザのテスト方法をjs-test-driverを使って説明します。 対象読者 JavaScriptの基本をある程度理解している方 テストコードをこれから書こうと考えている方 複数のブラウザでのJavaScriptのテスト 前回までは、主にテストコードの書き方について説明してきました。今回からは、テストの実行環境についての説明をします。 JavaScriptの実行環境は、クライアントサイドはブラウザ
Capybara-Webkit＋Cucumber＋Sinon.JSでJavaScriptのテストはここまで変わる
Capybara-Webkit＋Cucumber＋Sinon.JSでJavaScriptのテストはここまで変わる：フレームワークで実践！ JavaScriptテスト入門（5）（1/3 ページ） しっかりとJavaScriptをテストするために、今注目のJavaScript用のテストフレームワークをいくつか紹介し、その概要から実践的な使い方まで解説する連載。今回は、RubyでWebKitをヘッドレス化するフレームワーク、受け入れテストの記述が日本語でできるツール、スタブやモック、スパイが使えるライブラリを組み合わせたテスト方法などを紹介。 Capybara-WebkitとCucumberとSinon.JSを利用したJavaScriptのテスト 本連載の最終回となる今回は、これまでの連載のようなJavaScriptのロジックを単体テストするのではなく、Webブラウザ上の操作と、それによって動作
WebブラウザでJavaScriptをテストする「js-test-driver」とQUnit、Jasmineを連携してテストするには
WebブラウザでJavaScriptをテストする「js-test-driver」とQUnit、Jasmineを連携してテストするには：フレームワークで実践！ JavaScriptテスト入門（4）（1/4 ページ） しっかりとJavaScriptをテストするために、今注目のJavaScript用のテストフレームワークをいくつか紹介し、その概要から実践的な使い方まで解説する連載。今回は、js-test-driverの概要や基本的な使い方、非同期処理のテスト方法、QUnitやJasmineと連携したテスト方法などを紹介します 前回まではWebブラウザを使わないJavaScriptテスト 前回「QUnit＋PhantomJSでJavaScriptのヘッドレスなテスト」、前々回「PhantomJSとJasmineで振る舞い駆動開発なJavaScriptテスト」と、「PhantomJS」を軸としたJa
JSのCIで椅子を投げられないため方法
状況はかなり改善した 非同期、setTimeout, Ajax系はSinonJSで簡単に Swarm系のツールでDOMのテストも容易に 環境構築も非常に楽になった PhantomJSはバイナリもあるし、ビルドも簡単 Swarm系のツールならブラウザでURLへアクセスすればすぐテスト開始
jQuery本格入門 | 技術評論社
概要 JavaScriptで効率的に開発・デザインするために欠かせない定番ライブラリの基礎から応用まで1冊でマスター。要素の指定、属性値とプロパティといった初歩知識から、 見栄えのよいデザインを手軽に実現するjQuery UI 新しく追加されたDeferredオブジェクトの使い方 jQueryテンプレートプラグイン 2種類のAjax セキュリティへの配慮 QUnitによるテストのノウハウ まで解説してあります。バージョンは1.6をベースに、最新の1.7の事情を適宜フォロー。豊富なサンプルで現場の必須知識がひととおり身につきます。 目次 Prelude はじめる前の基礎知識 0-1 jQueryとは 0-2 jQueryを利用するための前提知識 0-3 jQueryを利用するために必要なこと Part1 マークアップ編 Chapter 1 要素を指定する 1-1 要素の階層構造を理解する 1
複数の JavaScript テストが同時に出来る「Yeti」 - everything might happen tomorrow - yhassy - builder by ZDNet Japan
Yahoo! は YUI をはじめ、数年前から開発に役立つツールを開発していました。Yahoo Developer Netowrk では開発からテスティングまで様々な使えるツールと API を公開しています。言語は Ruby, PHP、Java, Python, .NET をサポートしているので、自分が慣れている開発環境に導入しやすいのも特徴です。開発者向けのりリソースと言えば Google というイメージがありますが、Yahoo! も貴重なリソースです。 その Yahoo! が先日 Yeti というターミナルで操作するプログラムをリリースしました。コードをコミットする前にテストをするためのツールで、複数の JavaScript の動作テストを同時に行うことが出来るのが特徴です。ここでいう『複数』とは、Yeti がインストールされているパソコン上で動作している複数のブラウザだけでなく、他の
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
WebStormでKarma+Mocha+power-assertのjavascriptテスト環境を作る - Qiita
GoogleがJavaScriptのテストランナーであるTestacularをオープンソース化