wip

Author: jacekradko

packages/clerk-js/src/testUtils.ts

@@ -1,13 +1,14 @@
 // eslint-disable-next-line no-restricted-imports
 import { matchers } from '@emotion/jest';
+import { jest } from '@jest/globals';
 import type { RenderOptions } from '@testing-library/react';
 import { render as _render } from '@testing-library/react';
 import UserEvent from '@testing-library/user-event';
-import { afterAll, beforeAll, describe, expect, vi, type SpyInstance } from 'vitest';
+import type { SpyInstance } from 'jest-mock';
 
 expect.extend(matchers);
 
-Element.prototype.scrollIntoView = vi.fn();
+Element.prototype.scrollIntoView = jest.fn();
 
 const render = (ui: React.ReactElement, options?: RenderOptions) => {
   const userEvent = UserEvent.setup({ delay: null });
@@ -35,10 +36,10 @@ export const mockNativeRuntime = (fn: () => void) => {
     let spyNavigator: SpyInstance;
 
     beforeAll(() => {
-      spyDocument = vi.spyOn(globalThis, 'document', 'get');
+      spyDocument = jest.spyOn(globalThis, 'document', 'get');
       spyDocument.mockReturnValue(undefined);
 
-      spyNavigator = vi.spyOn(globalThis.navigator, 'product', 'get');
+      spyNavigator = jest.spyOn(globalThis.navigator, 'product', 'get');
       spyNavigator.mockReturnValue('ReactNative');
     });
 

packages/clerk-js/vitest.config.mts

@@ -1,10 +1,8 @@
-import { resolve } from 'path';
 import react from '@vitejs/plugin-react';
+import { resolve } from 'path';
 import svgr from 'vite-plugin-svgr';
-// For SVG handling
 import { defineConfig } from 'vitest/config';
 
-// Custom plugin to handle SVG imports for testing
 function viteSvgMockPlugin() {
   return {
     name: 'svg-mock',
@@ -25,13 +23,7 @@ function viteSvgMockPlugin() {
 }
 
 export default defineConfig({
-  plugins: [
-    // Use the React plugin for JSX/TSX transformation
-    // This replaces ts-jest/swc
-    react({ jsxRuntime: 'automatic', jsxImportSource: '@emotion/react' }),
-    svgr(),
-    viteSvgMockPlugin(),
-  ],
+  plugins: [react({ jsxRuntime: 'automatic', jsxImportSource: '@emotion/react' }), svgr(), viteSvgMockPlugin()],
   define: {
     __BUILD_VARIANT_CHIPS__: JSON.stringify(false),
     __PKG_NAME__: JSON.stringify('@clerk/clerk-js'),
@@ -52,7 +44,7 @@ export default defineConfig({
         'src/**/coverage/**',
         'src/**/dist/**',
         'src/**/node_modules/**',
-        'src/(ui|utils|core)/__tests__/**', // Exclude test files themselves
+        'src/(ui|utils|core)/__tests__/**',
       ],
     },
     environment: 'jsdom',
@@ -61,9 +53,6 @@ export default defineConfig({
     setupFiles: './vitest.setup.mts',
   },
   resolve: {
-    alias: [
-      // Mirror tsconfig "@/*" → "src/*"
-      { find: /^@\//, replacement: `${resolve(__dirname, 'src')}/` },
-    ],
+    alias: [{ find: /^@\//, replacement: `${resolve(__dirname, 'src')}/` }],
   },
 });