Allow `[vite] connecting...` message to be silenced

Clear and concise description of the problem

I am trying out vite, and am using https://github.com/betaboon/vite-web-test-runner-plugin to run my tests, but I find that I get two log messages for each test that I run, which spams the console. It looks something like this:

src/components/patterns/modal/modal-header/ModalHeader.test.tsx:

 🚧 Browser logs:
      [vite] connecting...
      [vite] connected.

src/components/patterns/sidebar/nav-group/NavGroup.test.tsx:

 🚧 Browser logs:
      [vite] connecting...
      [vite] connected.

src/components/patterns/modal/modal/Modal.test.tsx:

 🚧 Browser logs:
      [vite] connecting...
      [vite] connected.

I see that those are simple console.log statements in the code, which means that they do not respect logLevel. Is there a reason that they can’t be changed to config.logger.info() calls instead?

Suggested solution

In packages/vite/src/client/client.ts, the calls to console.log should be changed to logger calls, so that they can be silenced

Alternative

Additional context

[IanVS]

It turns out there is an option, filterBrowserLogs, in web-test-runner that I can use to silence these messages. Here’s a quick-and-dirty fix that seems to work for me.

filterBrowserLogs: ({ args }) => {
	  if (args[0] === '[vite] connecting...' || args[0] === '[vite] connected.') return false;
	  
	  return true;
}

I think this meets my needs without requiring any changes to Vite, so I’ll close this out. Thanks!

[github-actions[bot]]

This issue has been locked since it has been closed for more than 14 days.

If you have found a concrete bug or regression related to it, please open a new bug report with a reproduction against the latest Vite version. If you have any other comments you should join the chat at Vite Land or create a new discussion.