使用 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);

希望对您有所帮助。