如何使用 Capybara 2.0 测试页面标题？

2023-12-07

尝试测试该页面包含<title>My Title</title> with:

# spec/features/reports_spec.rb
require 'spec_helper'

feature "Archive Management" do
  subject { page }

  describe "Index Page" do
    before(:all) { 10.times { FactoryGirl.create(:randomreport) } }
    after(:all) { Report.delete_all }

    describe "when no search terms present" do
      before { visit reports_path }

      it { should have_selector('title', text: 'My Title') } # <= Fails w/Capybara 2.0
      it { should have_selector('title') }                   # <= passes
      it { should have_text('My Title') }                    # <= passes
      it { should have_selector('h2', text: "Welcome") }     # <= passes
    end
  end
end

错误信息：

 Failure/Error: it { should have_selector('title', text: base_title) }
 Capybara::ExpectationNotMet:
   expected to find css "title" with text "My Title" but there were no matches. Also found "", which matched the selector but not all filters.

我知道我忽略了明显的痛苦，但无法弄清楚它是什么？是<title>标签不再被视为“选择器”？！？或者...？！？

编辑（调试器信息）:

如果我按照 @shioyama 巧妙的建议进入调试器，很明显 page.body 包含<title>My Title</title>。包含相同的 page.body<h2>Welcome to My Title Project</h2>并通过！

看来找到了<title>...</title>标记但不My Title在其中。但它确实发现My Title稍后在页面内<a href=\"/\" class=\"brand\">My Title</a>和/或在<h2>Welcome to The My Title Project</h2>:

(rdb:1) p page
#<Capybara::Session>
(rdb:1) p page.body
"<!DOCTYPE html>\n<html>\n<head>\n<title>My Title</title>\n
<meta content='research, report, technology' name='keywords'>\n<meta 
content='Some Project' name='description'>\n<link href=\"/assets/application.css\"
...
</head>\n<body>\n<header class='navbar navbar-fixed-top 
navbar-inverse'>\n<div class='navbar-inner'>\n<div class='container'>\n
<a href=\"/\" class=\"brand\">My Title</a>\n<div class='pull-right'>\n
<ul class='nav'>\n<li><a href=\"/about\">About</a></li>\n<li><a href=\"/help\">Help</a>
</li>\n</ul>\n<form accept-charset=\"UTF-8\" action=\"/reports\" 
class=\"navbar-search\" method=\"get\"><div style=\"margin:0;padding:0;display:inline\">
<input name=\"utf8\" type=\"hidden\" value=\"&#x2713;\" /></div>\n
<input class=\"search-query\" id=\"query\" name=\"query\" 
placeholder=\"Search\" type=\"text\" />\n</form>\n\n</div>\n</div>\n</div>\n</header>\n\n
<div class='container'>\n<div class='hero-unit center'>\n<h1>My Title</h1>\n
<h2>Welcome to The My Title Project</h2>\n<p>Lorem ipsum dolor sit amet, consectetur 
adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. 
...

我还可以在调试器中尝试什么来找出 has_selector?('title', text: ...) 失败的原因？

那么，在 Capybara 2.0 中测试标题的正确方法是什么？

当我升级到 Capybara 2.0 时，我遇到了同样的问题，并通过使用创建以下自定义 RSpec 匹配器来解决这些问题Capybara.string:

规范/支持/utilities.rb

RSpec::Matchers::define :have_title do |text|
  match do |page|
    Capybara.string(page.body).has_selector?('title', text: text)
  end
end

现在，在规范文件中subject { page }，我可以用：

it { should have_title("My Title") }
it { should_not have_title("My Title") }

顺便说一句，关于这个问题的对话对我找到这个答案非常有帮助，所以谢谢！

更新1：

如果您不想创建自定义 RSpec 匹配器，感谢这个 StackOverflow 答案按用户dimuch我现在知道你可以打电话have_selector直接在page.source（别名page.body) 测试不可见的 DOM 元素：

it "should show the correct title" do
  page.source.should have_selector('title', text: 'My Title')
end

或在哪里subject { page }:

its(:source) { should have_selector('title', text: 'My Title') }

更新2：

从Capybara 2.1开始，内置了have_title/has_title?匹配器，在这个答案中不需要自定义 RSpec 匹配器。此外，its(:source) { ... }Update 1 中描述的测试似乎在 Capybara 2.1 下失败；我已经确认了have_title/has_title?按预期工作，因此如果您计划升级，最好使用以下语法：

When subject { page }:

it { should have_title("My Title") }
it { should_not have_title("My Title") }

使用时expect语法内it/scenario block:

expect(page).to have_title("My Title")
expect(page).to_not have_title("My Title")

本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系:hwhale#tublm.com(使用前将#替换为@)