jqueryジャスミン、備品がロードされていません

Question

spec/category_keyword/categories.htmlに備品を読み込もうとしています。フィクスチャの内容はkeywordsListView.elは、固定具が何らかの形でロードされていないことを私に示唆している定義されていない、しかし

私のテスト

$(function() { 

    beforeEach(function(){ 
    keywordsListView = new KeywordsListView({ 
     el: $("#keywords_list") 
    }) 
    }) 

it("should ...", function() { 
    expect(keywordsListView.el.attr("id")).toEqual("keywords_list"); 
}) 

}) 

です。私はジャスミンスイートを火かき棒で見ましたが、治具に関連するものは何も見ませんでした。私はジャスミンの宝石を使用しています。私は何かを有効にしなければなりませんか？

Answer 1

これを見ると、テストではkeywordsListView変数にアクセスできないと思います。 beforeEach関数の上にkeywordsListView変数を宣言し、beforeEachに現在持っているようにそれを設定します。

$(function() { 

    var keywordsListView; 

    beforeEach(function(){ 
    keywordsListView = new KeywordsListView({ 
     el: $("#keywords_list") 
    }) 
    }) 

it("should ...", function() { 
    expect(keywordsListView.el.attr("id")).toEqual("keywords_list"); 
}) 

}) 

Answer 2

ジャスミン自体は任意のフィクスチャの負荷が含まれていない、HTMLの記者は、ジャスミンは触れないであろうことをあなたにdiv#jasmine_contentを与え、必要に応じてにHTMLを書くためにあなた次第です。より複雑なフィクスチャをロードできるようにする必要がある場合は、それを行うためのプラグインがあります。私が使った唯一のものはjasmine-jqueryです。ジャスミン-jqueryのは、そうでない場合は、あなたが行うことができます他の事は、バックボーンはのための要素を作成してみましょうさjasmine.getFixtures().fixturesPath = <something>

を設定することにより構成されていない限り、あなたの備品がspec/javascripts/fixturesであることを期待している

$(function() { 
    beforeEach(function(){ 
    loadFixtures('category_keyword/categories.html'); 
    keywordsListView = new KeywordsListView({ 
     el: $("#keywords_list") 
    }); 
    }); 

    it("should ...", function() { 
    expect(keywordsListView.el.attr("id")).toEqual("keywords_list"); 
    }); 
}); 

注：これであなたのような何かを行うことができますもちろん、これを行うには、サーバーが生成したマークアップに頼るのではなく、ビューをレンダリングする必要があります。これはあなたのビューをより自己完結型にします。

Answer 3

あなたのフィクスチャをロードした後、あなたのモデルのスパイを作らずにバックボーンの機能/方法を呼び出さなければなりません。

これで、読み込んだHTMLコンテンツが見つかりました。

同様：

loadFixtures("/path/to/fixtures.html");   
SpyOnObj.functionname();       
expect($('body')).toHaveId("{ELEMENT_ID}"); 

私はこの意志はあなたに役立ちます願っています。