React 弹窗上线前，怎样验收键盘交互

把任务限定为一个编辑资料弹窗。用户从资料页打开弹窗，修改昵称并保存。先写清打开、提交中、失败和关闭四种状态，以及每种状态下谁能操作哪些控件。

理顺 React 状态与请求

把已保存的昵称、正在编辑的值和请求状态分开记录。使用 React Best Practices 检查更新范围与数据请求方式。用一条固定的慢请求和一条失败响应验证按钮状态，确认失败时还保留用户输入。成功后再同步资料页的显示值。

从键盘入口走完整流程

从触发按钮按回车打开弹窗，核对初始焦点和弹窗名称。按 Tab 和 Shift+Tab 检查焦点顺序，按 Escape 退出，再核对焦点回到触发按钮。测试窄屏时确保底部操作可见，并观察虚拟键盘是否挡住表单反馈。

留下回归用例

用 Webapp Testing 保存打开、保存成功、保存失败和取消四条路径。各自断言用户能观察到的状态。重新打开时检查草稿行为是否符合产品约定，记录浏览器、视口和测试数据。