使用specs测试,来自railstutorial第3章的水豚不起作用(have_selector('title',:text =>'| Home'))

时间:2012-07-30 17:14:57

标签: testing capybara ruby-on-rails-3.2 rspec-rails spork

我正在研究ruby.railstutorial.org/ruby-on-rails-tutorial-book。 我使用rails 3.2.7,spork,rspec,capybara,launchy和一些警卫:)

我在测试第3章中遇到了一个非常奇怪的问题:

似乎测试不适用于<head> - 标签内的内容。如果我将<title> - 标记放在<body> - 标记内而不是head-tag中,它可以正常工作。 当我将<h1> - 标记放在<title><head> - 标记上方时,它也有效。这很奇怪,不是吗?

请帮我解决。

示例来自:ruby.railstutorial.org/chapters/static-pages#code:title_test:

it "should have the right title" do
  visit '/static_pages/home'
  page.should have_selector('title',
                    :text => "Ruby on Rails Tutorial Sample App | Home")
end

错误消息是:

  

故障:

     

1)静态页面主页的标题应为“Home”        失败/错误:page.should have_selector('title',:text =&gt;'| Home')        水豚:: ExpectationNotMet:          期待找到带有文字“| Home”的css“title”,但没有匹配。还找到了“”,它与选择器匹配但不是全部   过滤器。        './spec/requests/static_pages_spec.rb:15:in'块(3级)in'

那个正在运作:

it "should have the h1 'Sample App'" do
  visit '/static_pages/home'
  page.should have_selector('h1', :text => 'Sample App')
end

呈现的HTML文件:

<!DOCTYPE html>
<html>
<head>
  <title>Ruby on Rails Tutorial Sample App | Home</title>
  <!-- some css,js stuff -->
</head>
<body>

<h1>Sample App</h1>
<p>
  This is the home page for the
  <a href="http://railstutorial.org/">Ruby on Rails Tutorial</a>
  sample application
</p>

</body>
</html>

由于

编辑: 你可以在github上找到我正在使用的文件: https://github.com/farukg/sample_app/

spec文件的链接: https://github.com/farukg/sample_app/blob/master/spec/requests/static_pages_spec.rb

我所做的解释: 主页的代码就像应该的样子。 about页面的代码有自己的布局,里面标题标签上面有一个h1-tag,表明它可以用于某种原因。 最后,帮助页面在body标签内部也有标题标签,也适用。

我绝对迷茫,为什么我有这么奇怪的行为?

守卫的完整输出:

> Run all
Bundle already up-to-date
Running all specs
Running tests with args ["--drb", "--colour", "-f", "progress", "-r", "/home/faruk/.rvm/gems/ruby-1.9.3-p125/gems/guard-rspec-1.2.0/lib/guard/rspec/formatters/notification_rspec.rb", "-f", "Guard::RSpec::Formatter::NotificationRSpec", "--out", "/dev/null", "--failure-exit-code", "2", "spec"]...
..FFF.....Neues Fenster in aktueller Browsersitzung erstellt.
.FF..

