chore(chrome-extension): Replace Jest with Vitest

Author: dstaley

.changeset/brown-icons-shine.md

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

package.json

@@ -146,7 +146,7 @@
     "typescript-eslint": "8.38.0",
     "uuid": "8.3.2",
     "verdaccio": "^5.33.0",
-    "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,8 @@
     "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",
+    "test:ci": "vitest run --maxWorkers=70%"
   },
   "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 { describe, expect, test, afterEach, afterAll, vi } from 'vitest';
 import browser from 'webextension-polyfill';
 
 import { getClientCookie } from '../cookies';
@@ -24,7 +25,7 @@ describe('Cookies', () => {
   const name = '__client';
   const cookie = createCookie({ name, value: 'foo', domain });
 
-  const getMock = jest.mocked(browser.cookies.get);
+  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 { describe, expect, test, vi, afterEach } from 'vitest';
 import browser from 'webextension-polyfill';
 
 import { BrowserStorageCache, MemoryStorageCache } from '../storage';
@@ -21,7 +22,7 @@ describe('StorageCache', () => {
 
   describe('set', () => {
     test('setting the storage cache', async () => {
-      const setMock = jest.mocked(browser.storage.local.set).mockResolvedValueOnce(_void);
+      const setMock = vi.mocked(browser.storage.local.set).mockResolvedValueOnce(_void);
 
       expect(await BrowserStorageCache.set(KEY, VALUE)).toBe(_void);
       expect(setMock).toHaveBeenCalledTimes(1);
@@ -31,7 +32,7 @@ describe('StorageCache', () => {
 
   describe('remove', () => {
     test('removing from the storage cache', async () => {
-      const removeMock = jest.mocked(browser.storage.local.remove).mockResolvedValueOnce(_void);
+      const removeMock = vi.mocked(browser.storage.local.remove).mockResolvedValueOnce(_void);
 
       expect(await BrowserStorageCache.remove(KEY)).toBe(_void);
       expect(removeMock).toHaveBeenCalledTimes(1);
@@ -40,16 +41,20 @@ describe('StorageCache', () => {
   });
 
   describe('get', () => {
+    afterEach(() => {
+      vi.restoreAllMocks();
+    });
+
     test('value missing', async () => {
-      const getMock = jest.mocked(browser.storage.local.get).mockResolvedValue({});
+      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 });
+      const getMock = vi.mocked(browser.storage.local.get).mockResolvedValue({ [KEY]: VALUE });
 
       expect(await BrowserStorageCache.get(KEY)).toBe(VALUE);
       expect(getMock).toHaveBeenCalledTimes(1);

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

@@ -0,0 +1,25 @@
+import { defineConfig } from 'vitest/config';
+import { readFileSync } from 'node:fs';
+
+const { name, version } = JSON.parse(readFileSync('./package.json', 'utf8'));
+
+export default defineConfig({
+  plugins: [],
+  define: {
+    PACKAGE_NAME: JSON.stringify(name),
+    PACKAGE_VERSION: JSON.stringify(version),
+  },
+  test: {
+    typecheck: {
+      enabled: true,
+      tsconfig: './tsconfig.test.json',
+      include: ['**/*.test.{ts,tsx}'],
+    },
+    env: {
+      CLERK_SECRET_KEY: 'TEST_SECRET_KEY',
+    },
+    environment: 'jsdom',
+    includeSource: ['**/*.{js,ts,jsx,tsx}'],
+    setupFiles: './vitest.setup.mts',
+  },
+});