chore(chrome-extension): Replace Jest with Vitest (#6820)

Co-authored-by: Jacek <jacek@clerk.dev>

Author: dstaley

.changeset/brown-icons-shine.md

@@ -0,0 +1,2 @@
+---
+---

.gitignore

@@ -91,6 +91,7 @@ sessions.pem
 # Workflow Outputs
 /packages/*/*.tgz
 /packages/*/tsconfig*.vitest-temp.json
+/packages/*/tsup.config.bundled_*
 
 # Scripts
 scripts/.env

package.json

@@ -90,7 +90,7 @@
     "@types/react": "catalog:react",
     "@types/react-dom": "catalog:react",
     "@vitejs/plugin-react": "^4.5.2",
-    "@vitest/coverage-v8": "3.0.5",
+    "@vitest/coverage-v8": "3.2.4",
     "chalk": "4.1.2",
     "citty": "^0.1.6",
     "conventional-changelog-conventionalcommits": "^4.6.3",
@@ -148,7 +148,7 @@
     "typescript-eslint": "8.38.0",
     "uuid": "8.3.2",
     "verdaccio": "6.1.6",
-    "vitest": "3.0.5",
+    "vitest": "3.2.4",
     "yalc": "1.0.0-pre.53",
     "zx": "catalog:repo"
   },

packages/chrome-extension/jest.config.js

@@ -44,10 +44,9 @@
     "lint:attw": "attw --pack . --profile node16",
     "lint:publint": "publint",
     "publish:local": "pnpm yalc push --replace  --sig",
-    "test": "jest",
-    "test:cache:clear": "jest --clearCache --useStderr",
-    "test:ci": "jest --maxWorkers=70%",
-    "test:coverage": "jest --collectCoverage && open coverage/lcov-report/index.html"
+    "test": "vitest run",
+    "test:ci": "vitest run --maxWorkers=70%",
+    "test:watch": "vitest"
   },
   "dependencies": {
     "@clerk/clerk-js": "workspace:^",

packages/chrome-extension/package.json

@@ -1,6 +1,6 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
+// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
 
-exports[`public exports should not include a breaking change 1`] = `
+exports[`public exports > should not include a breaking change 1`] = `
 [
   "APIKeys",
   "AuthenticateWithRedirectCallback",

packages/chrome-extension/src/__tests__/__snapshots__/exports.test.ts.snap

@@ -1,3 +1,5 @@
+import { describe, expect, it } from 'vitest';
+
 import * as publicExports from '../index';
 
 describe('public exports', () => {

packages/chrome-extension/src/__tests__/exports.test.ts

@@ -1,3 +1,4 @@
+import { afterAll, afterEach, describe, expect, test, vi } from 'vitest';
 import browser from 'webextension-polyfill';
 
 import { getClientCookie } from '../cookies';
@@ -24,7 +25,8 @@ describe('Cookies', () => {
   const name = '__client';
   const cookie = createCookie({ name, value: 'foo', domain });
 
-  const getMock = jest.mocked(browser.cookies.get);
+  // eslint-disable-next-line jest/unbound-method -- The Jest ESLint plugin doesn't support Vitest
+  const getMock = vi.mocked(browser.cookies.get);
 
   afterEach(() => getMock.mockReset());
   afterAll(() => getMock.mockRestore());

packages/chrome-extension/src/internal/utils/__tests__/cookies.test.ts

@@ -1,3 +1,4 @@
+import { describe, expect, test } from 'vitest';
 import type { Manifest } from 'webextension-polyfill';
 
 import { missingManifestKeyError } from '../errors';

packages/chrome-extension/src/internal/utils/__tests__/manifest.test.ts

@@ -1,3 +1,4 @@
+import { afterEach, describe, expect, test, vi } from 'vitest';
 import browser from 'webextension-polyfill';
 
 import { BrowserStorageCache, MemoryStorageCache } from '../storage';
@@ -21,7 +22,8 @@ describe('StorageCache', () => {
 
   describe('set', () => {
     test('setting the storage cache', async () => {
-      const setMock = jest.mocked(browser.storage.local.set).mockResolvedValueOnce(_void);
+      // eslint-disable-next-line jest/unbound-method -- The Jest ESLint plugin doesn't support Vitest
+      const setMock = vi.mocked(browser.storage.local.set).mockResolvedValueOnce(_void);
 
       expect(await BrowserStorageCache.set(KEY, VALUE)).toBe(_void);
       expect(setMock).toHaveBeenCalledTimes(1);
@@ -31,7 +33,8 @@ describe('StorageCache', () => {
 
   describe('remove', () => {
     test('removing from the storage cache', async () => {
-      const removeMock = jest.mocked(browser.storage.local.remove).mockResolvedValueOnce(_void);
+      // eslint-disable-next-line jest/unbound-method -- The Jest ESLint plugin doesn't support Vitest
+      const removeMock = vi.mocked(browser.storage.local.remove).mockResolvedValueOnce(_void);
 
       expect(await BrowserStorageCache.remove(KEY)).toBe(_void);
       expect(removeMock).toHaveBeenCalledTimes(1);
@@ -40,16 +43,22 @@ describe('StorageCache', () => {
   });
 
   describe('get', () => {
+    afterEach(() => {
+      vi.restoreAllMocks();
+    });
+
     test('value missing', async () => {
-      const getMock = jest.mocked(browser.storage.local.get).mockResolvedValue({});
+      // eslint-disable-next-line jest/unbound-method -- The Jest ESLint plugin doesn't support Vitest
+      const getMock = vi.mocked(browser.storage.local.get).mockResolvedValue({});
 
       expect(await BrowserStorageCache.get(KEY)).toBeUndefined();
       expect(getMock).toHaveBeenCalledTimes(1);
       expect(getMock).toHaveBeenCalledWith(KEY);
     });
 
     test('value exists', async () => {
-      const getMock = jest.mocked(browser.storage.local.get).mockResolvedValue({ [KEY]: VALUE });
+      // eslint-disable-next-line jest/unbound-method -- The Jest ESLint plugin doesn't support Vitest
+      const getMock = vi.mocked(browser.storage.local.get).mockResolvedValue({ [KEY]: VALUE });
 
       expect(await BrowserStorageCache.get(KEY)).toBe(VALUE);
       expect(getMock).toHaveBeenCalledTimes(1);