jestjs - Check browser console messages and response status codes in Playwright and Jest

Question

I recently started writing end to end tests using Playwright and Jest packages.

In a test I would like to check that, after loading a page, the browser console doesn't contain any error message and all the requests performed in background have the status code equal to 200 (or maybe at least different from 5XX). The question is: what is the cleanest way to reach that?

Is the following a valid solution?

page.on('response', response => {
  expect(response.status()).toBe(200);
});
page.on('console', message => {
  expect(message.type()).not.toBe('error');
});
const response = await page.goto('https://url');

I don't know exactly why, but I thing I'm missing something.

question from:https://stackoverflow.com/questions/65648503/check-browser-console-messages-and-response-status-codes-in-playwright-and-jest

Answer 1

Waitting for answers