いくつかのdivに何らかのテキストが含まれているとチャイをアサートするには？

Question

いくつかのdiv（ '。MyDive'）に 'Some text'というテキストが含まれていることをどのようにアサートするのですか？

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

Answer 1

DOMの要素にアクセスするには、jQueryをプルする必要があります。あなたがそうのようなバニラチャイを使用してDOM要素に対して主張することができることをしたら：

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

あなたが視覚的にあなたのコードビットをきれいにしたい場合は、あなたもchai-jqueryのようなプラグインに引くとカスタムアサーションを使用することができますこのようcontain(text)として、：あなたはWebdriverIOでチャイを使用している場合

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

Answer 2

、あなたは

client 
    .element('.MyDive') 
    .getText() 
    .then(function (text) { 
     expect(text).to.equal('Some text'); 
    }); 

ような何かを行うことができます