无法找到未禁用的字段“用户名”（Capybara::ElementNotFind）

Question

我正在尝试使用cucumber/rspec/capybara测试一个简单的登录表单。但是我在检测页面上的元素和进行任何类型的测试时遇到了问题。

无法找到未禁用的字段“用户名”（Capybara::ElementNotFind）

特征文件

Feature: Login
    
    Scenario: correct login credentials
        Given I am on the admin_login page
        When I fill in "username" with "thomas"

环境

require 'capybara'
require 'rspec'
require 'capybara/cucumber'
require 'rack'
require_relative '../../config'

ENV['RACK_ENV'] = 'test'

Capybara.ignore_hidden_elements = false
Capybara.app = Sinatra::Application


class Sinatra::ApplicationWorld
    include RSpec::Expectations
    include RSpec::Matchers
    include Capybara::DSL
end

World do 
    Sinatra::ApplicationWorld.new
end

网络步骤

When /^(?:|I )fill in "([^\"]*)" with "([^\"]*)"(?: within "([^\"]*)")?$/ do |field, value, selector|
  with_scope(selector) do
    fill_in(field,visible: false, :with => value)
  end
end

超文本标记语言

<div class="container">
            <div class="row">
                <div class="col-md-4 col-md-offset-4">
                    <div class="login-panel panel panel-default">
                        <div class="panel-heading">
                            <h3 class="panel-title">Please Sign In To Pied Piper</h3>
                        </div>
                        <div class="panel-body">
                            <form role="form" action="/admin/login" method="post" label="form">
                                <fieldset label ="form" >
                                    <div class="form-group">
                                       
                                        <input label="username" class="form-control" placeholder="username" name="username" id="username" type="text" value="<%= params[:username] %>" autofocus>
                                    </div>
                                    <div class="form-group">
                                        <input class="form-control" placeholder="Password" name="password" type="password" value="<%= params[:password]%>">
                                    </div>
                                    <div class="checkbox">
                                        <label>
                                            <input name="remember" type="checkbox" value="Remember Me">Remember Me
                                        </label>
                                    </div>
                                    <button type="submit"><a class="btn btn-lg btn-success btn-block">Login</a></button>
                                    <button><a href="/" class="btn btn-lg btn-success btn-block">Return to Main Site</a></button> 
                                </fieldset>
                            </form>
                        </div>
                    </div>
                </div>
            </div>
        </div>

Answer 1

我的rails应用程序也遇到了同样的问题，我解决这个问题的方法是给这个字段一个id

    <%= f.text_field :name, class: 'form-control',id:"name" %>