Jasmine jQuery: 检查元素是否可见

Question

你好，我有一个关于使用 Jasmine 进行单元测试的问题（插件：jQuery）

如何测试对象是否在文档的 DOM 内。问题是我使用了一个工具提示功能，只有在模拟事件时才会激活。有模拟效果的时候，DOM上附加了一个物体，我想看看它是否可见

it("test 1: should invoke the Tooltip() function.", function () {                               
        spyEvent = spyOnEvent('.span_width', "mouseover");                  
        $('.span_width').simulate('mouseover');                         

        expect('mouseover').toHaveBeenTriggeredOn('.span_width');
        expect(spyEvent).toHaveBeenTriggered();                             

        # A TEST TO check if .tooltip is visible???
        # IN JQUERY would that be: $('.tooltip').is(':visible');                                                            
});

Answer 1

您发表了评论IN JQUERY would that be: $('.tooltip').is(':visible');

是的。在 jasmine 单元测试中，它通过了测试，你期望上面的是真的：

expect($('.tooltip').is(':visible')).toBe(true); // Passes
expect($('.tooltip').is(':visible')).toBe(false); // Fails

Jasmine jQuery: 检查元素是否可见

Jasmine jQuery: Check if element is visible

javascript

jquery

jasmine

jasmine-jquery