feat: web support (browser as an environment)

[Aslemammad]

It is surely ready for review!

[netlify]

✅ Deploy Preview for vitest-dev ready!

Name	Link
🔨 Latest commit	e4621af
🔍 Latest deploy log	https://app.netlify.com/sites/vitest-dev/deploys/62495eab22850d00085625c0
😎 Deploy Preview	https://deploy-preview-891--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 settings.

[Aslemammad]

Hopefully we can get an iframe with the @vitest/ui in this integration + pre bundling!

[userquin]

@Aslemammad @patak-dev about using an iframe:

• https://github.com/unocss/unocss/blob/main/playground/__play.html
• https://github.com/unocss/unocss/blob/main/playground/src/components/Preview.vue#L21

[Aslemammad]

pnpm -w run dev
pnpm -w run web:dev
cd test/web
pnpm vitest --web

[edimitchel]

to test the ui on web you will need:
* pnpm run build && pnpm run web:build from root
* copy packages/ui/dist/client/**, create packages/web/dist/__vitest__ folder and paste the content inside
* cd test/web && vitest --web

Small updates

[antfu]

Thanks for the PR! I will have a closer look on the weekend. Before that, it would be great if you could help resolve the conflicts!

[Aslemammad]

I am resolving the conflicts!

[Aslemammad]

resolved!

[edimitchel]

Let now try that on StackBlitz and let get webception 🤯 !

[userquin]

Let now try that on StackBlitz and let get webception 🤯 !

we need to invert the iframe, the web should be isolated on it instead adding ui on the iframe

[edimitchel]

Actually I tried it and it works like a charm!
But I got some issue with Snapshots.

[Manish3323]

This is a great feature, looking forward to use this feature..

[antfu]

Continues on #1302

[sheremet-va]

Closed in favour of #1302