javascript - 当已使用 CasperJS 选择元素时断言 css 类存在

Question

如果我已经通过应用于该元素的另一个类找到了该元素，有没有办法断言 css 类是否存在？

这是一个 dom 结构示例 -

<div class="large-20 small-20 small-centered large-centered columns">
    <div class="row">
      <div class="divider1"></div>
      <input name="options" type="checkbox" value="2" class="selectable-options grid-value" />
    </div>
</div>

其中“selectable-options”是根据某些条件添加到元素的类，我想根据我正在测试的工作流程断言它是否存在。我使用 xpath 来到达这个元素。我该如何实现这一目标？

Answer 1

如果您有要检查的元素和类的 css 选择器 - 您可以简单地将它们组合成一个选择器，并使用 casper.test.assertExists 检查此类元素是否存在。

var selector = ".some-element",
    className = "class-to-check"

// finding '.some-element.class-to-check'
casper.test.assertExists(selector + "." + className);

或者您可以尝试getElementInfo ，它提供了有关目标元素的更多信息

如果您使用 css 选择器找到所需的元素，该方法将返回具有该节点属性的对象。 class 属性也可用，因此您将能够检查 className 字符串

casper.then(function(){
    var info = this.getElementInfo("#some-element");
    var className = info.attributes["class"] || "";
    this.test.assert(className.indexOf("class-to-check") > -1);
});