update @sentry/svelte to us vitest

Author: JonathonRP

packages/svelte/jest.config.js

@@ -54,8 +54,8 @@
   },
   "devDependencies": {
     "@testing-library/svelte": "^3.2.1",
-    "svelte": "3.49.0",
-    "svelte-jester": "^2.3.2"
+    "@sveltejs/vite-plugin-svelte": "latest",
+    "svelte": "3.49.0"
   },
   "scripts": {
     "build": "run-p build:transpile build:types",
@@ -73,8 +73,8 @@
     "clean": "rimraf build coverage sentry-svelte-*.tgz",
     "fix": "eslint . --format stylish --fix",
     "lint": "eslint . --format stylish",
-    "test": "jest",
-    "test:watch": "jest --watch",
+    "test": "vitest",
+    "test:watch": "vitest --watch",
     "yalc:publish": "ts-node ../../scripts/prepack.ts && yalc publish build --push --sig"
   },
   "volta": {

packages/svelte/package.json

@@ -3,25 +3,26 @@ import { act, render } from '@testing-library/svelte';
 
 // linter doesn't like Svelte component imports
 import DummyComponent from './components/Dummy.svelte';
+import { vi } from 'vitest';
 
 let returnUndefinedTransaction = false;
 
 const testTransaction: { spans: any[]; startChild: jest.Mock; end: jest.Mock; isRecording: () => boolean } = {
   spans: [],
-  startChild: jest.fn(),
-  end: jest.fn(),
+  startChild: vi.fn(),
+  end: vi.fn(),
   isRecording: () => true,
 };
-const testUpdateSpan = { end: jest.fn() };
+const testUpdateSpan = { end: vi.fn() };
 const testInitSpan: any = {
   transaction: testTransaction,
-  end: jest.fn(),
-  startChild: jest.fn(),
+  end: vi.fn(),
+  startChild: vi.fn(),
   isRecording: () => true,
 };
 
-jest.mock('@sentry/core', () => {
-  const original = jest.requireActual('@sentry/core');
+vi.mock('@sentry/core', () => {
+  const original = vi.importActual('@sentry/core');
   return {
     ...original,
     getCurrentScope(): Scope {
@@ -36,7 +37,7 @@ jest.mock('@sentry/core', () => {
 
 describe('Sentry.trackComponent()', () => {
   beforeEach(() => {
-    jest.resetAllMocks();
+    vi.resetAllMocks();
     testTransaction.spans = [];
 
     testTransaction.startChild.mockImplementation(spanCtx => {
@@ -49,7 +50,7 @@ describe('Sentry.trackComponent()', () => {
       return testUpdateSpan;
     });
 
-    testInitSpan.end = jest.fn();
+    testInitSpan.end = vi.fn();
     testInitSpan.isRecording = () => true;
     returnUndefinedTransaction = false;
   });

packages/svelte/test/performance.test.ts

@@ -3,11 +3,12 @@ import * as SentryBrowser from '@sentry/browser';
 import type { EventProcessor } from '@sentry/types';
 
 import { detectAndReportSvelteKit, init as svelteInit, isSvelteKitApp } from '../src/sdk';
+import { vi } from 'vitest';
 
 let passedEventProcessor: EventProcessor | undefined;
 
-const browserInit = jest.spyOn(SentryBrowser, 'init');
-const addEventProcessor = jest
+const browserInit = vi.spyOn(SentryBrowser, 'init');
+const addEventProcessor = vi
   .spyOn(SentryBrowser, 'addEventProcessor')
   .mockImplementation((eventProcessor: EventProcessor) => {
     passedEventProcessor = eventProcessor;
@@ -16,7 +17,7 @@ const addEventProcessor = jest
 
 describe('Initialize Svelte SDk', () => {
   beforeEach(() => {
-    jest.clearAllMocks();
+    vi.clearAllMocks();
   });
 
   it('has the correct metadata', () => {
@@ -74,7 +75,7 @@ describe('Initialize Svelte SDk', () => {
 describe('detectAndReportSvelteKit()', () => {
   const originalHtmlBody = document.body.innerHTML;
   beforeEach(() => {
-    jest.clearAllMocks();
+    vi.clearAllMocks();
     document.body.innerHTML = originalHtmlBody;
     passedEventProcessor = undefined;
   });

packages/svelte/test/sdk.test.ts

@@ -0,0 +1,16 @@
+import type { UserConfig } from 'vitest';
+import { svelte } from '@sveltejs/vite-plugin-svelte';
+import baseConfig from '../../vite/vite.config';
+
+export default {
+  ...baseConfig,
+  plugins: [
+    svelte({ hot: !process.env.VITEST }),
+  ],
+  test: {
+    // test exists, no idea why TS doesn't recognize it
+    // eslint-disable-next-line @typescript-eslint/no-explicit-any
+    ...(baseConfig as UserConfig & { test: any }).test,
+    environment: 'jsdom',
+  },
+};