require.js 環境で mocha + expect + testem を使った JavaScript テスト - naoyaのはてなダイアリー
先日書いた自分用アプリケーションのひな形 http://d.hatena.ne.jp/naoya/20130503/1367581629 http://d.hatena.ne.jp/naoya/20130504/1367640512 これに、JavaScript のテスト環境も追加したい。 結論からいくと、フレームワークには mocha + expect、ランナーは testem を使うことにした。ついでにテストダブルライブラリとして Sinon.js も有効にした。 ちなみに今回の文脈は End to End のテストではなくてユニットテスト周りのおはなしです。 mocha + expect JavaScript のこの辺のテスト周りは今もいろいろなツールの整備が進んでいて、今回採用した以外にも Jasmin や QUnit そのほか色んな物がある。昨今の状況に関しては 先日の HTML
mochaとphantomJSとtravis-ciでフロントエンドJavaScriptのテスト - Webtech Walker
東京Node学園祭2012 アドベントカレンダーの9日目です。Node.jsとほとんど関係ないうえに内容がけっこう薄い感じなった気がするんですけど気にせずいこうと思います。 フロントエンドのJavaScriptをテストするとき最近はいつもmochaを使ってるんですが、やはりJenkinsとかtravis-ciを使って自動テストもしたいと思って試してみました。 hokaccha/mocha-phantom-travis-test ここではよくあるjQueryで画像のロールオーバーをするというプラグインを作ってそのライブラリに対してテストを書いています。ソースコードはこんな感じです。 $.fn.rollover = function() { return this.each(function() { var $img = $(this); var src = $img.attr('src');
RequireJS と mocha を一緒に使う - Qiita
mocha をブラウザで使う場合、mocha.setup() で BDD, TDD などのスタイルを指定し、それに応じて describe/it, suite/test などの関数が window に登録されます。RequireJS と一緒に使う場合、テストコードが評価される際に mocha.setup() が呼ばれていないと、describe などが定義されておらずエラーになってしまいます。 そこでまず思いつくのは require() を入れ子状に呼ぶことですが、いまいちイケていません。 require(['mocha'], function () { mocha.setup('bdd'); require(['test/foo_test'], function () { mocha.run(); }); });
Browser Unit Testing with Backbone Mocha Chai and RequireJS
index.html p ZEV �&=ZEV <html> <head> <meta charset="utf-8"/> <title>Backbone Tests</title> <link rel="stylesheet" href="libs/mocha.css"/> </head> <body> <div id="mocha"></div> <script data-main="SpecRunner.js" src="/app/libs/require.js"></script> </body> </html> model-tests.js �&ZEV ��<ZEV define(function(require) { var models = require('models'); describe('Models', function() { describe('Sample
RequireJS + Mocha + Chai
I previously wrote about testing your JavaScript and Asynchronous Module Definition with RequireJS. A recent project idea was a perfect candidate for RequireJS Modules with AMD and decided it would be a good time to tackle testing RequireJS modules using my testing framework of choice, Mocha. I found some existing examples showing how to accomplish this, the AMD Testing repository from Dave Geddes
Better CoffeeScript Testing With Mocha | Envato Tuts+
Recently, I’ve been doing a considerable amount of CoffeeScript work. One problem I ran into early-on was testing: I didn’t want to manually convert my CoffeeScript to JavaScript before I could test it. Instead, I wanted to test from CoffeeScript directly. How’d I end up doing it? Read on to find out! You’ll need to have Node.js and Node Package Manager installed. Before we continue on, I'll point
mochaとchaiを使ってcoffeescriptでBDD - Qiita
chai = require 'chai' expect = chai.expect chai.should() # add should method to Object.prototype Task = require("../src/task").Task describe 'Task',-> t = null before -> t = new Task("foo bar") it "expects true is true like Jasmine", -> expect(true).be.true it "should be true like RSpec", -> true.should.be.true it "should rutern item string with toString",-> t.toString().should.equal("foo bar") it
Testing JavaScript/CoffeeScript with Mocha and Chai
Presented at the Burlington Ruby Conference on July 28th. Learn just how easy it is to test your JavaScript and CoffeeScript code. Don't be scared by events, DOM interactions, or AJAX requests any more!
tddjs 12 章を mocha で写経
表題のとおり. Test-Driven JavaScript Development 最終的なコード test.html テストのエントリポイントとなる html test.js テストコード本体 ajax.js 今回の開発対象の ajax リクエストを抽象化するライブラリ integration.html 結合テスト用の html. 実際に get リクエストを飛ばす successful_get_test.js 結合テスト用の js. fragment.html 結合テスト用. この html を xhr で取得する. 準備 xhr のテストなのでクライアントサイドで動かさないといけない. html を準備. 公式にサンプルがある. <html> <head> <meta charset="utf-8"> <title>Mocha Tests</title> <link rel="st
テストで学ぶJavaScriptについて
A Test-Driven JS Assessment というテストを通るようなコードを書いて、JavaScriptを学ぶものが公開されていたので、それの紹介です。 JS Assessmentは最初に失敗するテストが用意されていて、そのテストコードを通るような関数などを書いていってJavaScriptの力試し、学習をするものです。 簡単にやり方を書くと、Node環境を用意した状態で git clone https://github.com/rmurphey/js-assessment.gitなどで、リポジトリをダウンロードして、 ダウンロードしたディレクトリ内で、 nodeを使って以下のようコマンドを実行してテストが実行できるローカルサーバを立ち上げます。 実行した状態で http://localhost:4444 というURLに行けば、Mochaで書かれたテストが走った結果が表示されます
テストフレームワーク mocha - hokaccha memo
JavaScript Advent Calendar 2011 (Node.js/WebSocketsコース)3日目のhokacchaです。Node.jsのテストフレームワーク、mochaについて書きます。 mochaはTJが新しく作り始めているテストフレームワークです。ドキュメントを見ればできることは大体書いてありますので、ドキュメントを元にどういうことができるのかを解説していきます。現時点でのバージョンは0.2.0です。 http://visionmedia.github.com/mocha/ shouldについて まずmochaでどういうことができるかの前にshouldについて解説しておきます。mochaのドキュメントには特に説明もなくshouldが使われていて、shouldでどういうことができるかわかってないと、ドキュメントを読んだときにmochaの機能なのかshouldの機能なの
Node.jsのテスティングフレームワーク「Mocha」（後編） : ryu22eBlog跡地
2011年12月21日 Node.jsのテスティングフレームワーク「Mocha」（後編） 前回に引き続き、Mochaのチュートリアルに沿ってMocha（バージョン0.3.6）を使ってみます。 なお、このエントリーはJavaScript Advent Calendar 2011(Node.js/WebSocketsコース)の参加エントリーです。 前回のあらすじアサーションは好きなライブラリを組み込んで使えるよ！同期・非同期どちらのコードでもテストできるよ！テスト実行の前後に呼ばれるコードを書いて、前準備や後始末ができるよ！「あとで書く」用途のテストを書けるよ！便利なオプションがたくさんあるよ！テスト結果の表示形式がすごく見やすいよ！テストの書き方を色々選べるよ！ざっとこんな感じの内容を書きました。 では、前回からの続きです。 Reportersテスト結果の出力形式は以下のとおりです（スクリー
Node.jsのテスティングフレームワーク「Mocha」（前編） : ryu22eBlog跡地
2011年12月19日 Node.jsのテスティングフレームワーク「Mocha」（前編） Mochaのチュートリアルに沿ってMocha（読み：もか）を使ってみました。 長いので前編・後編の二部構成にします。 使用するMochaのバージョンは0.3.6です。 はじめにこのエントリーのために書いたサンプルコードは以下に置いておきます。 https://github.com/ryu22e/mocha-example FeaturesGoogle翻訳と辞書を頼りに翻訳しました。もっと適切な訳があればご指摘お願いします。 browser support（ブラウザサポート） simple async support（シンプルな非同期サポート） proper exit status for CI support etc（CIサポート等のための適切な終了ステータス） auto-detects and di
mocha-phantomjs by metaskills
mocha-phantomjs PhantomJS Runners for Mocha Download ZIP Download TAR View On GitHub This project is maintained by metaskills PhantomJS Runners for Mocha Mocha is a feature-rich JavaScript test framework running on node and the browser. Along with the Chai assertion library they make an impressive combo. PhantomJS is a headless WebKit with a JavaScript/CoffeeScript API. It has fast and native supp
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Pixelhandler's blog
Testing AMD Backbone Modules