angularjs - Angular : how to check for a directive attribute? 中的 Protractor 测试

Question

我正在用 Angular 编写 Protractor 测试，我想检查指令是否正确呈现，但我不确定在 Protractor 语法中执行此操作的最佳方法。

这是我渲染的 HTML 的样子:

<div faqs-widget="" class="ng-scope">
<h1 class="ng-binding">My FAQs</h1>
<ul>
<!-- ngRepeat: question in data -->
<li ng-repeat="question in data" class="ng-scope ng-binding">A question</li>
<!-- end ngRepeat: question in data -->
</ul>
</div>

所以理想情况下，我想至少检查一下是否有 div与 faqs-widget属性(property)。我怎样才能做到这一点？

(PS:也欢迎就我应该测试的其他内容提出建议。)

Answer 1

这听起来像一个单元测试，但你可以用 Protractor 来做，

ptor.findElement(protractor.by.css('div[faqs-widget]').isElementPresent().then(function(v){ 
    expect(v).toBe(true);
});