rspec - Rspec have_css、have_selector 和 have_field 有什么区别？

Question

我有这个 html.erb Rails 表单:

<h1 class=new_vendor_header>New Vendor Form</h1>

<%= form_for(@vendor) do |f| %>
  <%= f.label :name %>
  <%= f.text_field :name, placeholder: "ex: Jeff" %>
  <%= f.submit "Submit" %>
<% end %>

这通过:

expect(page).to have_selector('input[placeholder="ex: Jeff"]')

但这不会:

expect(page).to have_field('input[placeholder="ex: Jeff"]')

这不会:

expect(page).to have_selector('input[placeholder="ex: Jeff"]')

选择器指的是 HTML 选择器，所以它指的是 html 元素？
have_css 我以为是在寻找 CSS，但它似乎做得更多。这是备忘单中的示例:

response.body.should have_css("input", :count => 3) #True if there are 3 input tags in response

这似乎在寻找输入 HTML 选择器。

那么有什么区别，为什么其他两个在我的例子中失败了？

Answer 1

来自文档 here have_css将调用 has_selector与 css作为参数，如 has_selector可以处理css , xpath , ...

def have_css(css, options={})
      HaveSelector.new(:css, css, options)
end