我当时使用Caplybara
,Cucumber
和进行测试WebDriver
,所以我互相看着两个元素,于是我想到了。
结构简单
<div id="father-parent">
<p id="children-0">Firt element</p>
<p id="children-1">Second element</p>
</div>
如果你要验证的是孩子0在孩子1之前,你可以使用CSS相邻兄弟选择器
expect(page).to have_css('#children-0 + #children-1')
如果你只想验证children-0是child-1的先前同级兄弟(不一定相邻),则可以使用常规的同级选择器
expect(page).to have_css('#children-0 ~ #children-1')