javascript - Jasmineを使用したjQueryホバーのテスト

Question

JasmineでjQueryホバーアクションをテストするにはどうすればよいですか？私のjQueryは次のようになります

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

ジャスミンでホバーアクションの移動をシミュレートし、「someid」要素が非表示になり、表示されることを期待するにはどうすればよいですか？

Answer 1

マウスオーバーイベントを直接トリガーして、適切な動作をテストできるはずです。

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

$('#someid')DOMに存在する必要があります。そのための最良の方法は、フィクスチャを使用することです。