chore(auth-providers): switch to vitest (mostly) (redwoodjs#9869)

This PR updates the auth providers with the exception of two:
1. `@redwoodjs/auth-firebase-web`
It contains jest specific code for specifically resolving uuid to CJS.
I'm sure it's possible to switch it over but I have not yet tried.
3. `@redwoodjs/auth-dbauth-web`
I encountered errors that WebAuthn was not supported within the test
environment. Even with the `jsdom` environment set.

Author: Josh-Walker-GM

packages/auth-providers/auth0/api/jest.config.js

@@ -19,8 +19,8 @@
     "build:types": "tsc --build --verbose",
     "build:watch": "nodemon --watch src --ext \"js,jsx,ts,tsx,template\" --ignore dist --exec \"yarn build\"",
     "prepublishOnly": "NODE_ENV=production yarn build",
-    "test": "jest src",
-    "test:watch": "yarn test --watch"
+    "test": "vitest run src",
+    "test:watch": "vitest watch src"
   },
   "dependencies": {
     "@babel/runtime-corejs3": "7.23.6",
@@ -33,8 +33,8 @@
     "@babel/core": "^7.22.20",
     "@redwoodjs/api": "6.0.7",
     "@types/jsonwebtoken": "9.0.5",
-    "jest": "29.7.0",
-    "typescript": "5.3.3"
+    "typescript": "5.3.3",
+    "vitest": "1.2.1"
   },
   "gitHead": "3905ed045508b861b495f8d5630d76c7a157d8f1"
 }

packages/auth-providers/auth0/api/package.json

@@ -1,10 +1,13 @@
 import jwt from 'jsonwebtoken'
+import { vi, test, expect } from 'vitest'
 
 import { verifyAuth0Token } from '../decoder'
 