Failures:

  1) Static pages Home page having application layout should have_selector head title 'Home'
     Failure/Error: page.should have_selector('head title',
     Capybara::ExpectationNotMet:
       expected to find css "head title" with text "Ruby on Rails Tutorial Sample App | Home" but there were no matches. Also found "", which matched the selector but not all filters.
     # ./spec/requests/static_pages_spec.rb:23:in `block (3 levels) in <top (required)>'

  2) Static pages Home page having application layout should have content 'Home'
     Failure/Error: page.should have_content("Ruby on Rails Tutorial Sample App | Home")
       expected there to be text "Ruby on Rails Tutorial Sample App | Home" in "Sample App This is the home page for the Ruby on Rails Tutorial sample application"
     # ./spec/requests/static_pages_spec.rb:30:in `block (3 levels) in <top (required)>'

  3) Static pages Home page having application layout should have css title 'Home'
     Failure/Error: page.should have_css("title", :text => "Ruby on Rails Tutorial Sample App | Home")
     Capybara::ExpectationNotMet:
       expected to find css "title" with text "Ruby on Rails Tutorial Sample App | Home" but there were no matches. Also found "", which matched the selector but not all filters.
     # ./spec/requests/static_pages_spec.rb:36:in `block (3 levels) in <top (required)>'

  4) Static pages about page with own layout should JUST have_selector head title 
     Failure/Error: page.should have_selector('head title')
     Capybara::ExpectationNotMet:
       expected to find css "head title" but there were no matches
     # ./spec/requests/static_pages_spec.rb:86:in `block (3 levels) in <top (required)>'

  5) Static pages about page with own layout should have_selector head title 'About Us'
     Failure/Error: page.should have_selector('head title',
     Capybara::ExpectationNotMet:
       expected to find css "head title" with text "Ruby on Rails Tutorial Sample App | About Us" but there were no matches
     # ./spec/requests/static_pages_spec.rb:93:in `block (3 levels) in <top (required)>'

Finished in 0.66215 seconds
15 examples, 5 failures

Failed examples:

rspec ./spec/requests/static_pages_spec.rb:20 # Static pages Home page having application layout should have_selector head title 'Home'
rspec ./spec/requests/static_pages_spec.rb:27 # Static pages Home page having application layout should have content 'Home'
rspec ./spec/requests/static_pages_spec.rb:33 # Static pages Home page having application layout should have css title 'Home'
rspec ./spec/requests/static_pages_spec.rb:83 # Static pages about page with own layout should JUST have_selector head title 
rspec ./spec/requests/static_pages_spec.rb:90 # Static pages about page with own layout should have_selector head title 'About Us'
Done.

> Neues Fenster in aktueller Browsersitzung erstellt.
Neues Fenster in aktueller Browsersitzung erstellt.

6 个答案:

答案 0 :(得分:7)

这只是因为<title>位于<head>,所以它不会出现。

使用它,解决了我的问题:

page.should have_selector 'title', :visible => false

提示:您可以应用同样的方法来检查其他<head>元素,例如<meta>,以确保您(并且您会留下)Google友好。

答案 1 :(得分:6)

我刚刚在Github上检查了你的项目,似乎你正在使用capybara的边缘版本:

的Gemfile

gem 'capybara', :git => 'git://github.com/jnicklas/capybara.git'

Gemfile.lock的

GIT
  remote: git://github.com/jnicklas/capybara.git
  revision: e561d249555195cdd0e9251246fc75aae876f833
  specs:
      capybara (2.0.0.beta2)
      mime-types (>= 1.16)
      nokogiri (>= 1.3.3)
      rack (>= 1.0.0)
      rack-test (>= 0.5.4)
      selenium-webdriver (~> 2.0)
      xpath (~> 1.0.0.beta1)

如果不出意外,我敢说这是你问题的原因。 (当然,在更新capybara以使用边缘版本后,我的reference project全部被打破了)

因此,除非您热衷于帮助Capybara 2进行beta测试,否则您最好坚持列出here所列的1.1.2版本。

答案 2 :(得分:5)

如果你使用的是Capybara 2,你可以使用have_title这样的方法:

page.should have_title("Ruby on Rails Tutorial Sample App | Home")

答案 3 :(得分:0)

你可以测试一下:

page.should have_selector('head title',
                          :text => "Ruby on Rails Tutorial Sample App | Home")

答案 4 :(得分:0)

目前最简单的方法是从页面html访问Title元素,这将返回标题:

page.html.match(/<title>(.*)<\/title>/)[1].to_s

不太理想,因为它是在html(!!)上使用正则表达式但是会起作用。可能最好写一个辅助函数

# put in spec/support/utilities.rb
def page_title(page)
  page.html.match(/<title>(.*)<\/title>/)[1].to_s
end

然后您的测试可以写成

page_title(page).should eq( "Ruby on Rails Tutorial Sample App | Home" }

答案 5 :(得分:0)

这对我来说也是新的,在推迟这么久之后。 感谢stackoverflow,我能够在描述之后立即在spec文件的顶部修复一些带有render_views的测试。 我从

传递测试
 describe "GET 'home'" do
   it "returns http success" do
     get 'home'
     response.should be_success
 end

但是没有使用布局我得到了这个错误:text 水豚:: ExpectationNotMet:   期待找到文本“Home | Ruby on Rails Tutorial Sample App”的css“title”,但没有匹配。 但除此之外,在gem文件中使用gem'capybara','1.1.2'之后 我的测试通过。但我也在路线中使用get'home'作为动作匹配。 我希望这会有所帮助。