assert - 如何用 chai 断言某些 div 包含一些文本？

Question

如何用 chai 断言某些 div('.MyDive') 包含文本 'Some text'？

<div class="MyDive">
   <div>Some text</div>
</div>

Answer 1

你会想要拉进来 jQuery 访问 DOM 上的元素。一旦你有了它，你就可以像这样使用 vanilla Chai 对 DOM 元素进行断言:

expect($('div.MyDive').text()).to.have.string('Some text');

如果你想在视觉上稍微清理一下你的代码，你也可以引入一个像 chai-jquery 这样的插件。并使用自定义断言，例如 contain(text) :

expect($('div.MyDive')).to.contain('Some text');