test(replay-canvas): Switch to using vitest

Author: AbhiPrasad

packages/replay-canvas/jest.config.js

@@ -47,8 +47,8 @@
     "clean": "rimraf build sentry-replay-*.tgz",
     "fix": "eslint . --format stylish --fix",
     "lint": "eslint . --format stylish",
-    "test": "jest",
-    "test:watch": "jest --watch",
+    "test": "vitest run",
+    "test:watch": "vitest --watch",
     "yalc:publish": "yalc publish --push --sig"
   },
   "publishConfig": {

packages/replay-canvas/package.json

@@ -1,10 +1,16 @@
+/**
+ * @vitest-environment jsdom
+ */
+
+import { beforeEach, expect, it, vi } from 'vitest';
+
 import { CanvasManager } from '@sentry-internal/rrweb';
 import { _replayCanvasIntegration, replayCanvasIntegration } from '../src/canvas';
 
-jest.mock('@sentry-internal/rrweb');
+vi.mock('@sentry-internal/rrweb');
 
 beforeEach(() => {
-  jest.clearAllMocks();
+  vi.clearAllMocks();
 });
 
 it('initializes with default options', () => {

packages/replay-canvas/test/canvas.test.ts

@@ -1,11 +1,11 @@
 {
   "extends": "./tsconfig.json",
 
-  "include": ["test/**/*.ts", "jest.config.ts", "jest.setup.ts"],
+  "include": ["test/**/*.ts", "vite.config.ts"],
 
   "compilerOptions": {
     "lib": ["DOM", "ES2018"],
-    "types": ["node", "jest"],
+    "types": ["node"],
     "esModuleInterop": true,
     "allowJs": true,
     "noImplicitAny": true,

packages/replay-canvas/tsconfig.test.json

@@ -0,0 +1,5 @@
+import baseConfig from '../../vite/vite.config';
+
+export default {
+  ...baseConfig,
+};