My playwright test never passes when I use the mand "page.waitForResponse". Although the API call is performed and can be seen in the network tab of chrome. I set the jest timeout to 30000, but this does not seem to be the issue.

it("Test", async () => {
  await page.goto("http://localhost:8080/")
 await Promise.all([
  await page.waitForResponse("https://development/my/call", {
    timeout: 1000,
  }),
  page.click("css=body")
])
})

Network

url: https://development/my/call
Status: 200
Type: xhr

Error

Async callback was not invoked within the 30000 ms timeout specified by jest.setTimeout.Error

My playwright test never passes when I use the mand "page.waitForResponse". Although the API call is performed and can be seen in the network tab of chrome. I set the jest timeout to 30000, but this does not seem to be the issue.

it("Test", async () => {
  await page.goto("http://localhost:8080/")
 await Promise.all([
  await page.waitForResponse("https://development/my/call", {
    timeout: 1000,
  }),
  page.click("css=body")
])
})

Network

url: https://development/my/call
Status: 200
Type: xhr

Error

Async callback was not invoked within the 30000 ms timeout specified by jest.setTimeout.Error

• javascript
• async-await
• playwright

• The golden rule for Promise.all(): virtually never should any of the array elements have await in front of them--you want to pass the promises, not their resolved values, into the Promise.all array. You want to await the result of all the promises, one time, which is the await in front of Promise.all(). – ggorlen Commented Jan 20, 2024 at 0:29

1 Answer 1

The problem might be in what you don't include in your question.

Typically, you have to start waiting for the response before the action that causes the call happens. Let's say that action is some click somewhere on the page, then you want to type:

await Promise.all([
    page.waitForResponse("http://localhost:8060/my/call"),
    page.click('.someButton'),
]);

Try this, it might be what will solve your problem.