feat(browser): allow custom HTML path, respect plugins transformIndexHtml

[sheremet-va]

Description

Closes #6394
Closes #6768

This PR adds an option to specify your own HTML file for the Browser Mode. Now Vitest also always calls transformIndexHtml plugin hook when serving the tester file.

export default defineConfig({
  test: {
    browser: {
      testerHtmlPath: './component-testing.html',
    },
  },
})

Since Browser Mode is experimental, this PR can be merged with fixes and doesn't need to follow semver.

TODO

• Tests
  • Non-existing file path
  • Error during transformIndexHtml
  • Valid HTML
  • Valid custom transformIndexHtml hook

[netlify]

✅ Deploy Preview for vitest-dev ready!

Name	Link
🔨 Latest commit	a5c5b04
🔍 Latest deploy log	https://app.netlify.com/sites/vitest-dev/deploys/671b8b2c30cd5b0008260d95
😎 Deploy Preview	https://deploy-preview-6725--vitest-dev.netlify.app
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.

---

To edit notification comments on pull requests, go to your Netlify site configuration.

[hi-ogawa]

Looks good to me!
I tested importmap repro from OP and it works. Can you add it to one of your tests?

code

// config
  plugins: [
    {
      name: 'test-import-map',
      transformIndexHtml() {
        return [
          {
            tag: 'script',
            injectTo: 'head-prepend',
            attrs: {
              type: 'importmap'
            },
            children: JSON.stringify({
              "imports": {
                "some-lib": "https://vitest.dev/some-lib"
              }
            })
          }
        ]
      }
    }
  ]

// test
test('importmap', () => {
  expect(import.meta.resolve('some-lib')).toMatchInlineSnapshot(`"https://vitest.dev/some-lib"`)
})