如何使用 Playwright 保存请求的响应正文？

Question

我需要拦截网络请求并将其响应主体保存到变量中，这样我就可以使用显示在 UI 上的值执行断言，但是当我尝试访问应该包含已保存响应主体的变量时，我收到 [object Object] 而不是一个有效的主体。

JSON.stringify 也不能解决问题，因为我的变量变为 {"_type":"Page","_guid":"page@"} 而不是实际响应。

代码如下：

        const resp = await page.on('response', async response => {
            if (response.url().includes('/some_url/') && response.status() === 200) {
                console.log('BODY() ' + (await response.body())); //logs valid JSON response body
                return await response.body();
            }
        })
        console.log('RESPONSE' + resp); //logs RESPONSE[object Object]

Answer 1

我会使用waitForResponse，它将返回与谓词匹配的response。谓词应返回true 或false。一旦然后你评估响应：

const response = await page.waitForResponse(response => response.url().includes('/some_url/') && response.status() === 200);
console.log('RESPONSE ' + (await response.body()));

Answer 2

page.on 将'response' 类型的事件设置为由从第一行开始设置的箭头函数处理的事件 :async response => {....

当我们设置一个像这样的事件时，我们会得到一个输出，但输出不是响应本身。如果你想打印整个响应，你应该在返回之前在箭头函数内完成：

...
console.log(JSON.stringify(response);
return await response.body();

尼特：返回时无需await，最后一行可以改写为：

return response.body();