Rspec/capybara 请求无法查看页面内容答案

【问题标题】：Rspec/capybara requests failing to see page contentRspec/capybara 请求无法查看页面内容
【发布时间】：2013-07-19 17:17:45
【问题描述】：

最终编辑： 感谢@PeterAlfvin 建议我专注于应用程序布局和标题，我能够修复它。我无法弄清楚到底是什么问题，但标题中的某些内容导致水豚看不到页面的其余部分。我删除了<%= render 'layouts/header' %>，在application.html.erb 中重新构建了标头，一旦它工作了，就将其拉出部分并替换渲染语句。我摆弄了新旧头文件以试图找出问题所在，但还没有成功。这让我的测试看起来有点脆弱，但如果问题再次出现，至少我会知道去哪里找。

编辑：如果您想投反对票，请继续，但请告诉我我忽略或未能研究的内容，因为您的评论可能会帮助我解决这个问题。

我已经搜索了 HOURS 试图解决此问题，但我不知道发生了什么。我敢肯定我错过了一些简单的东西，这对任何最后一天没有盯着它的人来说都是显而易见的。无论如何，这是我的希望。

我所有的 Rspec/capybara 请求规范都失败了，但是当我在浏览器中查看页面时，规范找不到的所有元素都在那里。据我所知，Capybara 没有看到整个页面 - save_and_open_page 返回一个几乎空白的页面。我在下面的规范中看到的失败是普遍的——规范可以看到页面标题，但在页面正文中看不到任何内容。我相当有信心我所有的路线都很好，因为所有的标题测试都在他们应该通过的时候通过。

spec/requests/static_pages_spec.rb

require 'spec_helper'

describe "StaticPages" do

  subject { page }    

  describe "About page" do 
    before { visit about_path } 
    it { save_and_open_page; 
         should have_selector('title', text: 'Company Name | About') }    
    it { should have_selector('h1', text: 'About stuff') }
    it { should have_content('About paragraph') }
  end

  #more specs...

end

结果：

5) StaticPages About page 
   Failure/Error: it { should have_selector('h1', text: 'About stuff') }
     expected css "h1" with text "About stuff" to return something
   # ./spec/requests/static_pages_spec.rb:28:in `block (3 levels) in <top (required)>'

6) StaticPages About page 
   Failure/Error: it { should have_content('About paragraph') }
     expected there to be content "About paragraph" in "Company Name | About\n\t\n\t\t"
   # ./spec/requests/static_pages_spec.rb:29:in `block (3 levels) in <top (required)>'

这是我的浏览器中通过 save_and_open_page 打开的页面的“查看源代码”输出：

<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Company Name | About</title>
<link href="/assets/application.css" media="all" rel="stylesheet" type="text/css">
<script src="/assets/application.js" type="text/javascript"></script><!--[if lt IE 9]>
    <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
    <![endif]-->
</head>
<body>
<header class="navbar navbar-fixed-top navbar-inverse"><div class="navbar-inner">
    </div></header>
</body>
</html>

因此，根据来源和规范 #6 的响应消息，它似乎没有搜索除页面标题之外的任何内容，这得到了我的标题测试总是通过但没有任何结果的事实的支持否则会。我有寻找表单元素、按钮等的测试，并且我尝试过以不同的方式识别它们（标签、id、名称），但水豚找不到它们中的任何一个。同样，当我在浏览器中查看这些页面时，一切都清晰可见，并且标记正确。

当我在浏览器中访问“关于”页面时，这是正文的页面源，与上面显示的正文内容形成对比：

<body>
    <header class="navbar navbar-fixed-top navbar-inverse">
<div class="navbar-inner">
    <a class="brand" href='/'>Company Name</a>
    <ul class="nav pull-left">
        <li><a href="/products">Products</a></li>
        <li><a href="/about">About</a></li>
        <li><a href="/contact">Contact</a></li>
    </ul>
    <ul class="nav pull-right">
        <li><a href="/users/sign_in">Sign in</a></li>
    </ul>
</div>
    </header>
<div class="container-fluid">
    <div class="row-fluid">
        <div class="span10 offset2"></div>      
            <h1>About stuff</h1>
            <p>About paragraph</p>      
    </div>
</div>
</body>

宝石文件：

source 'https://rubygems.org'

gem 'rails', '3.2.13'
gem 'bootstrap-sass', '2.1'
gem 'faker', '1.1.2'
gem 'will_paginate', '3.0.4'
gem 'bootstrap-will_paginate', '0.0.9'
gem 'jquery-rails'
gem 'devise'
gem 'foreigner'
gem 'paper_trail'

