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

Question

如何与chai断言某些div（＆＃39; .MyDive＆＃39;）包含文字＆＃39;某些文字＆＃39;？

android:layout_alignRight="@id/id_of_view"

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');

Answer 2

我更喜欢使用chai-dom：

import chai, { expect } from "chai";
import chaiDom from "chai-dom";

chai.use(chaiDom);

expect(document.querySelector(".MyDive").to.have.text("Some text");

Answer 3

如果您正在使用带有WebdriverIO的chai，您可以执行类似

的操作

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