Jasmine jQuery test mouse введите

Question

Я новичок в jasmine и jquery/javascript, поэтому не уверен, что я делаю неправильно здесь. Не могли бы вы мне помочь?.

Кажется, что он не может найти элемент DOM и не может выполнить ожидаемое действие правильно.

describe('ClickFunctions', function() { 

    beforeEach(function() { 
     jasmine.getFixtures().fixturesPath = 'src/test/js/fixtures'; 
     loadFixtures('Click.html'); 
    }); 

    it('should change the css on mouseenter of step-header',function() { 

     var step = $('#Step_1'); 

     step.trigger('mouseenter'); 

     expect(step).toHaveCss({ 
      'background-color': '#D9EDF7' 
     }) 

    }); 
}); 

Answer 1

Возможно, вам также потребуется загрузить свои стили. Например:

loadStyleFixtures('css/stylesheet.css');

и консоли журнала, чтобы увидеть, если $('#Step_1') существует. Если этого не произойдет, значит, у вашего инструмента Click.hml возможно нет необходимых элементов. Трудно сказать без дополнительной информации.

Вот ресурсы, которые я нашел, с соответствующими примерами:

http://www.htmlgoodies.com/beyond/javascript/js-ref/testing-dom-events-using-jquery-and-jasmine-2.0.html

http://www.itsmycodeblog.com/jasmine-jquery-testing-css/