Backbone.jsアプリケーション開発ガイド

13.9

 ビュー

283

Backbone.js

のビューは一般的に、初期化時に空の

DOM

要素を生成します。しかし、これらの

要素は現在表示されている

DOM

にはまだ追加されていません。描画のパフォーマンスを損ねるこ

となく

DOM

を組み立てられるようにするためです。

it('

指定されているプロパティに基づき、生成されたビューは

DOM

の要素と

関連付けられます

', function() {

//

このビューが表す

HTML

の要素のタグ名

expect(todoView.el.tagName.toLowerCase()).toBe('li');

});

繰り返しますが、この時点で

TodoView

が定義されていなければテストは失敗します。このテス

トを成功させるビューは、以下のように簡単なものです。

var todoView = Backbone.View.extend({

tagName: 'li'

})

;

tagName

ではなく

className

に対してテストを行いたい場合は、

jasmine-jquery

に用意されて

いる

toHaveClass

というマッチャーを利用できます。

it('todos

クラスが指定されています

'), function() {

expect(this.view.$el).toHaveClass('todos');

});

こ の

toHaveClass()

マ ッ チ ャーは

jQuery

の オ ブ ジェクトに対して 作 用 し ま す。

jasmine-

jquery

プラグイン