Implement Robust Early-Stage Error Detection and Reporting for Critical Client‑Side Issues in Playwright

Описание и применение

В тестах Playwright добавьте обработчики pageerror, console и requestfailed до навигации, чтобы поймать ранние ошибки JavaScript, сообщения консоли и неудачные запросы, а затем проверьте, что массивы ошибок пусты.

Задача

Detecting uncaught JavaScript exceptions, console errors, or failed critical network requests that occur before the page load event fires is difficult with traditional DOM or network assertions.

Результат

By attaching listeners before navigation, tests now reliably detect early client‑side errors and network failures, reducing flaky tests and improving confidence in critical page loads.

Рабочий процесс

• 1. In test setup, create a new BrowserContext and Page.
• 2. Attach listeners before any navigation:
• • page.on('pageerror') to capture uncaught JS exceptions.
• • page.on('console') to capture console.error and console.warn messages.
• • browserContext.on('requestfailed') to capture failed network requests.
• 3. Store each error in dedicated arrays (clientErrors, networkFailures).
• 4. Navigate to the target URL using page.goto() after listeners are attached.
• 5. After navigation, assert that clientErrors and networkFailures arrays are empty.
• 6. Clean up by closing the page and context and resetting arrays for the next test.

Доказательства

Attach listeners BEFORE page navigation

Источник

Collect errors into arrays for clear, easily assertable results

Источник