-jest.mock('jsonwebtoken', () => ({
-  verify: jest.fn(),
-  decode: jest.fn(),
+vi.mock('jsonwebtoken', () => ({
+  default: {
+    verify: vi.fn(),
+    decode: vi.fn(),
+  },
 }))
 
 test('verify, and not decode, should be called in production', () => {

packages/auth-providers/auth0/api/src/__tests__/auth0.test.ts

@@ -0,0 +1,7 @@
+import { defineConfig, configDefaults } from 'vitest/config'
+
+export default defineConfig({
+  test: {
+    exclude: [...configDefaults.exclude, '**/fixtures'],
+  },
+})

packages/auth-providers/auth0/api/vitest.config.mts

@@ -19,8 +19,8 @@
     "build:types": "tsc --build --verbose",
     "build:watch": "nodemon --watch src --ext \"js,jsx,ts,tsx,template\" --ignore dist --exec \"yarn build\"",
     "prepublishOnly": "NODE_ENV=production yarn build",
-    "test": "jest src",
-    "test:watch": "yarn test --watch"
+    "test": "vitest run src",
+    "test:watch": "vitest watch src"
   },
   "dependencies": {
     "@babel/runtime-corejs3": "7.23.6",
@@ -31,8 +31,8 @@
     "@babel/cli": "7.23.4",
     "@babel/core": "^7.22.20",
     "@types/yargs": "17.0.32",
-    "jest": "29.7.0",
-    "typescript": "5.3.3"
+    "typescript": "5.3.3",
+    "vitest": "1.2.1"
   },
   "gitHead": "3905ed045508b861b495f8d5630d76c7a157d8f1"
 }

packages/auth-providers/auth0/setup/jest.config.js

@@ -1,7 +1,9 @@
+import { vi, test, expect } from 'vitest'
+
 import { command, description, builder, handler } from '../setup'
 
 // mock Telemetry for CLI commands so they don't try to spawn a process
-jest.mock('@redwoodjs/telemetry', () => {
+vi.mock('@redwoodjs/telemetry', () => {
   return {
     errorTelemetry: () => jest.fn(),
     timedTelemetry: () => jest.fn(),

packages/auth-providers/auth0/setup/package.json

@@ -0,0 +1,7 @@
+import { defineConfig, configDefaults } from 'vitest/config'
+
+export default defineConfig({
+  test: {
+    exclude: [...configDefaults.exclude, '**/fixtures'],
+  },
+})

packages/auth-providers/auth0/setup/src/__tests__/setup.test.ts

@@ -19,8 +19,8 @@
     "build:types": "tsc --build --verbose",
     "build:watch": "nodemon --watch src --ext \"js,jsx,ts,tsx,template\" --ignore dist --exec \"yarn build\"",
     "prepublishOnly": "NODE_ENV=production yarn build",
-    "test": "jest src",
-    "test:watch": "yarn test --watch"
+    "test": "vitest run src",
+    "test:watch": "vitest watch src"
   },
   "dependencies": {
     "@babel/runtime-corejs3": "7.23.6",
@@ -32,9 +32,9 @@
     "@babel/cli": "7.23.4",
     "@babel/core": "^7.22.20",
     "@types/react": "18.2.37",
-    "jest": "29.7.0",
     "react": "0.0.0-experimental-e5205658f-20230913",
-    "typescript": "5.3.3"
+    "typescript": "5.3.3",
+    "vitest": "1.2.1"
   },
   "peerDependencies": {
     "@auth0/auth0-spa-js": "2.1.2"

packages/auth-providers/auth0/setup/vitest.config.mts

@@ -5,6 +5,7 @@ import type {
   User,
 } from '@auth0/auth0-spa-js'
 import { renderHook, act } from '@testing-library/react'
+import { vi, beforeAll, beforeEach, describe, expect, it } from 'vitest'
 
 import type { CurrentUser } from '@redwoodjs/auth'
 
@@ -52,7 +53,7 @@ const auth0MockClient: Partial<Auth0Client> = {
   },
 }
 
-const fetchMock = jest.fn()
+const fetchMock = vi.fn()
 fetchMock.mockImplementation(async (_url, options) => {
   const body = options?.body ? JSON.parse(options.body) : {}
 

packages/auth-providers/auth0/web/jest.config.js

@@ -0,0 +1,8 @@
+import { defineConfig, configDefaults } from 'vitest/config'
+
+export default defineConfig({
+  test: {
+    exclude: [...configDefaults.exclude, '**/fixtures'],
+    environment: 'jsdom',
+  },
+})

packages/auth-providers/auth0/web/package.json

@@ -19,8 +19,8 @@
     "build:types": "tsc --build --verbose",
     "build:watch": "nodemon --watch src --ext \"js,jsx,ts,tsx,template\" --ignore dist --exec \"yarn build\"",
     "prepublishOnly": "NODE_ENV=production yarn build",
-    "test": "jest src",
-    "test:watch": "yarn test --watch"
+    "test": "vitest run src",
+    "test:watch": "vitest watch src"
   },
   "dependencies": {
     "@babel/runtime-corejs3": "7.23.6",
@@ -34,8 +34,8 @@
     "@redwoodjs/api": "6.0.7",
     "@types/aws-lambda": "8.10.126",
     "@types/jsonwebtoken": "9.0.5",
-    "jest": "29.7.0",
-    "typescript": "5.3.3"
+    "typescript": "5.3.3",
+    "vitest": "1.2.1"
   },
   "gitHead": "3905ed045508b861b495f8d5630d76c7a157d8f1"
 }

packages/auth-providers/auth0/web/src/__tests__/auth0.test.tsx

@@ -1,11 +1,14 @@
 import type { APIGatewayProxyEvent, Context as LambdaContext } from 'aws-lambda'
 import jwt from 'jsonwebtoken'
+import { vi, test, beforeAll, afterAll, expect, describe } from 'vitest'
 
 import { authDecoder } from '../decoder'
 
-jest.mock('jsonwebtoken', () => ({
-  verify: jest.fn(),
-  decode: jest.fn(),
+vi.mock('jsonwebtoken', () => ({
+  default: {
+    verify: vi.fn(),
+    decode: vi.fn(),
+  },
 }))
 
 const req = {

packages/auth-providers/auth0/web/vitest.config.mts

@@ -0,0 +1,7 @@
+import { defineConfig, configDefaults } from 'vitest/config'
+
+export default defineConfig({
+  test: {
+    exclude: [...configDefaults.exclude, '**/fixtures'],
+  },
+})

packages/auth-providers/azureActiveDirectory/api/jest.config.js

@@ -19,8 +19,8 @@
     "build:types": "tsc --build --verbose",
     "build:watch": "nodemon --watch src --ext \"js,jsx,ts,tsx,template\" --ignore dist --exec \"yarn build\"",
     "prepublishOnly": "NODE_ENV=production yarn build",
-    "test": "jest src",
-    "test:watch": "yarn test --watch"
+    "test": "vitest run src",
+    "test:watch": "vitest watch src"
   },
   "dependencies": {
     "@babel/runtime-corejs3": "7.23.6",
@@ -31,8 +31,8 @@
     "@babel/cli": "7.23.4",
     "@babel/core": "^7.22.20",
     "@types/yargs": "17.0.32",
-    "jest": "29.7.0",
-    "typescript": "5.3.3"
+    "typescript": "5.3.3",
+    "vitest": "1.2.1"
   },
   "gitHead": "3905ed045508b861b495f8d5630d76c7a157d8f1"
 }

packages/auth-providers/azureActiveDirectory/api/package.json

@@ -1,10 +1,12 @@
+import { vi, test, expect } from 'vitest'
+
 import { command, description, builder, handler } from '../setup'
 
 // mock Telemetry for CLI commands so they don't try to spawn a process
-jest.mock('@redwoodjs/telemetry', () => {
+vi.mock('@redwoodjs/telemetry', () => {
   return {
-    errorTelemetry: () => jest.fn(),
-    timedTelemetry: () => jest.fn(),
+    errorTelemetry: () => vi.fn(),
+    timedTelemetry: () => vi.fn(),
   }
 })
 

packages/auth-providers/azureActiveDirectory/api/src/__tests__/azureActiveDirectory.test.ts

@@ -0,0 +1,7 @@
+import { defineConfig, configDefaults } from 'vitest/config'
+
+export default defineConfig({
+  test: {
+    exclude: [...configDefaults.exclude, '**/fixtures'],
+  },
+})

packages/auth-providers/azureActiveDirectory/api/vitest.config.mts

@@ -19,8 +19,8 @@
     "build:types": "tsc --build --verbose",
     "build:watch": "nodemon --watch src --ext \"js,jsx,ts,tsx,template\" --ignore dist --exec \"yarn build\"",
     "prepublishOnly": "NODE_ENV=production yarn build",
-    "test": "jest src",
-    "test:watch": "yarn test --watch"
+    "test": "vitest run src",
+    "test:watch": "vitest watch src"
   },
   "dependencies": {
     "@babel/runtime-corejs3": "7.23.6",
@@ -33,9 +33,9 @@
     "@babel/core": "^7.22.20",
     "@types/netlify-identity-widget": "1.9.6",
     "@types/react": "18.2.37",
-    "jest": "29.7.0",
     "react": "0.0.0-experimental-e5205658f-20230913",
-    "typescript": "5.3.3"
+    "typescript": "5.3.3",
+    "vitest": "1.2.1"
   },
   "peerDependencies": {
     "@azure/msal-browser": "2.38.3"

packages/auth-providers/azureActiveDirectory/setup/jest.config.js

@@ -4,6 +4,7 @@ import type {
   RedirectRequest,
 } from '@azure/msal-browser'
 import { renderHook, act } from '@testing-library/react'
+import { vi, it, expect, describe, beforeAll, beforeEach } from 'vitest'
 
 import type { CurrentUser } from '@redwoodjs/auth'
 
@@ -79,7 +80,7 @@ const azureActiveDirectoryMockClient: Partial<AzureActiveDirectoryClient> = {
   },
 }
 
-const fetchMock = jest.fn()
+const fetchMock = vi.fn()
 fetchMock.mockImplementation(async (_url, options) => {
   const body = options?.body ? JSON.parse(options.body) : {}
 

packages/auth-providers/azureActiveDirectory/setup/package.json

@@ -0,0 +1,8 @@
+import { defineConfig, configDefaults } from 'vitest/config'
+
+export default defineConfig({
+  test: {
+    exclude: [...configDefaults.exclude, '**/fixtures'],
+    environment: 'jsdom',
+  },
+})

packages/auth-providers/azureActiveDirectory/setup/src/__tests__/setup.test.ts

@@ -19,8 +19,8 @@
     "build:types": "tsc --build --verbose",
     "build:watch": "nodemon --watch src --ext \"js,jsx,ts,tsx,template\" --ignore dist --exec \"yarn build\"",
     "prepublishOnly": "NODE_ENV=production yarn build",
-    "test": "jest src",
-    "test:watch": "yarn test --watch"
+    "test": "vitest run src",
+    "test:watch": "vitest watch src"
   },
   "dependencies": {
     "@babel/runtime-corejs3": "7.23.6",
@@ -32,8 +32,8 @@
     "@babel/core": "^7.22.20",
     "@redwoodjs/api": "6.0.7",
     "@types/aws-lambda": "8.10.126",
-    "jest": "29.7.0",
-    "typescript": "5.3.3"
+    "typescript": "5.3.3",
+    "vitest": "1.2.1"
   },
   "gitHead": "3905ed045508b861b495f8d5630d76c7a157d8f1"
 }

packages/auth-providers/azureActiveDirectory/setup/vitest.config.mts

@@ -1,4 +1,5 @@
 import type { APIGatewayProxyEvent, Context as LambdaContext } from 'aws-lambda'
+import { beforeAll, afterAll, describe, test, expect } from 'vitest'
 
 import { authDecoder, clerkAuthDecoder } from '../decoder'
 

packages/auth-providers/azureActiveDirectory/web/jest.config.js

@@ -0,0 +1,7 @@
+import { defineConfig, configDefaults } from 'vitest/config'
+
+export default defineConfig({
+  test: {
+    exclude: [...configDefaults.exclude, '**/fixtures'],
+  },
+})

packages/auth-providers/azureActiveDirectory/web/package.json

@@ -18,9 +18,7 @@
     "build:pack": "yarn pack -o redwoodjs-auth-clerk-setup.tgz",
     "build:types": "tsc --build --verbose",
     "build:watch": "nodemon --watch src --ext \"js,jsx,ts,tsx,template\" --ignore dist --exec \"yarn build\"",
-    "prepublishOnly": "NODE_ENV=production yarn build",
-    "test": "jest src --passWithNoTests",
-    "test:watch": "yarn test --watch"
+    "prepublishOnly": "NODE_ENV=production yarn build"
   },
   "dependencies": {
     "@babel/runtime-corejs3": "7.23.6",
@@ -31,7 +29,6 @@
     "@babel/cli": "7.23.4",
     "@babel/core": "^7.22.20",
     "@types/yargs": "17.0.32",
-    "jest": "29.7.0",
     "typescript": "5.3.3"
   },
   "gitHead": "3905ed045508b861b495f8d5630d76c7a157d8f1"