javascript - 没有 Javascript 的 capybara Click_Button 失败

Question

我正在使用 RSpec 3 和 Capybara 2.2.0 编写一个简单的登录测试，但我终究无法弄清楚为什么这个测试总是失败。

我已经设法确定测试实际上并没有点击按钮，但它认为是。另一件奇怪的事情是，即使这不是 javascript 表单，在将 capybara 设置为 js: true 的情况下运行测试也会呈现成功的测试。我错过了什么？

GemFile

source 'https://rubygems.org'
ruby '2.0.0'

gem 'rails', '4.0.1'
gem 'bootstrap-sass', '~> 3.0.2.0'
gem 'bcrypt-ruby', '3.1.2'
gem 'faker', '1.1.2'
gem 'will_paginate', '3.0.4'
gem 'will_paginate-bootstrap', '1.0.0'
gem 'holder_rails', '2.2.0'

group :development, :test do
  gem 'sqlite3', '1.3.8'
  gem 'rspec-rails', '~> 3.0.0.beta'
end

group :test do
  gem 'selenium-webdriver', '2.35.1'
  gem 'capybara'
  gem 'factory_girl_rails', '4.2.0'
  gem 'cucumber-rails', '1.4.0', :require => false
  gem 'database_cleaner', github: 'bmabey/database_cleaner'
  gem 'launchy'
  gem 'growl', '1.0.3'
end

gem 'sass-rails', '>= 3.2'
gem 'uglifier', '2.1.1'
gem 'coffee-rails', '4.0.1'
gem 'jquery-rails', '3.0.4'
gem 'turbolinks', '1.1.1'
gem 'jbuilder', '1.0.2'

group :doc do
  gem 'sdoc', '0.3.20', require: false
end

group :production do
  gem 'pg', '0.15.1'
  gem 'rails_12factor', '0.0.2'
end

*Authentication_pages_spec.rb*

require 'spec_helper'

describe "Authentication" do

  subject { page }

  describe "signin page" do
    before { visit signin_path }

    it { should have_content('Sign in') }
    it { should have_title('Sign In') }
  end

  describe "signin", :type => :feature do

    before :each do
      visit signin_path
    end

    describe "with invalid information" do
      specify do
        click_button 'Sign in'
        should have_selector('div.alert.alert-danger',  text: 'Invalid')
        should have_title('Sign In')
      end
    end

    describe "with valid information" do
      let(:user) { FactoryGirl.build(:user) }
        before do    
            fill_in "Username",     with: user.username
        fill_in "Password",     with: user.password
      end

      specify do
        click_button 'Sign in'
        save_and_open_page
        # current_path.should == root_path
        should_not have_title("Sign In")
        should have_content("dreams")
      end
    end
  end
end

Sessions.rb

class SessionsController < ApplicationController
    def new
    end

    def destroy
    end

    def create
        user = User.find_by(username: params[:session][:username].downcase)
        if user && user.authenticate(params[:session][:password])
            sign_in user
            redirect_to root_path
        else
            flash.now[:danger] = 'Invalid email/password combination'
            render 'new'
        end
    end
end

结果:

Failures:

  1) Authentication signin with valid information should not have title "Sign In"
     Failure/Error: should_not have_title("Sign In")
       expected there not to be title "Sign In" in "Adventure|Byte Games - Sign In"
     # ./spec/features/authentication_pages_spec.rb:39:in `block (4 levels) in <top (required)>'

  2) Authentication signin with invalid information should have css "div.alert.alert-danger" with text "Invalid"
     Failure/Error: should have_selector('div.alert.alert-danger',  text: 'Invalid')
     Capybara::ExpectationNotMet:
       expected to find css "div.alert.alert-danger" with text "Invalid" but there were no matches
     # ./spec/features/authentication_pages_spec.rb:23:in `block (4 levels) in <top (required)>'

添加登录 View (new.html.erb)

<% provide(:title, "Sign In") %>
<h1>Sign in</h1>

<div class = "container">
<%= form_for(:session, url: sessions_path) do |f| %>
    <form role = "form">
        <div class="col-md-6 col-md-offset-3">

            <div class="form-group">
                <%= f.label :username %>
                <%= f.text_field :username, class: "form-control" %>
            </div>

            <div class="form-group">
                <%= f.label :password %>
                <%= f.password_field :password, class: "form-control"%>
            </div>

            <div class="form-group">
                <%= f.submit "Sign in", class: "btn btn-lg btn-primary" %>
            </div>

         </div>
    </form>
<% end %>
</div>

所以事实证明我在表单上进行了格式化，以下 View 似乎有效:

<% provide(:title, "Sign In") %>
<h1>Sign in</h1>

<div class = "container">
    <div class="col-md-6 col-md-offset-3">
        <%= form_for(:session, url: sessions_path) do |f| %>

            <%= f.label :username %>
            <%= f.text_field :username, class: "form-control" %>

            <%= f.label :password %>
            <%= f.password_field :password, class: "form-control"%>

            <%= f.submit "Sign in", class: "btn btn-lg btn-primary" %>

        <% end %>
    </div>
</div>

Answer 1

我个人不会使用 click_button 方法。它可能很不稳定。

我喜欢用这种东西

page.find('the.css.for.the.button').trigger('click') 

使用 trigger('click') 的原因是它在 javascript 中更可靠。

希望对您有所帮助。