test(sanity): migrate sanity package to vitest

.github/workflows/test.yml

@@ -71,5 +71,6 @@ jobs:
       - name: Test
         id: test
         run: |
-          node -v
-          pnpm test:vitest
+          pnpm test:vitest --shard=${{ matrix.shardIndex}}/${{ matrix.shardTotal }}
+        env:
+          GITHUB_SHARD_IDENTIFIER: ${{ matrix.shardIndex }}-${{ matrix.shardTotal }}

packages/sanity/package.json

@@ -139,10 +139,10 @@
     "build:bundle": "vite build --config package.bundle.ts",
     "check:types": "tsc --project tsconfig.lib.json",
     "clean": "rimraf _internal.js _singletons.js _createContext.js cli.js desk.js migrate.js presentation.js router.js structure.js lib",
-    "coverage": "jest --coverage",
+    "coverage": "vitest --coverage",
     "lint": "eslint .",
     "prepublishOnly": "turbo run build",
-    "test": "pkg-utils --strict && jest",
+    "test": "vitest run",
     "test:ct": "rimraf playwright-ct/template/.cache && playwright test -c playwright-ct.config.ts",
     "watch": "pkg-utils watch",
     "write:playwright-report-as-pr-comment": "node -r esbuild-register playwright-ct/scripts/parsePlaywrightReportJson.ts"
@@ -299,6 +299,7 @@
     "@types/rimraf": "^3.0.2",
     "@types/semver": "^6.2.3",
     "@types/tar-fs": "^2.0.1",
+    "@vitejs/plugin-react": "^4.3.1",
     "@vvo/tzdb": "6.137.0",
     "blob-polyfill": "^9.0.20240710",
     "date-fns-tz": "2.0.1",
@@ -307,7 +308,8 @@
     "rimraf": "^3.0.2",
     "rxjs-etc": "^10.6.2",
     "styled-components": "^6.1.13",
