Snapshot Testing · Jest
Snapshot tests are a very useful tool whenever you want to make sure your UI does not change unexpectedly. A typical snapshot test case renders a UI component, takes a snapshot, then compares it to a reference snapshot file stored alongside the test. The test will fail if the two snapshots do not match: either the change is unexpected, or the reference snapshot needs to be updated to the new versi
Jest
Jest is a delightful JavaScript Testing Framework with a focus on simplicity.
テストがないJS環境にモダンなテスト環境を導入していく - Qiita
Qiita:Teamに投げた社内ドキュメントだったけど、特に問題ないのでQiitaにも投げる。 前提として browserify-rails とbabelify が導入されている状況を想定してる。 基本方針 新規コードはES2015で書く 本番はbrowserify(-rails)でコンパイルする。 単体テストは node 環境下で走らせる テスト環境下では jsdom で window, document をモックする 単体テストでは ブラウザ特有の挙動はテストしない 裏側の環境(browserifyやspec-helper)は難しくして良いが、利用者からみえる範囲は複雑にしない(npm install; npm testで走る) Universal JavaScript に寄せることでコードのポータビリティを上げる 事前準備 browserify-railsを導入する。 .babelr
初心者大歓迎！RSpec 3でドラッグアンドドロップ機能をテストする方法(スクリーンキャスト付き)
はじめに 前回投稿した記事では、ドラッグアンドドロップで表示順を変更できる簡単なサンプルアプリケーションを作成しました。 しかし、説明は実装が完了したところで終わっていて、テストは全く書いていませんでした。 せっかくなので、テストも書いておきましょう。 「ドラッグアンドドロップのテストってマウスなしできるの？」と思う方がいるかもしれませんが、最近のテストフレームワークはこうした操作もテストできるように作られています。 というわけで、本記事ではこのドラッグアンドドロップ機能をRSpec 3でテストする方法を説明します。 また、本記事ではRSpecを全く知らない人でもテストが書けるように、RSpecのセットアップ手順から説明しています。 前回の記事はこちらです 本記事では前回の記事で作成したサンプルアプリケーションにテストを追加していきます。 まだ読んでない人は先に読んでおくことをオススメしま
ソフトウェア/rails/teaspoon + jasmine による javascript のテスト
Top / ソフトウェア / rails / teaspoon + jasmine による javascript のテスト 2015-05-07 (木) 12:01:28 (3274d) 更新 印刷しないセクションを選択 rails 開発で javascript もテストしたい † konacha というのもあって、かなり便利に使えそうなのだけれど、内部で使われる chai.js が IE8 に対応していないのでちょっと問題。 そこで、さまざまなテストライブラリに対応した teaspoon を試してみました。 大半は、こちらのサイトの記述を参考にさせていただきました。 http://kazu69.net/blog/tec/1787 teaspoon は様々なテスト用ライブラリに対応していますが、デフォルトで指定される jasmine 1.3 を用いたところ、少なくとも基本的な機能については
RailsでのJavaScriptのテストにteaspoonを使ってみた
Rails + BackboneのプロジェクトでのJavaScriptのテストに、今まではjasminericeなどを試したことはあるけど、もっと便利なツールがないか探してみた。 候補として出てきたのが jasmine-rails (Ruby Gem) konacha (Ruby Gem) teaspoon (Ruby Gem) karma (Node Npm) bunyip (Node Npm) という感じになった。 そこで、今回はteaspoonを使ってみた。 teaspoonを選択した理由は、 jasmine、Mocha、QUnitのテストフレームワークが利用できる Spec Runnerに PhantomJSかSeleniumが利用できる 複数のライブラリをサポートしている。Sinon.JS、ChaiJS、expect.js、jasmine-jquery.js、angular-sc
JsTestDriverとphantomjsとJenkinsを使ってのJSの継続的なテスト
JsTestDriverとphantomjsとJenkinsを使ってのJSの継続的なテストを行う方法を解説します。 Javaのインストール JsTestDriver、Jenkins共に実行にJavaが必要になるため、Javaのインストールを行いましょう。 すでにインストール済みの場合は必要ありません。 JsTestDriverのインストール JsTestDriverのjarを落としましょうダウンロードしたJsTestDriverを–portオプションで起動しましょう（ $ java -jar JsTestDriver[バージョン番号].jar –port 9876 ）設定ファイルのサンプルをダウンロードしてJsTestDriver.jarと同じディレクトリにJsTestDriver.confの名前で保存しましょうこれでJsTestDriver serverが起動します。 今回はテスト対象と
JS開発におけるTDDと自動テストツール利用の勘所
1. JS開発における TDDと自動テスト ツール利用の勘所 2012.12.06 株式会社マピオン 中村 浩士 12年12月5日水曜日 2. 自己紹介 中村 浩士 ( @kozy4324 ) 株式会社マピオン所属 主にWebアプリのフロントエンド開発 JavaScript, ActionScript 12年12月5日水曜日
JavaScriptテストの基礎知識と使えるフレームワーク6選
JavaScriptテストの基礎知識と使えるフレームワーク6選：フレームワークで実践！ JavaScriptテスト入門（1）（1/3 ページ） しっかりとJavaScriptの“テスト”を行うために、最近のJavaScript事情やテストを取り巻く環境、今注目のテストフレームワークを6つ紹介する JavaScriptでもテストを書こう ＠ITの読者の方たちのほとんどは、どのような言語を主に利用しているのかなどの違いはあるにせよ、日常的にプログラムを書いている方たちが多いかと思います。 アプリケーションを作る、ライブラリを作成する、オープンソースプロジェクトに貢献するなど、皆さんがプログラムを書く場面はそれぞれいくつかあるはずです。それらプログラムを書く場面に共通して大切な習慣の1つとして、「作成するプログラムに対しては必ずテストコードを書く」ことがあるのは、誰にでも同意してもらえることでし
Jasmine: Javascript Testing Framework
describe("Jasmine", function() { it("makes testing JavaScript awesome!", function() { expect(yourCode).toBeLotsBetter(); }); }); Documentation User Guide Release Notes API Documentation Contributor Guide Download For pure JavaScript projects: VersionSizeDateSHA1
JavaScriptでのテストや開発についてのアウトプット - Block Rockin’ Codes
最近JavaScriptを個人的に勉強しているんですが、そんなJS初心者ながら色々試すなかで気が付いた開発とかTDDとかについて色々思うところをアウトプットしてみようかと思います。 一番多いのは、ClientSideJSで、使ってるのはjQueryとQunitが中心でした。 でもこれからは別のフレームワークや、ServerSideJSなんかも出てきますし、 今読んでる本が終わったら、こっちの本も見てみたいと思っているので、 Test-Driven JavaScript Development: Safari Books Online その前にこれを書いておこうという目的です。自分に付ける一つのTagという感じです。 あまり一貫性に拘らず、垂れ流したいと思います。 Ajax と API 以前こんな記事を書いたように、サーバ側がAPIでデータを提供し、ロジックをクライアント側に固めるタイプの開
QUnit
The powerful, easy-to-use JavaScript testing framework.Get Started View the Docs Easy Zero configuration and setup for any Node.js project, and minimal setup for Browser-based projects. Universal QUnit can run anywhere; web browsers, Node, SpiderMonkey, even in a Web Worker! Test your code where it runs.
QUnit-TAP : JavaScript のテスティングフレームワークQUnitからTAP出力する - t-wada の日記（旧）
JavaScript のテスティングフレームワーク QUnit から TAP 出力するための仕組みを作成し、さらに CommonJS 環境下でも動くようにしてみましたので、 github で公開します。ライセンスは QUnit に合わせて MIT と GPLv2 のデュアルライセンスです。 http://github.com/twada/qunit-tap これは何? 平たく言うと、主に画面非依存の JavaScript コードやサーバサイドで動かす JavaScript コードに対してコマンドラインからユニットテストを行うための仕組みです。 js のユニットテストというとブラウザ上で動かすものが一般的ですが、 DOM に依存しないロジックや抽象的なモジュールのテストはできればコマンドライン上で高速に実行させ、即座にフィードバックを得たいものです。 (更新) ヘッドレスブラウザ Phant
JSTAPd::Tutorial::JA - JSTAPd::Tutorial 日本語版
NAME JSTAPd とは つかってみる スケルトン作成 テストを起動する コマンドラインからテストを起動する 事前準備 実際に動かす ディレクトリ構成など index $HEAD $BODY conf.pl jstapd_prefix apiurl urlmap auto_open_command *.t の書き方 必須モジュール 定義可能な関数 sub client_script { return $JS } sub html_body { return $HTML } sub server_api { } $self $global $req $method $path include include_ex JSTAPd の JavaScript の書き方 基本 tests($testnum); ok($got eq $expected, $test_name); is( $got
JavaScript--単体テスト環境の選択肢 - builder by ZDNet Japan
ソフトウェアのテストは、ソフトウェア開発に不可欠な一面だが、（アプリケーション開発工程には関わらない）テスターの一群がアプリケーションが期待に沿うものになっているかを確かめる段階以外でも行われる。開発者も、単体テストで日常的な仕事の成果をテストすることによって、コードが期待通りのものであることを確かめていくことができる。この記事では、クライアントサイドのJavaScriptコードに対して単体テストを行う方法について説明する。 単体テストは、個々のソフトウェアコンポーネントやモジュールに対するテストだ。単体テストはテスターではなく開発者によって実施されるという点で、従来のテスト工程とは異なる。これは、単体テストにはコードの知識が必要とされるためだ。従来のテストは、もっと後の工程で、（個々に単体テストを行われた）すべてのモジュールが全体として動作するかどうかを確認するために行われる。 単体テス
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
GitHub - mizchi-sandbox/sample-node-client-test
Build and implement a single sign-on solution
JavaScriptがRubyと出会う：John Barnette氏がJohnsonを説明
GitHub - yappo/JSTAPd: JSTAPd is Ajax application friendly Javascript Unit Test Server.
Category: Browser testing - The Ruby Toolbox
