RSpec中如何捕获JS提示框提交后触发的后端错误？

首先要明确：你遇到的问题核心是后端没有正确处理唯一约束异常，导致请求直接抛出错误而非返回422响应，进而让RSpec测试既提示“未捕获到错误”又抛出预期异常。以下是具体解决步骤：

1. 先修复后端异常处理 #

确保后端在遇到重复名称时，将ActiveRecord::RecordNotUnique异常转化为422响应，而不是直接抛出异常。两种常见实现方式：

方式一：在控制器create动作中处理 #

def create
  @entity = Entity.new(entity_params)
  if @entity.save
    # 成功逻辑（比如跳转或返回JSON）
  else
    render json: { error: @entity.errors.full_messages.join(", ") }, 
           status: :unprocessable_entity
  end
end

方式二：全局捕获异常 #

在ApplicationController中添加全局rescue逻辑：

rescue_from ActiveRecord::RecordNotUnique, with: :handle_duplicate_error

private

def handle_duplicate_error
  render json: { error: "该名称已存在" }, status: :unprocessable_entity
end

2. 调整RSpec测试代码 #

如果是系统测试（使用Capybara），你的测试应该关注前端是否正确展示错误提示，而非捕获后端异常：

it "显示重复名称的错误提示" do
  # 先创建一个同名实体，制造重复场景
  Entity.create!(name: "NAME")
  
  # 触发模态框并输入重复名称
  accept_prompt(with: "NAME") do
    click_button "创建实体"
  end
  
  # 断言前端出现错误提示
  expect(page).to have_content("该名称已存在")
end

如果是请求测试（直接测试接口），则直接断言响应状态和内容：

it "返回422状态码和错误信息" do
  Entity.create!(name: "NAME")
  
  post entities_path, params: { entity: { name: "NAME" } }
  
  expect(response).to have_http_status(:unprocessable_entity)
  expect(JSON.parse(response.body)["error"]).to include("已存在")
end

为什么之前的测试会异常？ #

你之前的测试逻辑错误地试图捕获后端抛出的异常，但实际上：

• 若后端未处理异常，请求会直接抛出ActiveRecord::RecordNotUnique，导致RSpec既提示测试代码未捕获错误（因为你可能写了expect{...}.to raise_error但没触发），又因为异常冒泡而显示实际错误。
• 正确的逻辑是让后端返回422响应，前端接收后展示提示，测试只需断言前端的提示即可。

内容的提问来源于stack exchange，提问作者Daniel R.