我试图测试这个排序是在我正在测试的应用程序上工作的.我添加了2个条目’a’和’b’.我想测试一个出现在b之前.
Html如下：
<ul id="attendee-list" class="bars">
<div>
<li id="attendee-812202" class="bar border link attendee">
<a class="expandable clearfix" href="#!/person/812202/">
</div>
<div class="description">
<p class="title">a</p>
<p class="subtitle"></p>
<p class="subtitle"></p>
</div>
</a>
</li>
</div>
<div>
<li id="attendee-812206" class="bar border link attendee">
<a class="expandable clearfix" href="#!/person/812206/">
<div class="description">
<p class="title">b</p>
<p class="subtitle"></p>
<p class="subtitle"></p>
</div>
</a>
</li>
</div>
</ul>
所以我尝试了如下：
find("ul.bars li:nth-child(1) a div.description p.title").should have_content("a")
find("ul.bars li:nth-child(2) a div.description p.title").should have_content("b")
解决方法
问题
问题是李：第一个孩子(1).这就是说,找到一个是父母的第一个孩子.由于每个li都被包装在一个div中,所以两个li元素都是第一个孩子 – 即两个标题都是由选择器ul.bars li：nth-child(1)div.description p.title(因此是模糊的匹配)返回).
解决方案1 – 查找全部
我认为最简单的解决方案是使用css-selector来返回所有的标题,然后使用Capybara来检查第一个和第二个.
# Get all titles
titles = page.all("ul.bars li a div.description p.title")
# Make sure that the first and second have the correct content
titles[0].should have_content("a")
titles[1].should have_content("b")
解决方案2 – Xpath
一个替代的解决方案,如果你不想得到所有(也许在页面上太多),是尝试xpath.它不是很漂亮,但你可以做：
page.find(:xpath,'(//ul[@class="bars"]/div/li/a/div[@class="description"]/p[@class="title"])[1]').should have_content("a")
page.find(:xpath,'(//ul[@class="bars"]/div/li/a/div[@class="description"]/p[@class="title"])[2]').should have_content("b")
