chore(clerk-js): Convert additional Jest tests to Vitest (#6787)

Copilot · jacekradko · web-flow · commit 4706c158f32e · 2025-09-16T13:51:26.000-05:00
Co-authored-by: Jacek &lt;jacek@clerk.dev&gt;
diff --git a/.changeset/fine-ducks-retire.md b/.changeset/fine-ducks-retire.md
@@ -0,0 +1,2 @@
+---
+---
diff --git a/packages/clerk-js/src/ui/common/__tests__/verification.spec.ts b/packages/clerk-js/src/ui/common/__tests__/verification.spec.ts
@@ -1,4 +1,5 @@
 import { ClerkAPIResponseError } from '@clerk/shared/error';
+import { describe, expect, it } from 'vitest';
 
 import { isVerificationExpiredError, VerificationErrorMessage, verificationErrorMessage } from '../verification';
 
diff --git a/packages/clerk-js/src/ui/utils/__tests__/createCustomMenuItems.spec.ts b/packages/clerk-js/src/ui/utils/__tests__/createCustomMenuItems.spec.ts
@@ -1,4 +1,5 @@
 import type { CustomMenuItem } from '@clerk/types';
+import { describe, expect, it } from 'vitest';
 
 import { createUserButtonCustomMenuItems as cUBCMI } from '../createCustomMenuItems';
 
diff --git a/packages/clerk-js/src/ui/utils/__tests__/createCustomPages.spec.ts b/packages/clerk-js/src/ui/utils/__tests__/createCustomPages.spec.ts
@@ -1,4 +1,5 @@
 import type { CustomPage } from '@clerk/types';
+import { describe, expect, it } from 'vitest';
 
 import {
   createOrganizationProfileCustomPages as cOPCP,
diff --git a/packages/clerk-js/src/ui/utils/__tests__/cssSupports.spec.ts b/packages/clerk-js/src/ui/utils/__tests__/cssSupports.spec.ts
@@ -1,10 +1,12 @@
+import { afterAll, beforeAll, beforeEach, describe, expect, test, vi } from 'vitest';
+
 import { clearCache, cssSupports } from '../cssSupports';
 
 // Mock CSS.supports
 const originalCSSSupports = CSS.supports;
 
 beforeAll(() => {
-  CSS.supports = jest.fn(feature => {
+  CSS.supports = vi.fn(feature => {
     if (feature === 'color: hsl(from white h s l)') {
       return true;
     }
@@ -21,7 +23,7 @@ afterAll(() => {
 
 beforeEach(() => {
   clearCache();
-  (CSS.supports as jest.Mock).mockClear();
+  vi.mocked(CSS.supports).mockClear();
 });
 
 describe('cssSupports', () => {
diff --git a/packages/clerk-js/src/ui/utils/__tests__/factorSorting.spec.ts b/packages/clerk-js/src/ui/utils/__tests__/factorSorting.spec.ts
@@ -1,4 +1,5 @@
 import type { SignInFactor, SignInStrategy } from '@clerk/types';
+import { describe, expect, it } from 'vitest';
 
 import {
   allStrategiesButtonsComparator,
diff --git a/packages/clerk-js/src/ui/utils/__tests__/phoneUtils.spec.ts b/packages/clerk-js/src/ui/utils/__tests__/phoneUtils.spec.ts
@@ -1,4 +1,5 @@
 import type { PhoneCodeChannel } from '@clerk/types';
+import { describe, expect, it } from 'vitest';
 
 import {
   extractDigits,
diff --git a/packages/clerk-js/src/ui/utils/__tests__/truncateTextWithEndVisible.spec.ts b/packages/clerk-js/src/ui/utils/__tests__/truncateTextWithEndVisible.spec.ts
@@ -1,3 +1,5 @@
+import { describe, expect, test } from 'vitest';
+
 import { truncateWithEndVisible } from '../truncateTextWithEndVisible';
 
 describe('truncateWithEndVisible', () => {
diff --git a/packages/clerk-js/src/utils/__tests__/encoders.spec.ts b/packages/clerk-js/src/utils/__tests__/encoders.spec.ts
@@ -1,3 +1,5 @@
+import { describe, expect, it } from 'vitest';
+
 import { urlDecodeB64, urlEncodeB64 } from '../encoders';
 
 describe('base 64', () => {
diff --git a/packages/clerk-js/src/utils/__tests__/getClerkQueryParam.spec.ts b/packages/clerk-js/src/utils/__tests__/getClerkQueryParam.spec.ts
@@ -1,3 +1,5 @@
+import { beforeEach, describe, expect, it, vi } from 'vitest';
+
 import { CLERK_SYNCED } from '../../core/constants';
 import { forwardClerkQueryParams, getClerkQueryParam, removeClerkQueryParam } from '../getClerkQueryParam';
 
@@ -62,7 +64,7 @@ describe('removeClerkQueryParam', () => {
       writable: true,
     });
 
-    const mockReplaceState = jest.fn();
+    const mockReplaceState = vi.fn();
     Object.defineProperty(window.history, 'replaceState', {
       value: mockReplaceState,
       writable: true,
@@ -78,7 +80,7 @@ describe('removeClerkQueryParam', () => {
   });
 
   it('does nothing when parameter is not present', () => {
-    const mockReplaceState = jest.fn();
+    const mockReplaceState = vi.fn();
     Object.defineProperty(window.history, 'replaceState', {
       value: mockReplaceState,
       writable: true,

Original file line number	Diff line number	Diff line change
`@@ -1,4 +1,5 @@`
`1`	`1`	`import { ClerkAPIResponseError } from '@clerk/shared/error';`
	`2`	`+import { describe, expect, it } from 'vitest';`
`2`	`3`
`3`	`4`	`import { isVerificationExpiredError, VerificationErrorMessage, verificationErrorMessage } from '../verification';`
`4`	`5`
Original file line number	Diff line number	Diff line change
`@@ -1,4 +1,5 @@`
`1`	`1`	`import type { CustomMenuItem } from '@clerk/types';`
	`2`	`+import { describe, expect, it } from 'vitest';`
`2`	`3`
`3`	`4`	`import { createUserButtonCustomMenuItems as cUBCMI } from '../createCustomMenuItems';`
`4`	`5`
Original file line number	Diff line number	Diff line change
`@@ -1,4 +1,5 @@`
`1`	`1`	`import type { CustomPage } from '@clerk/types';`
	`2`	`+import { describe, expect, it } from 'vitest';`
`2`	`3`
`3`	`4`	`import {`
`4`	`5`	`createOrganizationProfileCustomPages as cOPCP,`
Original file line number	Diff line number	Diff line change
`@@ -1,4 +1,5 @@`
`1`	`1`	`import type { SignInFactor, SignInStrategy } from '@clerk/types';`
	`2`	`+import { describe, expect, it } from 'vitest';`
`2`	`3`
`3`	`4`	`import {`
`4`	`5`	`allStrategiesButtonsComparator,`
Original file line number	Diff line number	Diff line change
`@@ -1,4 +1,5 @@`
`1`	`1`	`import type { PhoneCodeChannel } from '@clerk/types';`
	`2`	`+import { describe, expect, it } from 'vitest';`
`2`	`3`
`3`	`4`	`import {`
`4`	`5`	`extractDigits,`
Original file line number	Diff line number	Diff line change
`@@ -1,3 +1,5 @@`
	`1`	`+import { describe, expect, test } from 'vitest';`
	`2`	`+`
`1`	`3`	`import { truncateWithEndVisible } from '../truncateTextWithEndVisible';`
`2`	`4`
`3`	`5`	`describe('truncateWithEndVisible', () => {`
Original file line number	Diff line number	Diff line change
`@@ -1,3 +1,5 @@`
	`1`	`+import { describe, expect, it } from 'vitest';`
	`2`	`+`
`1`	`3`	`import { urlDecodeB64, urlEncodeB64 } from '../encoders';`
`2`	`4`
`3`	`5`	`describe('base 64', () => {`