如何在Chrome的Selenium中检测警告框？规避异常捕获的替代方案

嘿，我完全懂你不想靠捕获异常或者反复取警告框文本的痛苦——那种写法不仅繁琐，还让测试代码显得很不整洁。针对你的技术栈，这里有几个更优雅的方案：

1. 利用Chrome DevTools协议主动监听警告框 #

这是我个人最推荐的方法，不需要依赖异常捕获，而是通过Chrome的DevTools API主动监听JavaScript对话框的打开事件：

# 在测试的setup阶段配置监听
before do
  @alert_present = false
  # 启用DevTools的Page模块
  page.driver.browser.devtools.page.enable
  # 监听javascriptDialogOpening事件
  page.driver.browser.devtools.page.on('javascriptDialogOpening') do |event_params|
    @alert_present = true
    # 还可以顺便获取警告框的文本内容
    @alert_message = event_params['message']
  end
end

# 在测试中使用
it '检查操作是否弹出警告框' do
  click_button '触发警告的按钮'
  expect(@alert_present).to be(true)
  # 如果需要验证文本
  expect(@alert_message).to eq('你确定要执行此操作吗？')
end

这个方法的好处是完全避免了异常捕获，而且能主动获取警告框的信息，代码逻辑更清晰。

2. 封装一个简洁的辅助方法（如果不想用DevTools） #

如果你暂时不想引入DevTools的逻辑，可以封装一个极简的辅助方法，把异常捕获隐藏起来，让测试代码保持干净：

# 在spec/support/capybara_helpers.rb中添加
module CapybaraHelpers
  def alert_exists?
    page.driver.browser.switch_to.alert
    true
  rescue Selenium::WebDriver::Error::NoAlertPresentError
    false
  end
end

# 在rails_helper.rb中include这个模块
RSpec.configure do |config|
  config.include CapybaraHelpers, type: :system
end

# 测试中直接调用
it '验证警告框存在' do
  click_button '触发警告的按钮'
  expect(alert_exists?).to be(true)
end

虽然底层还是用了异常捕获，但我们把这个逻辑封装在辅助方法里，测试代码就不会显得杂乱了。

3. 应用层添加标记（适合可控的项目） #

如果你的项目是自己维护的，可以在弹出警告框的同时，给页面添加一个隐藏的标记元素，这样测试时只需要检查这个元素是否存在：

// 应用代码中，弹出alert的地方
function showWarning() {
  document.body.insertAdjacentHTML('beforeend', '<div id="alert-shown" style="display:none"></div>');
  alert('警告信息');
}

然后在测试中：

it '检查是否弹出警告框' do
  click_button '触发警告的按钮'
  expect(page).to have_css('#alert-shown')
end

这个方法非常简单，但需要修改应用代码，适合对应用代码有控制权的场景。

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