-    "swr": "2.2.5"
+    "swr": "2.2.5",
+    "vitest": "2.1.1"
   },
   "peerDependencies": {
     "react": "^18",

packages/sanity/src/core/comments/__tests__/buildCommentBreadcrumbs.test.ts

@@ -1,6 +1,6 @@
-import {describe, expect, test} from '@jest/globals'
 import {Schema} from '@sanity/schema'
 import {type CurrentUser, defineField} from '@sanity/types'
+import {describe, expect, test} from 'vitest'
 
 import {buildCommentBreadcrumbs} from '../utils'
 

packages/sanity/src/core/comments/__tests__/buildRangeDecorationSelectionsFromComments/boldedBefore.test.ts

@@ -1,4 +1,4 @@
-import {describe, expect, test} from '@jest/globals'
+import {describe, expect, test} from 'vitest'
 
 import {type CommentDocument} from '../../types'
 import {buildRangeDecorationSelectionsFromComments, COMMENT_INDICATORS} from '../../utils'

packages/sanity/src/core/comments/__tests__/buildRangeDecorationSelectionsFromComments/boldedInside.test.ts

@@ -1,4 +1,4 @@
-import {describe, expect, test} from '@jest/globals'
+import {describe, expect, test} from 'vitest'
 
 import {type CommentDocument} from '../../types'
 import {buildRangeDecorationSelectionsFromComments, COMMENT_INDICATORS} from '../../utils'

packages/sanity/src/core/comments/__tests__/buildRangeDecorationSelectionsFromComments/boldedInsideOutside.test.ts

@@ -1,4 +1,4 @@
-import {describe, expect, test} from '@jest/globals'
+import {describe, expect, test} from 'vitest'
 
 import {type CommentDocument} from '../../types'
 import {buildRangeDecorationSelectionsFromComments, COMMENT_INDICATORS} from '../../utils'

packages/sanity/src/core/comments/__tests__/buildRangeDecorationSelectionsFromComments/deleteAfterSingleWord.test.ts

@@ -1,4 +1,4 @@
-import {describe, expect, test} from '@jest/globals'
+import {describe, expect, test} from 'vitest'
 
 import {type CommentDocument} from '../../types'
 import {buildRangeDecorationSelectionsFromComments, COMMENT_INDICATORS} from '../../utils'

packages/sanity/src/core/comments/__tests__/buildRangeDecorationSelectionsFromComments/dramaticallyChanged.test.ts

@@ -1,4 +1,4 @@
-import {describe, expect, test} from '@jest/globals'
+import {describe, expect, test} from 'vitest'
 
 import {type CommentDocument} from '../../types'
 import {buildRangeDecorationSelectionsFromComments, COMMENT_INDICATORS} from '../../utils'

packages/sanity/src/core/comments/__tests__/buildRangeDecorationSelectionsFromComments/editInsideSingleWord.test.ts

@@ -1,4 +1,4 @@
-import {describe, expect, test} from '@jest/globals'
+import {describe, expect, test} from 'vitest'
 
 import {type CommentDocument} from '../../types'
 import {buildRangeDecorationSelectionsFromComments, COMMENT_INDICATORS} from '../../utils'

packages/sanity/src/core/comments/__tests__/buildRangeDecorationSelectionsFromComments/editOutSideSingleWord.test.ts

@@ -1,4 +1,4 @@
-import {describe, expect, test} from '@jest/globals'
+import {describe, expect, test} from 'vitest'
 
 import {type CommentDocument} from '../../types'
 import {buildRangeDecorationSelectionsFromComments, COMMENT_INDICATORS} from '../../utils'

packages/sanity/src/core/comments/__tests__/buildRangeDecorationSelectionsFromComments/exact.test.ts

@@ -1,4 +1,4 @@
-import {describe, expect, test} from '@jest/globals'
+import {describe, expect, test} from 'vitest'
 
 import {type CommentDocument} from '../../types'
 import {buildRangeDecorationSelectionsFromComments, COMMENT_INDICATORS} from '../../utils'

packages/sanity/src/core/comments/__tests__/buildRangeDecorationSelectionsFromComments/similarWordAdded.test.ts

@@ -1,4 +1,4 @@
-import {describe, expect, test} from '@jest/globals'
+import {describe, expect, test} from 'vitest'
 
 import {type CommentDocument} from '../../types'
 import {buildRangeDecorationSelectionsFromComments, COMMENT_INDICATORS} from '../../utils'

packages/sanity/src/core/comments/__tests__/mergeCommentReactions.test.ts

@@ -1,4 +1,4 @@
-import {describe, expect, test} from '@jest/globals'
+import {describe, expect, test} from 'vitest'
 
 import {type CommentReactionItem} from '../types'
 import {mergeCommentReactions} from '../utils/mergeCommentReactions'

packages/sanity/src/core/comments/__tests__/transformChildren.test.tsx

@@ -1,4 +1,4 @@
-import {describe, expect, test} from '@jest/globals'
+import {describe, expect, test} from 'vitest'
 
 import {transformChildren} from '../utils'
 import {onClick} from '../utils/transform-children/linkMiddleware'

packages/sanity/src/core/comments/__tests__/weakenReferencesInContentSnapshot.test.ts

@@ -1,4 +1,4 @@
-import {describe, expect, test} from '@jest/globals'
+import {describe, expect, test} from 'vitest'
 
 import {type CommentDocument} from '../types'
 import {weakenReferencesInContentSnapshot} from '../utils'

packages/sanity/src/core/components/commandList/__tests__/CommandList.test.tsx

@@ -1,8 +1,8 @@
-import {describe, expect, it} from '@jest/globals'
 import {studioTheme, ThemeProvider} from '@sanity/ui'
 import {render, screen} from '@testing-library/react'
 import userEvent from '@testing-library/user-event'
 import {useCallback} from 'react'
+import {describe, expect, it} from 'vitest'
 
 import {CommandList} from '../CommandList'
 

packages/sanity/src/core/components/errorActions/useCopyErrorDetails.test.ts

@@ -1,5 +1,5 @@
-import {describe, expect, it} from '@jest/globals'
 import {firstValueFrom, map, of} from 'rxjs'
+import {describe, expect, it} from 'vitest'
 
 import {type ErrorWithId} from './types'
 import {serializeError} from './useCopyErrorDetails'

packages/sanity/src/core/components/rovingFocus/__tests__/useRovingFocus.test.tsx

@@ -1,8 +1,8 @@
-import {describe, expect, it} from '@jest/globals'
 import {Card, studioTheme, ThemeProvider} from '@sanity/ui'
 import {fireEvent, render} from '@testing-library/react'
 import userEvent from '@testing-library/user-event'
 import {useState} from 'react'
+import {describe, expect, it} from 'vitest'
 
 import {Button} from '../../../../ui-components'
 import {type RovingFocusProps} from '../types'

packages/sanity/src/core/config/__tests__/createPlugin.test.ts

@@ -1,4 +1,4 @@
-import {describe, it} from '@jest/globals'
+import {describe, it} from 'vitest'
 
 describe('createPlugin', () => {
   it.todo('normalizes its input to a function')

packages/sanity/src/core/config/__tests__/resolveConfig.test.ts

@@ -1,7 +1,7 @@
-import {describe, expect, it} from '@jest/globals'
 import {createClient} from '@sanity/client'
 import {firstValueFrom, lastValueFrom, of} from 'rxjs'
 import {bufferTime} from 'rxjs/operators'
+import {describe, expect, it} from 'vitest'
 
 import {createMockAuthStore} from '../../store'
 import {definePlugin} from '../definePlugin'

packages/sanity/src/core/config/__tests__/resolveConfigProperty.test.ts

@@ -1,5 +1,5 @@
-import {describe, expect, it, jest} from '@jest/globals'
 import {type SchemaTypeDefinition} from '@sanity/types'
+import {describe, expect, it, vi} from 'vitest'
 
 import {definePlugin} from '../definePlugin'
 import {resolveConfigProperty} from '../resolveConfigProperty'
@@ -51,7 +51,7 @@ describe('resolveConfigProperty', () => {
     const context = {}
 
     // eslint-disable-next-line @typescript-eslint/no-unused-vars
-    const reducer = jest.fn<ConfigPropertyReducer<SchemaTypeDefinition[], unknown>>(
+    const reducer = vi.fn<ConfigPropertyReducer<SchemaTypeDefinition[], unknown>>(
       (prev, config, _context) => {
         return [...prev, ...((config.schema?.types || []) as SchemaTypeDefinition[])]
       },
@@ -122,7 +122,7 @@ describe('resolveConfigProperty', () => {
     const context = {}
 
     // eslint-disable-next-line @typescript-eslint/no-unused-vars
-    const asyncReducer = jest.fn<AsyncConfigPropertyReducer<SchemaTypeDefinition[], unknown>>(
+    const asyncReducer = vi.fn<AsyncConfigPropertyReducer<SchemaTypeDefinition[], unknown>>(
       async (prev, config, _context) => {
         await new Promise((resolve) => setTimeout(resolve, 0))
         return [...prev, ...((config.schema?.types || []) as SchemaTypeDefinition[])]
@@ -176,7 +176,7 @@ describe('resolveConfigProperty', () => {
         },
       }),
     ).rejects.toMatchInlineSnapshot(
-      `"An error occurred while resolving \`example\` from plugin \`config\` > plugin \`deep\` > plugin \`deeper\` > plugin \`deepest\`: example error"`,
+      `[ConfigPropertyError: An error occurred while resolving \`example\` from config > deep > deeper > deepest: example error]`,
     )
   })
 })

packages/sanity/src/core/environment/hasSanityPackageInImportMap.test.ts

@@ -1,12 +1,12 @@
-import {describe, expect, it, jest} from '@jest/globals'
+import {describe, expect, it, vi} from 'vitest'
 
 import {hasSanityPackageInImportMap} from './hasSanityPackageInImportMap'
 
-const querySelectorAllSpy = jest.spyOn(document, 'querySelectorAll')
+const querySelectorAllSpy = vi.spyOn(document, 'querySelectorAll')
 
 describe('hasSanityPackageInImportMap', () => {
   it('should return false if document is undefined', () => {
-    const documentSpy = jest.spyOn(global, 'document', 'get')
+    const documentSpy = vi.spyOn(global, 'document', 'get')
     documentSpy.mockReturnValueOnce(undefined as any)
     expect(hasSanityPackageInImportMap()).toBe(false)
   })

packages/sanity/src/core/field/conditional-property/__snapshots__/useConditionalProperty.test.tsx.snap

@@ -1,43 +1,43 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
+// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
 
-exports[`Conditional property resolver calls callback function 1`] = `
-Array [
-  Array [
-    Object {
-      "currentUser": Object {
+exports[`Conditional property resolver > calls callback function 1`] = `
+[
+  [
+    {
+      "currentUser": {
         "email": "[email protected]",
         "id": "doug",
         "name": "Doug",
         "role": "admin",
-        "roles": Array [
-          Object {
+        "roles": [
+          {
             "name": "administrator",
             "title": "Administrator",
           },
         ],
       },
-      "document": Object {
+      "document": {
         "_createdAt": "2021-11-04T15:41:48Z",
         "_id": "drafts.10053a07-8647-4ebd-9d1d-33a512d30d3a",
         "_rev": "5hb8s6-k75-ip4-4bq-5ztbf3fbx",
         "_type": "conditionalFieldsTest",
         "_updatedAt": "2021-11-05T12:34:29Z",
         "isPublished": true,
         "title": "Hello world",
-        "venue": Object {
-          "address": Object {
+        "venue": {
+          "address": {
             "city": "Oakland",
             "state": "California",
             "street": "2421 Telegraph Ave #102",
             "zip": 94612,
           },
-          "location": Object {
+          "location": {
             "lat": 37.813563,
             "lng": -122.268812,
           },
         },
       },
-      "parent": Object {
+      "parent": {
         "parentTest": "hello",
         "siblingProp": true,
       },