How can I automatically refresh a page in Playwright after navigation if a specific status code is returned?

General Discussions
#1

How can I automatically refresh a page in Playwright after navigation if a specific status code is returned?

#2

To automatically refresh a page in Playwright after navigation if a specific status code is returned, use a ResponseInterceptor to detect the status code and reload the page. This ResponseInterceptor intercepts the responses and checks for the specific status code. If the status code matches, reload the page.

const { chromium } = require('playwright');

(async () => {
    const browser = await chromium.launch();
    const page = await browser.newPage();

    // ResponseInterceptor to reload page on specific status code
    await page.route('**/*', route => {
        route.continue().then(response => {
            if (response.status() === 404) {
                page.reload();
            }
        });
    });

    await page.goto('https://www.example.com');
    // Continue with your test actions...
})();
#3

To automatically refresh the page in Playwright you can also use PageEvent to listen for the response and reload the page: Listen for the response event on the page and check the status code. If it matches the desired code, reload the page.

const { chromium } = require(‘playwright’);

(async () => { const browser = await chromium.launch(); const page = await browser.newPage();

page.on('response', async response => {
    if (response.status() === 404) {
        await page.reload();
    }
});

await page.goto('https://www.example.com');
// Continue with your test actions...

})();

#4

Using a NavigationObserver to monitor navigation and reload the page: Create a NavigationObserver to listen for navigation events and check the status code. If it matches the desired code, reload the page.

const { chromium } = require(‘playwright’);

(async () => { const browser = await chromium.launch(); const page = await browser.newPage();

page.on('navigation', async () => {
    const response = await page.waitForResponse(response => response.status() === 404);
    if (response) {
        await page.reload();
    }
});

await page.goto('https://www.example.com');
// Continue with your test actions...

})();