Rails (/Rspec) (/Capibara)：测试图标可见？答案

【问题标题】：Rails (/Rspec) (/Capibara): Test Icon is visible?Rails (/Rspec) (/Capibara)：测试图标可见？
【发布时间】：2014-12-26 08:48:12
【问题描述】：

我目前正在使用 Rails、Rspec 和 Capybara。

如何测试图标在客户端是否真正可见并通过？像这样的：

<i class="ionicons ion-man"></i>

我在堆栈溢出中搜索了“Rspec Icons”和“Rails Test Icons”，但没有找到可以回答这个问题的现有问题。

编辑：

我不想显示 css 在页面上存在且可见，而是显示图标是否正在从资产管道中下来。我刚刚测试了这个解决方案并在“破坏”资产管道后通过了测试，以便图标作为框出现。也许我的要求超出了水豚的能力？

【问题讨论】：

【解决方案1】：

您可以检查具有特定类（在您的情况下为 ionicons）的特定节点（在您的情况下为 li）是否存在并且是否可见：

page.has_css?('li.ionicons', :visible => true)

【讨论】：

不幸的是，这仅表明 css 在页面上存在且可见，而不是图标是否正在流下。我刚刚测试了这个解决方案并在“破坏”资产管道后通过了测试，以便图标作为框出现。也许我的要求超出了水豚的能力？

【解决方案2】：

您可以使用have_css 选择器。

expect(page).to have_css('i.ion-man')

【讨论】：