Playwright能否在请求发出与响应接收期间检查元素状态？现有代码不稳定求优化

完全可以实现这个需求，你当前代码不稳定的核心原因是时机匹配问题：Promise.all([waitForRequest, click])完成时，仅能确认请求已发出、点击动作执行完毕，但按钮的禁用状态可能还没完成DOM更新，此时立即执行断言容易因状态未同步而失败。

修正后的稳定代码 #

// 提前监听请求和响应
const requestFired = page.waitForRequest("**/myEndpoint");
const responseReceived = page.waitForResponse("**/myEndpoint");

// 触发按钮点击
await myButton.click();

// 确认请求已发出
await requestFired;

// 等待按钮进入禁用状态（Playwright的expect会自动轮询直到条件满足）
await expect(myButton).toBeDisabled();

// 等待响应返回
await responseReceived;

关键优化点 #

• 拆分Promise.all为独立的异步监听，避免因点击动作和请求触发的时序差导致断言失效；
• 利用Playwright断言的自动等待特性：expect(myButton).toBeDisabled()会持续轮询DOM状态，直到按钮变为禁用或超时，无需手动处理等待逻辑；
• 明确时序：点击→请求发出→断言禁用状态→等待响应，完全贴合你需要的检查窗口。

额外验证（可选） #

如果需要确认响应返回后按钮恢复启用，可在最后追加：

await expect(myButton).toBeEnabled();

内容的提问来源于stack exchange，提问作者Mateusz Świątek