angularjs - 使用 Protractor 检查 DOM 元素中的文本

Question

这是我在使用 Protractor 测试 Angular 应用程序时尝试做的事情。我想得到某个元素，有点像这样:

<div class="someClass">
   <p>{{textFromBoundModel}}</p>
</div>

然后获取它的 html，并检查它是否包含我希望它具有的文本。

我试图通过 cssContainingText 首先获取这个元素方法，但它并不完全有效(不知道为什么；可能是因为段落中的文本是动态生成的)。所以现在我只使用 by.css 来获取这个元素定位器。接下来，我正在检查它是否包含我正在测试的文本:

// this is Cucumber.js    

this.Then(/^Doing my step"$/, function(callback){
    var el = element(by.css('.someClass'));            
    expect(el).to.contain("some interesting string");
    callback();
 });
});

但这不起作用。问题是， el是某种定位器对象，我不知道如何获取它找到的元素的 html 以便针对此 html 进行测试。尝试过 .getText()，但没有成功。

有什么建议？

Answer 1

做:

expect(el.getText()).to.eventually.contain("some interesting string");

工作？

我相信您需要 .eventually等待 promise 解决，你需要 .getText()获取 div 的内容.

见 the cucumber sample头的chai-as-promised东西.