使用jqlite查找可见元素

Question

我正在尝试用Jasmine编写一个单元测试，以查找在单击按钮后变为可见的元素。我遇到的问题是find会找到隐藏的元素。

        var visibleUndoButtons = 0;
        var undoButtons = element.find(".btn-undo");
        undoButtons.each((index, value) => {
           if ($(this).css("display", "none")) {
               console.log("none");
           } else {
               visibleUndoButtons++;
           }
        });
        expect(visibleUndoButtons).toEqual(1);

jqlite能做到我所要求的吗？或者，是否有更好的方法来查找具有特定类的可见元素或不可见元素？

Answer 1

这就是我刚才所做的：

it("should not hide any of the checkboxes", inject(function ($document) {
  $document.find('body').append(element);
  angular.forEach(element.find('.check-box'), function (checkBox) {
    expect(angular.element(checkBox).css('display')).toBe('inline');
  });
}));

我的css可见性规则来自外部样式表(与内联相反)，这可能是.css()方法返回空字符串的原因(如果我省略

$document.find('body').append(element);

希望这能有所帮助。