水豚RSpec不查找和单击CSS元素

Question

我正在为我的Rails代码库编写一个测试套件，并试图使用Capybara单击一个搜索图标，检查搜索字段是否出现。然而，由于Capybara找不到CSS元素“search\u icon”，测试一直失败。我试过使用click\u on（）和查找（CSS）。单击，但都不起作用。前者返回错误

1） 内容搜索单击放大镜会使搜索框出现故障/错误：单击（'search\u icon'）Capybara：：ElementNotFound：无法找到链接或按钮“search\u icon”#/规格/特征/内容/内容\u搜索\u规格rb:13:in“block（2 levels）in”

而后者返回

1） 内容搜索单击放大镜使搜索框显示失败/错误：查找（“#search\u icon”）。单击Capybara：：ElementNotFound：找不到css“#search\u icon”#/规格/特征/内容/内容\u搜索\u规格rb:13:in“block（2 levels）in”

这是RSpec解译

scenario "clicking magnifying glass makes search box appear" do
  visit contents_path

  find("#search_icon").click

  #Also tried this:
  #click_on('search_icon')

  expect(find("#search-form").visible?).to be true
end

尝试查找此元素的

<div class="pull-right has-tooltip" data-title="Search" id="search_icon" data-original-title="" title="">

<i class="glyphicons-icon search"></i>

</div>

我的RSpec场景代码是否存在问题，或者我如何找到并单击此元素？




Answer 1

#click_on是#click_link_or_button的别名

find('#search_icon .search').click

此外，如果您使用capybara rspec匹配器，那么最后的期望值会更好

expect(page).to have_css('#search_form', visible: true)

只有当您更改了Capybaras默认的只查找可见元素时，才需要visible:true