test(browser): Switch from jest to vitest (#13092)

Before: `Time: 10.517 s`

After: `Duration 3.65s (transform 2.76s, setup 7ms, collect 15.44s,
tests 1.36s, environment 4.96s, prepare 3.63s)`

We also change the folder structure of the browser unit tests, because
we've removed the in-package integration tests.

This change also removes `environment: 'jsdom'` from the central config
in favour of explicitly adding jsdom environment via the
`@vitest-environment` pragma to the specific test file that needs it.
This should means that our tests are not polluted with jsdom globals,
and that future writers have to explicitly opt-in to the behaviour.

Author: AbhiPrasad

packages/browser/jest.config.js

@@ -70,9 +70,8 @@
     "fix": "eslint . --format stylish --fix",
     "lint": "eslint . --format stylish",
     "size:check": "cat build/bundles/bundle.min.js | gzip -9 | wc -c | awk '{$1=$1/1024; print \"ES2017: \",$1,\"kB\";}'",
-    "test": "yarn test:unit",
-    "test:unit": "jest",
-    "test:unit:watch": "jest --watch",
+    "test": "vitest run",
+    "test:watch": "vitest --watch",
     "yalc:publish": "yalc publish --push --sig"
   },
   "volta": {

packages/browser/package.json

@@ -1,10 +1,15 @@
-import { defaultStackParser } from '../../src';
-import { eventFromUnknownInput } from '../../src/eventbuilder';
+/**
+ * @vitest-environment jsdom
+ */
 
-jest.mock('@sentry/core', () => {
-  const original = jest.requireActual('@sentry/core');
+import { afterEach, describe, expect, it, vi } from 'vitest';
+
+import { defaultStackParser } from '../src';
+import { eventFromUnknownInput } from '../src/eventbuilder';
+
+vi.mock('@sentry/core', async requireActual => {
   return {
-    ...original,
+    ...((await requireActual()) as any),
     getClient() {
       return {
         getOptions(): any {
@@ -21,7 +26,7 @@ class MyTestClass {
 }
 
 afterEach(() => {
-  jest.resetAllMocks();
+  vi.resetAllMocks();
 });
 
 describe('eventFromUnknownInput', () => {

packages/browser/test/unit/eventbuilder.test.ts renamed to packages/browser/test/eventbuilder.test.ts

@@ -1,7 +1,7 @@
 import { createTransport } from '@sentry/core';
 import { resolvedSyncPromise } from '@sentry/utils';
 
-import type { BrowserClientOptions } from '../../../src/client';
+import type { BrowserClientOptions } from '../../src/client';
 
 export function getDefaultBrowserClientOptions(options: Partial<BrowserClientOptions> = {}): BrowserClientOptions {
   return {

packages/browser/test/unit/helper/browser-client-options.ts renamed to packages/browser/test/helper/browser-client-options.ts

@@ -1,7 +1,9 @@
+import { describe, expect, it } from 'vitest';
+
 import { browserTracingIntegrationShim, replayIntegrationShim } from '@sentry-internal/integration-shims';
-import { feedbackAsyncIntegration } from '../../src';
+import { feedbackAsyncIntegration } from '../src';
 
-import * as FeedbackBundle from '../../src/index.bundle.feedback';
+import * as FeedbackBundle from '../src/index.bundle.feedback';
 
 describe('index.bundle.feedback', () => {
   it('has correct exports', () => {

packages/browser/test/unit/index.bundle.feedback.test.ts renamed to packages/browser/test/index.bundle.feedback.test.ts

@@ -1,7 +1,9 @@
+import { describe, expect, it } from 'vitest';
+
 import { browserTracingIntegrationShim, feedbackIntegrationShim } from '@sentry-internal/integration-shims';
-import { replayIntegration } from '../../src';
+import { replayIntegration } from '../src';
 
-import * as ReplayBundle from '../../src/index.bundle.replay';
+import * as ReplayBundle from '../src/index.bundle.replay';
 
 describe('index.bundle.replay', () => {
   it('has correct exports', () => {

packages/browser/test/unit/index.bundle.replay.test.ts renamed to packages/browser/test/index.bundle.replay.test.ts

@@ -1,10 +1,12 @@
+import { describe, expect, it } from 'vitest';
+
 import {
   browserTracingIntegrationShim,
   feedbackIntegrationShim,
   replayIntegrationShim,
 } from '@sentry-internal/integration-shims';
 
-import * as Bundle from '../../src/index.bundle';
+import * as Bundle from '../src/index.bundle';
 
 describe('index.bundle', () => {
   it('has correct exports', () => {

packages/browser/test/unit/index.bundle.test.ts renamed to packages/browser/test/index.bundle.test.ts

@@ -1,6 +1,8 @@
-import { browserTracingIntegration, feedbackAsyncIntegration, replayIntegration } from '../../src';
+import { describe, expect, it } from 'vitest';
 
-import * as TracingReplayFeedbackBundle from '../../src/index.bundle.tracing.replay.feedback';
+import { browserTracingIntegration, feedbackAsyncIntegration, replayIntegration } from '../src';
+
+import * as TracingReplayFeedbackBundle from '../src/index.bundle.tracing.replay.feedback';
 
 describe('index.bundle.tracing.replay.feedback', () => {
   it('has correct exports', () => {

packages/browser/test/unit/index.bundle.tracing.replay.feedback.test.ts renamed to packages/browser/test/index.bundle.tracing.replay.feedback.test.ts

@@ -1,7 +1,9 @@
+import { describe, expect, it } from 'vitest';
+
 import { feedbackIntegrationShim } from '@sentry-internal/integration-shims';
-import { browserTracingIntegration, replayIntegration } from '../../src';
+import { browserTracingIntegration, replayIntegration } from '../src';
 
-import * as TracingReplayBundle from '../../src/index.bundle.tracing.replay';
+import * as TracingReplayBundle from '../src/index.bundle.tracing.replay';
 
 describe('index.bundle.tracing.replay', () => {
   it('has correct exports', () => {

packages/browser/test/unit/index.bundle.tracing.replay.test.ts renamed to packages/browser/test/index.bundle.tracing.replay.test.ts

@@ -1,7 +1,9 @@
+import { describe, expect, it } from 'vitest';
+
 import { feedbackIntegrationShim, replayIntegrationShim } from '@sentry-internal/integration-shims';
-import { browserTracingIntegration } from '../../src';
+import { browserTracingIntegration } from '../src';
 
-import * as TracingBundle from '../../src/index.bundle.tracing';
+import * as TracingBundle from '../src/index.bundle.tracing';
 
 describe('index.bundle.tracing', () => {
   it('has correct exports', () => {