← Back to Discord Forum

display console.log in playwright --ui console tab

I have the following script but it shows nothing in the Console tab (inside the --ui view). How to fix this?

await page.goto('https://www.google.ro/');

console.log('iamrv'); await page.waitForLoadState('domcontentloaded'); const images = page.locator('img');

console.log(await images.count());

This thread is trying to answer question "Why is nothing showing in the Console tab in the --ui view and how can this be fixed?"

0 replies


Console Tab in Playwright UI Mode

If your console tab in Playwright UI Mode is empty, it could be due to a few reasons. Let's explore them and their solutions.

No Console Logs

The console tab only shows logs if there are console.log statements or errors in your test actions. If your test doesn't have any, the console tab will be empty. You can add console.log statements in your test code to output information to the console. Here's an example:

console.log("This is a log message");

Disabled Console Output

Your test configuration might have disabled or suppressed the output of console logs. Playwright provides a contextOptions object where you can specify various options for browser contexts, including recordConsole. If recordConsole is set to false, it will disable recording of console messages. To enable it, set recordConsole to true or don't specify it at all:

const context = await browser.newContext({
  recordConsole: true,

Test Execution Errors

If there are errors during test execution but they're not displayed in the console tab, it could indicate an issue with error handling or reporting. Ensure your tests have proper error handling mechanisms such as try-catch blocks. Also, check if any custom error reporters or frameworks might interfere with displaying errors in the console tab. Make sure they're properly configured to output errors to the console.

In conclusion, if your console tab in Playwright UI Mode is empty, try adding console.log statements, check for any disabled console output settings, and ensure proper error handling and reporting mechanisms are in place.

AboutQuestionsDiscord ForumBrowser ExtensionTagsQA Jobs

Rayrun is a community for QA engineers. I am constantly looking for new ways to add value to people learning Playwright and other browser automation frameworks. If you have feedback, email luc@ray.run.