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/

Jasmine jQuery测试鼠标进入

1 个答案: