2011-10-14 9 views
5

ジャスミンでjQueryホバーアクションをテストするにはどうすればよいですか? 私のjQueryのジャスミンでjQueryホバーをテストする

$('.class').hover(
    function() { $('#someid').hide(); }, 
    function() { $('#someid').show(); } 
); 

どのように私はジャスミンとホバーアクションを動かすシミュレートし、「someid」要素が隠され、それが必要になっていることを期待するだろうか?のように見えますか

答えて

12

あなたは直接mouseoverイベントをトリガし、適切な行動のためにテストすることができるはずです。

it("should do something on hover", function() { 
    $('.class').trigger('mouseover'); 
    expect($('#someid')).toBeHidden(); 
    $('.class').trigger('mouseout'); 
    expect($('#someid')).toBeShown(); 
}); 

$('#someid')はDOMでなければなりません。それを行う最善の方法は、治具を通じてです。

+0

マイケルに感謝します。私は質問を投稿した後にいつかそれを考え出す。しかし、私の質問を更新することを忘れてしまった! – membLoper

+1

フィクスチャーを使って何を意味するのか説明できますか? – chovy

+0

私は彼がジャスミンの備品を意味すると信じています。基本的なフィクスチャは、DOM固有のJSをテストするアプリケーションのHTMLテンプレートです。 http://rubygems.org/gems/jasmine-fixtures – membLoper

関連する問題