Browser mode: Change the port of browser mode

[sevenc-nanashi]

Clear and concise description of the problem

I'd like to change the port of browser mode, in order to run multiple browser tests in a workspace (One for storybook, one for unit tests).
I tried to specify the server.port, but it's merged and gone here:

vitest/packages/browser/src/node/index.ts

Lines 58 to 61 in 11b9432

	server: {
	hmr: false,
	watch: null,
	},

It would be nice to have ability to change the port number.

Suggested solution

• Recognize server.port in the argument of defineWorkspace.
• Create test.browser.serverPort option.

Alternative

None, I guess

Additional context

For anyone want to change port now (workaround):

// Vitest doesn't recognize server.port, so we modify it using a plugin
// ref: https://github.com/vitest-dev/vitest/issues/6677
const portChangerPlugin = (port: number): Plugin => ({
  name: "port-changer",
  config() {
    return {
      server: {
        port,
      },
    };
  },
});

Validations

• Follow our Code of Conduct
• Read the Contributing Guidelines.
• Read the docs.
• Check that there isn't already an issue that request the same feature to avoid creating a duplicate.

[sheremet-va]

You should use test.browser.api

export default defineConfig({
  test: {
    browser: {
      api: 12345,
    }
  }
})

[sevenc-nanashi]

Oh, thanks! (I thought that it was different because its default is not 5173)

[sheremet-va]

It is still a bug because user's port should be respected if it's set

[sheremet-va]

Actually, it is not a bug. We assign a different port to not clash with the dev server. I will update the documentation to mention this.