group :development, :test do
  gem 'sqlite3', '1.3.7'
  gem 'rspec-rails', '2.11.0'
  gem 'letter_opener'
  gem 'factory_girl_rails', '4.1.0'
end

# Gems used only for assets and not required
# in production environments by default.
group :assets do
  gem 'sass-rails',   '3.2.5'
  gem 'coffee-rails', '3.2.2'

  # See https://github.com/sstephenson/execjs#readme for more supported runtimes
  # gem 'therubyracer', :platforms => :ruby

  gem 'uglifier', '1.2.3'
end 

group :test do
  gem 'capybara', '1.1.2'
# gem 'rb-inotify', '0.8.8'
# gem 'libnotify, '0.5.9'
  gem 'shoulda-matchers'
  gem 'accept_values_for'
end

group :production do
  gem 'pg', '0.12.2'
end

任何有助于解决这个问题的帮助将不胜感激。如果我应该包含任何其他信息，请告诉我。

编辑以添加 erb 文件

app/views/layouts/application.html.erb

<!DOCTYPE html>
<html>
<head>
<title><%= full_title(yield(:title)) %></title>
  <%= stylesheet_link_tag    "application", :media => "all" %>
  <%= javascript_include_tag "application" %> 
  <%= csrf_meta_tags %>
    <!--[if lt IE 9]>
    <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
    <![endif]-->
</head>
<body>

  <%= render 'layouts/header' %>  

  <div class="container-fluid">
    <div class="row-fluid">
      <div class="span10 offset2">

        <% flash.each do |key, value| %>
          <div class="alert alert-<%= key %>"><%= value%></div>
        <% end %>

      </div>  

    <%= yield %>

    <%= render 'layouts/footer' %>
    <%= debug(params) if Rails.env.development? %>    

    </div>
  </div>   
</body>
</html>

app/views/layouts/_header.html.erb

<header class="navbar navbar-fixed-top navbar-inverse">
  <div class="navbar-inner">
    <a class="brand" href='/'>Company Name</a>
      <ul class="nav pull-left">
        <li><%= link_to "Products", products_path %></li>
        <li><%= link_to "About",    about_path    %></li>
        <li><%= link_to "Contact",  contact_path  %></li>
      </ul> 

    <% if user_signed_in? %>
      <ul class="nav pull-right"> 
        <li><strong><%= current_user.email %></strong></li>
        <li><%= link_to 'Account', account_path %></li>
        <li><%= link_to "Sign out", destroy_user_session_path, method: :delete %></li>
      </ul> 
    <% else %>
      <ul class="nav pull-right">
        <li><%= link_to "Sign in", new_user_session_path %></li>
      </ul>
    <% end %>
  </div>
</header>

app/views/layouts/_footer.html.erb

<footer class="footer">
  <small>Company Name Price Management</small>
</footer>

app/views/static_pages/about.html.erb

<% provide(:title, 'About') %>
<h1>About stuff</h1>
<p>About paragraph</p>

【问题讨论】：

我对在您的规范中包含 save_and_open_page 和同名的源文件感到困惑。这两者有什么关系？ save_and_open_page 方法有什么作用？
我在摸索，但您是否尝试过不使用save_and_open_page 运行它，而只是在此时执行puts page 以查看内容是否相同？
哦，我刚刚注意到您没有在任何地方为 rspec 设置 subject。你试过subject {page}吗？
仍在摸索，但您是否重新启动了 Web 服务器（以确保您没有看到基于旧代码的浏览器误报）？你可以分享相关的 .erb 文件吗？
好吧，这太疯狂了。 ;-) 假设您已确认 about_path 有效，我将开始修改您的 _layout.html.erb 文件，看看您是否可以建立该文件与您的测试产生的相关性。现在，它没有显示navbar-inner div 的任何内容。您可以在该 div 标签中添加一些内容（例如 id），然后查看它是否出现在您的测试中。我假设这里没有时间问题，因为水豚应该“等待”直到页面刷新，但你也可以尝试延迟，只是为了排除这种情况。

标签： ruby-on-rails-3 rspec tdd capybara

【解决方案1】：

今天（一个多月后）我意识到导致问题的原因 - 一个不正确的 HTML 注释。我在做实验的时候，一般都是把实验注释掉，而不是删掉，所以肯定会再次发生，但这次更容易发现。

正确评论：


评论错误：
<!-- commented-out HTML --!>

错误评论末尾的第二个! 导致评论无法正确关闭。我的文本编辑器不在乎，我的浏览器似乎呈现的一切都是一样的，但就我而言，水豚并没有读过去。

有点尴尬，但至少我现在知道了。

【讨论】：