Sinon.JSのテストダブルを使ったユニットテスト
はじめにJavaScriptでの、テストダブルを使ったユニットテストの書き方について書く。テストランナーにはJsTestDriver, モックライブラリにはSinon.JSを使う。 ベースとなるコードには、Sinon.JS > Getting startedから、Spies, Stubs, Testing Ajax, Fake XMLHttpRequest, Fake Serverの5つを使う。これらのコードはそのままでは実行できない (テストランナーにJasmineやMochaを使う場合のテストメソッドが切り出されている) ので、JsTestDriverで実行できるように書き換えて、サンプルコードとする。 書き換えの際、Sinon.JS > Documentationや『テスト駆動JavaScript』を参考に、次のTIPSを導入する。JsTestDriverとSinon.JSのアサーシ
Sinon.JS
jQuery#triggerのテスト describe('jQuery#trigger', function() { it('イベントハンドラに値を渡せること', function(done) { var $el = $('<div>'); $el.bind('foo', function(event, val) { expect(val).to.be('bar'); done(); }); $el.trigger('foo', 'bar'); }); }); コールバックが2回呼ばれるかをテスト describe('jQuery#trigger', function() { it('イベントハンドラに値を渡せること', function(done) { var $el = $('<div>'); var count = 0; $el.bind('foo', function(event,
Sinon.JS を使った JavaScript のテスト - mixi engineer blog
初めましてこんにちは。ソーシャルクライアント開発の tanabe と申します。 今回は?Sinon.JS を使った JavaScript のテスト方法を紹介したいと思います。 Sinon.JS って何？ Sinon.JS はノルウェーのエンジニア Christian Johansen さんが書かれた、JavaScript 用のライブラリです。スタブやモック、フェイクオブジェクトの提供に特化していて、QUnit などのテスト用のフレームワークや実行環境に依存しない所が特徴です。Christian Johansen さんは?Test-Driven JavaScript Development の著者でもあり、こちらは近々翻訳版 が登場するようです。 では早速、Sinon.JS を使ったテスト手法をご紹介していきたいと思います。本稿ではテストフレームワークは QUnit を採用しています。 時間
Testing JavaScript/CoffeeScript with Mocha and Chai
The document discusses the structure and functionality of a todo application built with Ruby on Rails, covering model validations, controller actions, and JSON responses for creating, updating, and deleting todos. It includes testing strategies using RSpec and Mocha, as well as JavaScript with libraries like Chai and Sinon for assertions and mocking. Additionally, it emphasizes using AJAX for dyna
coffeescriptcookbook.com - このウェブサイトは販売用です！ - coffeescriptcookbook リソースおよび情報
このウェブサイトは販売用です！ coffeescriptcookbook.com は、あなたがお探しの情報の全ての最新かつ最適なソースです。一般トピックからここから検索できる内容は、coffeescriptcookbook.comが全てとなります。あなたがお探しの内容が見つかることを願っています！
contextを使ってfat arrowなメソッドを書きなおそう #Backbone.js #CoffeeScript - Qiita
Backbone.jsとCoffeeScriptをお使いのみなさん、こんにちは。 イベントのcallbackに登録するメソッドをfat arrowで定義してませんか? Backbone.Events#onの3番目の引数contextを使いましょう。 メソッドをfat arrowで定義するとmixin出来ない問題についてもちょこっと触れます。 例 イベント通知のために、グローバルなPubSubが定義されています。 NyaModel#initializeで、NyaModel#sayMessageメソッドをPubSubに登録しています。 PubSubから(」・ω・)」うー！イベントを受け取ると、NyaModel#sayMessageが呼ばれます。 NyaModel#sayMessageは、NyaModelのmessage属性をコンソールに出力します。 今までの僕のfat arrowなやりかた P
試して学ぶ Backbone.js入門2 | Remote TestKit
それでは、インスタンスを生成し、永続化処理を試してみましょう。 var memo = new Memo(); console.log("Before save: " + JSON.stringify(memo)); console.log("isNew(): " + memo.isNew()); memo.save({content: "Acroquest"}, { success: function() { console.log("After save(post) memo: " + JSON.stringify(memo)); console.log("After save(post) memo.isNew(): " + memo.isNew()); } }); console.log("After save: " + JSON.stringify(memo)); console.l
pjaxでスムーズなページ遷移（静的サイトでも手軽にpjax！） | Cubix
ダウンロード デモ jQuery.pjax.jsの使い方 複数のエリアを設定する 静的サイト、またはサーバー処理をしないで実装する 切り替えエフェクトの付け方 ページ読み込み時の処理 パラメータとイベント ダウンロード jQuery本体と、jquery.pjax.jsをダウンロードします。 配布元のReadmeはかなり内容が濃いです。情報量が多いためパラメータなどの項目はこれからfalsandtru版ライブラリを使用する方向けにまとめています。 デモ MODXを使ったサーバーサイド処理をしてpjaxリクエスト時に本文、ページタイトルを更新させています。 ※MODX用のpjax説明ページの共用のデモページなのでパンくずからこのページへ戻れません。 動作デモページ（別窓で開きます） jQuery.pjax.jsの使い方 サーバーサイドの処理にPHPを使った場合の遷移は以下の様な感じになります。
grunt-este-watch めっちゃ便利やんけ - 音の鳴るブログ
grunt-este-watch で幸せになれるらしいと聞いて試した。 grunt-contrib-watch が重いので grunt-este-watch を試したら幸せになった - てっく煮ブログ そしたら凄く良かったという話です。 CPUの消費量は気にしていなかったのだけど、変更のあったファイルに対して柔軟にタスクが組めるのが非常に便利。今まで変更があるたびに関係ない部分もテストしていたり、それをなくすために複雑な方法を使ったりしていたけどだいたい解決した。しかも速くなった。 今までやりたかったこと 更新したファイルのみ jshint したい 更新したファイルに関連するテストだけ行いたい 更新したテストファイルのテストだけ行いたい 失敗したテストは次回もテストしたい こういうことをしようとしたとき、grunt-contrib-watch ではやりにくかった。というのもサブプロセスでタ
steida/grunt-este-watch · GitHub
Run predefined tasks whenever watched file changes. LiveReload included.
試行錯誤の末にたどり着いた Backbone.Router の使い方 - present
だいぶ前に書いた Backbone.js の入門記事で Backbone.Router を使ったサンプルを紹介した。 作って覚える Backbone.js (2) Router 編 - present Router が表示する View を切り替える良い方法が思いつかなかったので、サンプルではメイン View をグローバル変数に格納して Router から触れるようにし、無理やり切り替えていた。今見ても、全然スマートな方法じゃないね。 あれから試行錯誤しながら、何個か Backbone.js を使ってアプリを作成してみて、ようやく自分の中で Backbone.Router の使い方が固まった。以前書いたサンプルを修正したのがこちら。 <!DOCTYPE html> <html lang="ja"> <head> <meta charset="utf-8"> <title>Backbone
grunt-contrib-watch が重いので grunt-este-watch を試したら幸せになった
最近、Grunt と grunt-contrib-watch を使っているのだけど、grunt-contrib-watch が CPU を消費しがちである。 watch 対象のファイルが少ないうちは grunt-contrib-watch は問題なく動くんだけども、ファイル数が増えてくると CPU の消費量が増えてくる。自分の環境では、1,000 個ぐらいのファイルを監視していると、常時 10% 程度 CPU を消費している。 この問題は既知であり、FAQ には次のように書いている。 たくさんのファイルを監視している場合、デフォルトの interval の値が小さすぎるかもしれない。options: { interval: 5007 } のようにして増やしてみてほしい。詳しくは issues #35 と #145 を参照のこと (※日本語訳は私によるもの) Another reason i
JavaScriptで自動化！Pacifista入門 - Qiita
皆さん環境構築とか、システムの設定作業とかって、どのように作業していますか？ 古きは環境構築手順書を使って行なっていましたが、昨今の自動化ブームに伴って、 chefやcapistrano、fabricなどのツールを検討されている方も多いと思います。 ただ、最近はやりの自動化ツールって、RubyとかPythonを多少知っている必要があったり、 独自DSLや特殊な用語を覚える必要があったりと、学習コストが高くてとっつきにくくないですか？ まわりにススメても「あー便利そうだねけど難しそうだね」で終わってしまうパターンが多々あります。 そこでPacifistaですよ Pacifistaは「環境構築をまるごとプログラミングする。それもシンプルに」を目的としたOSSの自動化ツールです。 Pacifistaには、以下の特徴があります。 JavaScriptでコードを書く事が出来る。 JavaScript
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
GitHub - requirejs/require-cs: An AMD loader plugin for CoffeeScript
https://github.com/mrappleton/backbone-fetch-cache
GitHub - kriskowal/q: A promise library for JavaScript
GitHub - jsoverson/grunt-env: Grunt task to automate environment configuration for future tasks
GitHub - netwjx/grunt-ftpscript: Upload files to FTP Server, Active or Passive mode, base ftp command.
Ruby on RailsとAngularJSとNode.jsを比較してみた - ワザノバ | wazanova.jp
GitHub - jdalton/qunit-extras: Extends QUnit with extra features and CLI support.
