检查嵌套div的类名称Ember / Mocha / Chai测试？

Question

所以我正在使用Mocha和Chai编写集成测试。 我是测试的新手。

长话短说。

我安装了几个Chai jQuery插件，如 chai-dom ， chai-jq 和 chai-jquery 。

我正在通过“ ember test --server ”运行测试

我有一个带有“。navigation”类的div。 这个div有三个嵌套的div，每个div都有一个唯一的类。

在我的测试中，我正在检查父div是否存在：

should.exist（ '导航'）;

我如何“期望”其他3个嵌套的div拥有我想要的类？

我想要类似的东西：

期望（$（”。导航））。孩子[0] .to.have.class（ 'flex1'）

OR

期望（$（'。navigation））。children（）。to.have.class（'flex1，flex2，flex3'）

OR

期望（$（'。navigation））。descendants.to.have.class（'flex1，flex2，flex3'）

那样的事情......？

相信ID相同吗？

提前谢谢。

沫。

Answer 1

没关系。我发现最好的办法如下：

<强> should.exist('.navigation');

<强> expect($('.navigation').children()).to.have.length(3)

<强> should.exist($('.navigation').children('.flex-left'));

或更多断言将是：expect($('.navigation').children('.flex-left')).to.have.length(1)

<强> expect($('.navigation').children('.flex-left').children()).to.have.length(2)