Capybara测试偶现输入框未覆盖默认值问题求助

问题核心 #

测试中偶尔出现login字段被重复输入为loginlogin，导致后续通过User.find_by(login: 'login')找不到用户，触发NoMethodError。这通常是输入操作未正确清除原有内容，或元素交互时机不当所致。

有效解决方法 #

1. 强制清空输入框后再填充

放弃依赖fill_options: { clear: true }，改用键盘模拟全选+删除的方式确保输入前字段为空：

it 'update' do
  visit '/users/new'
  fill_in 'user[login]', with: 'login'
  fill_in 'user[password]', with: 'password'
  click_on 'Create User'

  expect do
    visit '/users/1/edit'
    # 强制清空login输入框
    login_field = find('#user_login', visible: true)
    login_field.send_keys(:control, 'a', :backspace) # Mac环境替换为:command
    login_field.fill_in(with: 'login')

    fill_in 'user_password', with: 'password256'
    click_on 'Update User'
  end.to change { User.find_by(login: 'login').password }
end

2. 避免硬编码ID，动态定位用户路径

硬编码/users/1/edit存在测试数据残留导致ID不匹配的风险，应创建用户实例后动态生成编辑路径：

it 'update' do
  # 直接创建用户（比页面提交更稳定）
  user = User.create!(login: 'login', password: 'password')

  expect do
    visit edit_user_path(user) # 使用路由助手生成正确路径
    login_field = find('#user_login', visible: true)
    login_field.send_keys(:control, 'a', :backspace)
    login_field.fill_in(with: 'login')

    fill_in 'user_password', with: 'password256'
    click_on 'Update User'
  end.to change { user.reload.password } # 直接重载实例，无需重新查询
end

3. 调整等待策略，确保元素就绪

延长默认等待时间，或显式等待元素可交互后再操作：

# 在测试配置文件（如spec_helper.rb）中设置
Capybara.default_max_wait_time = 5

# 测试中显式等待元素
it 'update' do
  user = User.create!(login: 'login', password: 'password')

  expect do
    visit edit_user_path(user)
    # 等待输入框可见且可交互
    login_field = find('#user_login', visible: true, wait: 3)
    login_field.send_keys(:control, 'a', :backspace)
    login_field.fill_in(with: 'login')

    fill_in 'user_password', with: 'password256'
    click_on 'Update User'
    # 等待页面跳转完成
    expect(page).to have_current_path(user_path(user), wait: 3)
  end.to change { user.reload.password }
end

4. 禁用浏览器自动填充干扰

若为浏览器自动填充导致内容重复，在Capybara的Chrome驱动配置中禁用自动填充：

# 在spec_helper.rb或rails_helper.rb中配置
Capybara.register_driver :chrome do |app|
  options = Selenium::WebDriver::Chrome::Options.new
  options.add_argument("--disable-autofill")
  options.add_argument("--disable-autofill-keyboard-accessory-view")
  Capybara::Selenium::Driver.new(app, browser: :chrome, options: options)
end

Capybara.default_driver = :chrome

内容的提问来源于stack exchange，提问作者Quviry