test(remix): Migrate to Vitest

Author: timfish

packages/remix/jest.config.js

@@ -101,11 +101,11 @@
     "test:integration:ci": "run-s test:integration:clean test:integration:prepare test:integration:client:ci test:integration:server",
     "test:integration:prepare": "(cd test/integration && yarn install)",
     "test:integration:clean": "(cd test/integration && rimraf .cache node_modules build)",
-    "test:integration:client": "yarn playwright install-deps && yarn playwright test test/integration/test/client/ --project='chromium'",
+    "test:integration:client": "yarn playwright install-deps && yarn playwright test test/integration/test/client/ --config vitest.config.integration.ts --project='chromium'",
     "test:integration:client:ci": "yarn test:integration:client",
     "test:integration:server": "export NODE_OPTIONS='--stack-trace-limit=25' && vitest run",
-    "test:unit": "jest",
-    "test:watch": "jest --watch",
+    "test:unit": "vitest run --config vitest.config.unit.ts",
+    "test:watch": "vitest --watch --config vitest.config.unit.ts",
     "yalc:publish": "yalc publish --push --sig"
   },
   "volta": {

packages/remix/package.json

@@ -1,19 +1,15 @@
 import * as SentryReact from '@sentry/react';
+import { describe, vi, it, expect, afterEach, type Mock } from 'vitest';
 
 import { init } from '../src/index.client';
 
-jest.mock('@sentry/react', () => {
-  return {
-    __esModule: true,
-    ...jest.requireActual('@sentry/react'),
-  };
-});
+vi.mock('@sentry/react', {spy: true});
 
-const reactInit = jest.spyOn(SentryReact, 'init');
+const reactInit = SentryReact.init as Mock;
 
 describe('Client init()', () => {
   afterEach(() => {
-    jest.clearAllMocks();
+    vi.clearAllMocks();
 
     SentryReact.getGlobalScope().clear();
     SentryReact.getIsolationScope().clear();

packages/remix/test/index.client.test.ts

@@ -1,19 +1,15 @@
 import * as SentryNode from '@sentry/node';
+import { describe, vi, it, expect, afterEach, type Mock } from 'vitest';
 
 import { init } from '../src/index.server';
 
-jest.mock('@sentry/node', () => {
-  return {
-    __esModule: true,
-    ...jest.requireActual('@sentry/node'),
-  };
-});
+vi.mock('@sentry/node', {spy: true});
 
-const nodeInit = jest.spyOn(SentryNode, 'init');
+const nodeInit = SentryNode.init as Mock;
 
 describe('Server init()', () => {
   afterEach(() => {
-    jest.clearAllMocks();
+    vi.clearAllMocks();
 
     SentryNode.getGlobalScope().clear();
     SentryNode.getIsolationScope().clear();

packages/remix/test/index.server.test.ts

@@ -1,11 +1,15 @@
 {
   "extends": "./tsconfig.json",
 
-  "include": ["test/**/*", "vitest.config.ts"],
+  "include": ["test/**/*", "vitest.config.integration.ts", "vitest.config.unit.ts"],
 
   "compilerOptions": {
     "lib": ["DOM", "ES2018"],
-    "types": ["node", "jest"],
+    "types": ["node"],
+    // Required for top-level await in tests
+    "module": "Node16",
+    "target": "ES2017",
+
     "esModuleInterop": true
   }
 }

packages/remix/tsconfig.test.json

@@ -0,0 +1,14 @@
+import { defineConfig } from 'vitest/config';
+
+import baseConfig from '../../vite/vite.config';
+
+export default defineConfig({
+  ...baseConfig,
+  test: {
+    ...baseConfig.test,
+    // disableConsoleIntercept: true,
+    // silent: false,
+    include: ['test/**/*.test.ts'],
+    exclude: ['**/integration/**/*.test.ts'],
+  },
+});