javascript - Testing jQuery Hover with Jasmine - Stack Overflow

admin管理员组

文章数量:1344238

How should I go about testing a jQuery Hover action with Jasmine? My jQuery looks like

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

How could I simulate moving the hover action with jasmine and expect that 'someid' element is hidden and shown as it should?

How should I go about testing a jQuery Hover action with Jasmine? My jQuery looks like

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

How could I simulate moving the hover action with jasmine and expect that 'someid' element is hidden and shown as it should?

• javascript
• jquery
• bdd
• jasmine

Share Improve this question Follow edited Jul 27, 2016 at 14:12 sobi3ch 2,83322 gold badges3434 silver badges4242 bronze badges asked Oct 14, 2011 at 16:11 membLopermembLoper 2,00211 gold badge2020 silver badges2121 bronze badges

Add a ment  | 

1 Answer 1

Sorted by: Reset to default 12

You should be able to directly trigger a mouseover event and then test for the appropriate behavior:

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

$('#someid') must be in the DOM. The best way to do that is through a fixture.

本文标签： javascriptTesting jQuery Hover with JasmineStack Overflow