Capybara/RSpec 'have_css' 匹配器不工作，但 has_css 可以

Question

在带有 Ruby 2 的 Rails 3.2.14 应用程序中，使用 rspec-rails 2.14.0 和 capybara 2.1.0 以下功能规范导致失败：

require 'spec_helper'

feature 'View the homepage' do
  scenario 'user sees relevant page title' do
    visit root_path
    expect(page).to have_css('title', text: "Todo")
  end
end

失败信息是：

 1) View the homepage user sees relevant page title
 Failure/Error: expect(page).to have_css('title', text: "Todo")
 Capybara::ExpectationNotMet:
   expected to find css "title" with text "Todo" but there were no matches. Also
   found "", which matched the selector but not all filters.

标题元素和正确的文本在呈现的页面上

但是当我在功能规范中更改这一行时：

expect(page).to have_css('title', text: "Todo")

到这里：

page.has_css?('title', text: "Todo")

然后测试通过。 [编辑 - 但请参阅下面来自 @JustinKo 的回复，该测试不是一个好的测试，因为它总会通过]

如何让have_css(...) 表单工作？是配置问题吗？

这是我Gemfile的相关部分：

group :development, :test do
  gem 'rspec-rails' 
  gem 'capybara'
end

而我的spec/spec_helper.rb 是这样设置的：

ENV["RAILS_ENV"] ||= 'test'
require File.expand_path("../../config/environment", __FILE__)
require 'rspec/rails'
require 'rspec/autorun'
require 'capybara/rails'
require 'capybara/rspec'

Dir[Rails.root.join("spec/support/**/*.rb")].each { |f| require f }

RSpec.configure do |config|

  # out of the box rspec config code ommitted

  config.include Capybara::DSL
end

有人知道我做错了什么吗？

Answer 1

默认情况下，Capybara 只查找“可见”元素。头元素（及其标题元素）实际上并不被认为是可见的。这会导致在 have_css 中忽略 title 元素。

您可以通过 :visible => false 选项强制 Capybara 也考虑不可见元素。

expect(page).to have_css('title', :text => 'Todo', :visible => false)

但是，使用have_title 方法会更容易：

expect(page).to have_title('Todo')