背景：rspec+capybara 给一个 sinatra 的项目做测试

页面上有一段 div 元素（里面有个 input），原先是隐藏的。

<div class="control-group" id="execute-time" style="display: none">
  <label class="control-label" for="ExecuteTime">ExecuteTime</label>
  <div class="controls">
    <p><input type="text" class="input-small timepicker" name="schedule[ExecuteTime][]"> <a class="btn btn-mini add-time">Add More</a></p>
  </div>
</div>

在一个选择框选择某个选项后，上面那个 div 才会显示出来。

$("div#frequence select").change(function() {
  //大致就是当select的val() == 'daily'
 $('div#execute-time').slideDown('500')
})

自己手动在浏览器点击是好的，但是下面这个测试代码运行的时候就会出错

require_relative '../spec_helper'

describe 'Schedules' do

  before do
    page.driver.browser.basic_authorize 'name', 'password'
    visit '/'
  end

  it "should create new schedule" do
    click_link 'New Schedule'
    page.should have_selector("h1", :text => "New Schedule")
    within(:css, 'div.form') do
      # 填其他的值之类的
      select 'daily', :from => 'schedule[Frequence]'
      fill_in 'schedule[ExcuteTime][]', :with => "08:00"
    end
    click_button 'Create'
    # .....
  end

end

出错的信息是这样的

Capybara::ElementNotFound:
cannot fill in, no text field, text area or password field with id, name, or label 'schedule[ExcuteTime][]' found

我尝试去 p page.html，结果发现那个 div 的 style 依然是display: none。

嗯，这边是 rspec_helper.rb 的代码。

ENV["RACK_ENV"] = "test"

require_relative "../config/boot.rb"
require 'rspec'
require 'capybara'
require 'capybara/dsl'

Capybara.app = Sinatra::Application

RSpec.configure do |config|
  config.include Capybara::DSL

  config.before do
    FileUtils.rm LOCK_FILE if File.exist? LOCK_FILE
  end
end

另外，我尝试去给 decribe 加了个 :js => true，然后 在 spec_helper.rb 里写上require 'capybara/rspec'，结果是会报另个错误：

NoMethodError:
undefined method `authorize' for #<Selenium::WebDriver::Driver:0x1c270508 browser=:firefox>

我把authorize换了好几个写法，比如basic_auth或者basic_authorize等等，都会报这个错