Probando jQuery Hover con Jasmine

Question

¿Cómo debo probar una acción jQuery Hover con Jasmine? Mi jQuery parece

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

¿Cómo podría simular trasladando la acción de desplazarse con jazmín y esperar que el elemento 'someid' se oculta y se muestra como debería?

Answer 1

Usted debe ser capaz de desencadenar un evento directamente encima del ratón y luego probar para el comportamiento apropiado:

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

$('#someid') debe estar en el DOM. La mejor manera de hacerlo es a través de un accesorio.