@sanity/cli-test 0.0.2-alpha.9 → 0.1.0-alpha.16

package/dist/index.d.ts

@@ -6,13 +6,12 @@ import {Config} from '@oclif/core'
 import {Errors} from '@oclif/core'
 import {Hook} from '@oclif/core/hooks'
 import {Hooks} from '@oclif/core/hooks'
-import {Mock} from 'vitest'
 import nock from 'nock'
 import {ProjectRootResult} from '@sanity/cli-core'
-import {RawRequestOptions} from '@sanity/client'
-import {SanityClient} from 'sanity'
+import {SanityClient} from '@sanity/client'
 import {SanityCommand} from '@sanity/cli-core'
 import {TestProject} from 'vitest/node'
+import {vi} from 'vitest'
 
 declare interface CaptureOptions {
   /**
@@ -81,7 +80,7 @@ export declare function convertToSystemPath(pathStr: string): string
  */
 export declare function createTestClient(options: CreateTestClientOptions): {
   client: SanityClient
-  request: Mock<(options: RawRequestOptions) => Promise<any>>
+  request: ReturnType<typeof vi.fn>
 }
 
 /**
@@ -268,6 +267,11 @@ export declare interface MockSanityCommandOptions {
    * Mock CLI config (required if command uses getCliConfig or getProjectId)
    */
   cliConfig?: CliConfig
+  /**
+   * When provided, getCliConfig() will throw this error instead of returning a config.
+   * Useful for simulating running outside a project directory.
+   */
+  cliConfigError?: Error
   /**
    * Mock whether the terminal is interactive (used by isUnattended)
    */

package/dist/test/createTestClient.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/test/createTestClient.ts"],"sourcesContent":["import {type ClientConfig, createClient} from '@sanity/client'\nimport {vi} from 'vitest'\n\n/**\n * Options for createTestClient\n *\n * @public\n */\nexport interface CreateTestClientOptions extends ClientConfig {\n  /**\n   * API version for the client\n   */\n  apiVersion: string\n\n  /**\n   * Authentication token\n   */\n  token: string\n}\n\n/**\n * Creates a real Sanity client instance for testing that makes actual HTTP requests.\n * Use with mockApi() to intercept and mock the HTTP calls.\n *\n * @public\n *\n * @example\n * ```typescript\n * // Mock getGlobalCliClient to return a test client\n * vi.mock('@sanity/cli-core', async (importOriginal) => {\n *   const actual = await importOriginal<typeof import('@sanity/cli-core')>()\n *   const {createTestClient} = await import('@sanity/cli-test')\n *\n *   return {\n *     ...actual,\n *     getGlobalCliClient: vi.fn().mockImplementation((opts) => {\n *       return Promise.resolve(createTestClient({\n *         apiVersion: opts.apiVersion,\n *       }))\n *     }),\n *   }\n * })\n *\n * // Then use mockApi to intercept requests\n * mockApi({\n *   apiVersion: 'v2025-02-19',\n *   method: 'get',\n *   uri: '/media-libraries',\n * }).reply(200, {data: [...]})\n * ```\n */\nexport function createTestClient(options: CreateTestClientOptions) {\n  const {apiVersion, projectId, token, ...rest} = options\n\n  const client = createClient({\n    apiVersion,\n    projectId,\n    requestTagPrefix: 'sanity.cli',\n    token,\n    useCdn: false,\n    useProjectHostname: projectId ? true : false,\n    ...rest,\n  })\n\n  /**\n   * Mock the request method of the client to return the actual response from the client\n   */\n  const request = vi.fn((...args: Parameters<typeof client.request>) => client.request(...args))\n\n  return {\n    client,\n    request,\n  }\n}\n"],"names":["createClient","vi","createTestClient","options","apiVersion","projectId","token","rest","client","requestTagPrefix","useCdn","useProjectHostname","request","fn","args"],"mappings":"AAAA,SAA2BA,YAAY,QAAO,iBAAgB;AAC9D,SAAQC,EAAE,QAAO,SAAQ;AAmBzB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA8BC,GACD,OAAO,SAASC,iBAAiBC,OAAgC;IAC/D,MAAM,EAACC,UAAU,EAAEC,SAAS,EAAEC,KAAK,EAAE,GAAGC,MAAK,GAAGJ;IAEhD,MAAMK,SAASR,aAAa;QAC1BI;QACAC;QACAI,kBAAkB;QAClBH;QACAI,QAAQ;QACRC,oBAAoBN,YAAY,OAAO;QACvC,GAAGE,IAAI;IACT;IAEA;;GAEC,GACD,MAAMK,UAAUX,GAAGY,EAAE,CAAC,CAAC,GAAGC,OAA4CN,OAAOI,OAAO,IAAIE;IAExF,OAAO;QACLN;QACAI;IACF;AACF"}
+{"version":3,"sources":["../../src/test/createTestClient.ts"],"sourcesContent":["import {type ClientConfig, createClient, type SanityClient} from '@sanity/client'\nimport {vi} from 'vitest'\n\n/**\n * Options for createTestClient\n *\n * @public\n */\nexport interface CreateTestClientOptions extends ClientConfig {\n  /**\n   * API version for the client\n   */\n  apiVersion: string\n\n  /**\n   * Authentication token\n   */\n  token: string\n}\n\n/**\n * Creates a real Sanity client instance for testing that makes actual HTTP requests.\n * Use with mockApi() to intercept and mock the HTTP calls.\n *\n * @public\n *\n * @example\n * ```typescript\n * // Mock getGlobalCliClient to return a test client\n * vi.mock('@sanity/cli-core', async (importOriginal) => {\n *   const actual = await importOriginal<typeof import('@sanity/cli-core')>()\n *   const {createTestClient} = await import('@sanity/cli-test')\n *\n *   return {\n *     ...actual,\n *     getGlobalCliClient: vi.fn().mockImplementation((opts) => {\n *       return Promise.resolve(createTestClient({\n *         apiVersion: opts.apiVersion,\n *       }))\n *     }),\n *   }\n * })\n *\n * // Then use mockApi to intercept requests\n * mockApi({\n *   apiVersion: 'v2025-02-19',\n *   method: 'get',\n *   uri: '/media-libraries',\n * }).reply(200, {data: [...]})\n * ```\n */\nexport function createTestClient(options: CreateTestClientOptions): {\n  client: SanityClient\n  request: ReturnType<typeof vi.fn>\n} {\n  const {apiVersion, projectId, token, ...rest} = options\n\n  const client = createClient({\n    apiVersion,\n    projectId,\n    requestTagPrefix: 'sanity.cli',\n    token,\n    useCdn: false,\n    useProjectHostname: projectId ? true : false,\n    ...rest,\n  })\n\n  /**\n   * Mock the request method of the client to return the actual response from the client\n   */\n  const request = vi.fn((...args: Parameters<typeof client.request>) => client.request(...args))\n\n  return {\n    client,\n    request,\n  }\n}\n"],"names":["createClient","vi","createTestClient","options","apiVersion","projectId","token","rest","client","requestTagPrefix","useCdn","useProjectHostname","request","fn","args"],"mappings":"AAAA,SAA2BA,YAAY,QAA0B,iBAAgB;AACjF,SAAQC,EAAE,QAAO,SAAQ;AAmBzB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA8BC,GACD,OAAO,SAASC,iBAAiBC,OAAgC;IAI/D,MAAM,EAACC,UAAU,EAAEC,SAAS,EAAEC,KAAK,EAAE,GAAGC,MAAK,GAAGJ;IAEhD,MAAMK,SAASR,aAAa;QAC1BI;QACAC;QACAI,kBAAkB;QAClBH;QACAI,QAAQ;QACRC,oBAAoBN,YAAY,OAAO;QACvC,GAAGE,IAAI;IACT;IAEA;;GAEC,GACD,MAAMK,UAAUX,GAAGY,EAAE,CAAC,CAAC,GAAGC,OAA4CN,OAAOI,OAAO,IAAIE;IAExF,OAAO;QACLN;QACAI;IACF;AACF"}

package/dist/test/mockSanityCommand.js

@@ -44,6 +44,9 @@ import { createTestToken } from './createTestToken.js';
     // @ts-expect-error - TypeScript struggles with abstract class subclassing
     class MockedCommand extends CommandClass {
         getCliConfig() {
+            if (options.cliConfigError) {
+                return Promise.reject(options.cliConfigError);
+            }
             if (options.cliConfig) {
                 return Promise.resolve(options.cliConfig);
             }

package/dist/test/mockSanityCommand.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/test/mockSanityCommand.ts"],"sourcesContent":["import {type Command} from '@oclif/core'\nimport {type CliConfig, type ProjectRootResult, SanityCommand} from '@sanity/cli-core'\n\nimport {convertToSystemPath} from '../utils/paths.js'\nimport {createTestToken} from './createTestToken.js'\n\n/**\n * @public\n */\nexport interface MockSanityCommandOptions {\n  /**\n   * Mock CLI config (required if command uses getCliConfig or getProjectId)\n   */\n  cliConfig?: CliConfig\n  /**\n   * Mock whether the terminal is interactive (used by isUnattended)\n   */\n  isInteractive?: boolean\n  /**\n   * Mock project root result (required if command uses getProjectRoot)\n   */\n  projectRoot?: ProjectRootResult\n  /**\n   * Mock authentication token (passed to API clients, bypasses getCliToken)\n   */\n  token?: string\n}\n\n/**\n * Creates a testable subclass of a command with mocked SanityCommand dependencies.\n *\n * @public\n *\n * @example\n * ```ts\n * // Basic config mocking\n * const TestAdd = mockSanityCommand(Add, {\n *   cliConfig: { api: { projectId: 'test-project' } }\n * })\n *\n * // With mock API client\n * const mockClient = {\n *   getDocument: vi.fn().mockResolvedValue({ _id: 'doc1', title: 'Test' }),\n *   fetch: vi.fn().mockResolvedValue([]),\n * }\n * const TestGet = mockSanityCommand(GetDocumentCommand, {\n *   cliConfig: { api: { projectId: 'test-project', dataset: 'production' } },\n *   projectApiClient: mockClient,\n * })\n *\n * const {stdout} = await testCommand(TestGet, ['doc1'])\n * expect(mockClient.getDocument).toHaveBeenCalledWith('doc1')\n * ```\n */\nexport function mockSanityCommand<T extends typeof SanityCommand<typeof Command>>(\n  CommandClass: T,\n  options: MockSanityCommandOptions = {},\n): T {\n  if (options.token) {\n    createTestToken(options.token)\n  }\n\n  // Auto-convert paths in projectRoot to platform-appropriate format\n  let projectRoot = options.projectRoot\n  if (projectRoot) {\n    projectRoot = {\n      ...projectRoot,\n      directory: convertToSystemPath(projectRoot.directory),\n      path: convertToSystemPath(projectRoot.path),\n    }\n  }\n\n  // Create a subclass that overrides methods when mocks are provided\n  // Note: we use @ts-expect-error because TypeScript can't properly infer\n  // the relationship between the generic CommandClass and SanityCommand\n  // @ts-expect-error - TypeScript struggles with abstract class subclassing\n  class MockedCommand extends CommandClass {\n    protected getCliConfig(): Promise<CliConfig> {\n      if (options.cliConfig) {\n        return Promise.resolve(options.cliConfig)\n      }\n      return super.getCliConfig()\n    }\n\n    protected getProjectRoot(): Promise<ProjectRootResult> {\n      if (options.projectRoot) {\n        return Promise.resolve(options.projectRoot)\n      }\n      return super.getProjectRoot()\n    }\n\n    protected resolveIsInteractive(): boolean {\n      if (options.isInteractive !== undefined) {\n        return options.isInteractive\n      }\n      return super.resolveIsInteractive()\n    }\n  }\n\n  return MockedCommand as T\n}\n"],"names":["convertToSystemPath","createTestToken","mockSanityCommand","CommandClass","options","token","projectRoot","directory","path","MockedCommand","getCliConfig","cliConfig","Promise","resolve","getProjectRoot","resolveIsInteractive","isInteractive","undefined"],"mappings":"AAGA,SAAQA,mBAAmB,QAAO,oBAAmB;AACrD,SAAQC,eAAe,QAAO,uBAAsB;AAwBpD;;;;;;;;;;;;;;;;;;;;;;;;;CAyBC,GACD,OAAO,SAASC,kBACdC,YAAe,EACfC,UAAoC,CAAC,CAAC;IAEtC,IAAIA,QAAQC,KAAK,EAAE;QACjBJ,gBAAgBG,QAAQC,KAAK;IAC/B;IAEA,mEAAmE;IACnE,IAAIC,cAAcF,QAAQE,WAAW;IACrC,IAAIA,aAAa;QACfA,cAAc;YACZ,GAAGA,WAAW;YACdC,WAAWP,oBAAoBM,YAAYC,SAAS;YACpDC,MAAMR,oBAAoBM,YAAYE,IAAI;QAC5C;IACF;IAEA,mEAAmE;IACnE,wEAAwE;IACxE,sEAAsE;IACtE,0EAA0E;IAC1E,MAAMC,sBAAsBN;QAChBO,eAAmC;YAC3C,IAAIN,QAAQO,SAAS,EAAE;gBACrB,OAAOC,QAAQC,OAAO,CAACT,QAAQO,SAAS;YAC1C;YACA,OAAO,KAAK,CAACD;QACf;QAEUI,iBAA6C;YACrD,IAAIV,QAAQE,WAAW,EAAE;gBACvB,OAAOM,QAAQC,OAAO,CAACT,QAAQE,WAAW;YAC5C;YACA,OAAO,KAAK,CAACQ;QACf;QAEUC,uBAAgC;YACxC,IAAIX,QAAQY,aAAa,KAAKC,WAAW;gBACvC,OAAOb,QAAQY,aAAa;YAC9B;YACA,OAAO,KAAK,CAACD;QACf;IACF;IAEA,OAAON;AACT"}
+{"version":3,"sources":["../../src/test/mockSanityCommand.ts"],"sourcesContent":["import {type Command} from '@oclif/core'\nimport {type CliConfig, type ProjectRootResult, SanityCommand} from '@sanity/cli-core'\n\nimport {convertToSystemPath} from '../utils/paths.js'\nimport {createTestToken} from './createTestToken.js'\n\n/**\n * @public\n */\nexport interface MockSanityCommandOptions {\n  /**\n   * Mock CLI config (required if command uses getCliConfig or getProjectId)\n   */\n  cliConfig?: CliConfig\n  /**\n   * When provided, getCliConfig() will throw this error instead of returning a config.\n   * Useful for simulating running outside a project directory.\n   */\n  cliConfigError?: Error\n  /**\n   * Mock whether the terminal is interactive (used by isUnattended)\n   */\n  isInteractive?: boolean\n  /**\n   * Mock project root result (required if command uses getProjectRoot)\n   */\n  projectRoot?: ProjectRootResult\n  /**\n   * Mock authentication token (passed to API clients, bypasses getCliToken)\n   */\n  token?: string\n}\n\n/**\n * Creates a testable subclass of a command with mocked SanityCommand dependencies.\n *\n * @public\n *\n * @example\n * ```ts\n * // Basic config mocking\n * const TestAdd = mockSanityCommand(Add, {\n *   cliConfig: { api: { projectId: 'test-project' } }\n * })\n *\n * // With mock API client\n * const mockClient = {\n *   getDocument: vi.fn().mockResolvedValue({ _id: 'doc1', title: 'Test' }),\n *   fetch: vi.fn().mockResolvedValue([]),\n * }\n * const TestGet = mockSanityCommand(GetDocumentCommand, {\n *   cliConfig: { api: { projectId: 'test-project', dataset: 'production' } },\n *   projectApiClient: mockClient,\n * })\n *\n * const {stdout} = await testCommand(TestGet, ['doc1'])\n * expect(mockClient.getDocument).toHaveBeenCalledWith('doc1')\n * ```\n */\nexport function mockSanityCommand<T extends typeof SanityCommand<typeof Command>>(\n  CommandClass: T,\n  options: MockSanityCommandOptions = {},\n): T {\n  if (options.token) {\n    createTestToken(options.token)\n  }\n\n  // Auto-convert paths in projectRoot to platform-appropriate format\n  let projectRoot = options.projectRoot\n  if (projectRoot) {\n    projectRoot = {\n      ...projectRoot,\n      directory: convertToSystemPath(projectRoot.directory),\n      path: convertToSystemPath(projectRoot.path),\n    }\n  }\n\n  // Create a subclass that overrides methods when mocks are provided\n  // Note: we use @ts-expect-error because TypeScript can't properly infer\n  // the relationship between the generic CommandClass and SanityCommand\n  // @ts-expect-error - TypeScript struggles with abstract class subclassing\n  class MockedCommand extends CommandClass {\n    protected getCliConfig(): Promise<CliConfig> {\n      if (options.cliConfigError) {\n        return Promise.reject(options.cliConfigError)\n      }\n      if (options.cliConfig) {\n        return Promise.resolve(options.cliConfig)\n      }\n      return super.getCliConfig()\n    }\n\n    protected getProjectRoot(): Promise<ProjectRootResult> {\n      if (options.projectRoot) {\n        return Promise.resolve(options.projectRoot)\n      }\n      return super.getProjectRoot()\n    }\n\n    protected resolveIsInteractive(): boolean {\n      if (options.isInteractive !== undefined) {\n        return options.isInteractive\n      }\n      return super.resolveIsInteractive()\n    }\n  }\n\n  return MockedCommand as T\n}\n"],"names":["convertToSystemPath","createTestToken","mockSanityCommand","CommandClass","options","token","projectRoot","directory","path","MockedCommand","getCliConfig","cliConfigError","Promise","reject","cliConfig","resolve","getProjectRoot","resolveIsInteractive","isInteractive","undefined"],"mappings":"AAGA,SAAQA,mBAAmB,QAAO,oBAAmB;AACrD,SAAQC,eAAe,QAAO,uBAAsB;AA6BpD;;;;;;;;;;;;;;;;;;;;;;;;;CAyBC,GACD,OAAO,SAASC,kBACdC,YAAe,EACfC,UAAoC,CAAC,CAAC;IAEtC,IAAIA,QAAQC,KAAK,EAAE;QACjBJ,gBAAgBG,QAAQC,KAAK;IAC/B;IAEA,mEAAmE;IACnE,IAAIC,cAAcF,QAAQE,WAAW;IACrC,IAAIA,aAAa;QACfA,cAAc;YACZ,GAAGA,WAAW;YACdC,WAAWP,oBAAoBM,YAAYC,SAAS;YACpDC,MAAMR,oBAAoBM,YAAYE,IAAI;QAC5C;IACF;IAEA,mEAAmE;IACnE,wEAAwE;IACxE,sEAAsE;IACtE,0EAA0E;IAC1E,MAAMC,sBAAsBN;QAChBO,eAAmC;YAC3C,IAAIN,QAAQO,cAAc,EAAE;gBAC1B,OAAOC,QAAQC,MAAM,CAACT,QAAQO,cAAc;YAC9C;YACA,IAAIP,QAAQU,SAAS,EAAE;gBACrB,OAAOF,QAAQG,OAAO,CAACX,QAAQU,SAAS;YAC1C;YACA,OAAO,KAAK,CAACJ;QACf;QAEUM,iBAA6C;YACrD,IAAIZ,QAAQE,WAAW,EAAE;gBACvB,OAAOM,QAAQG,OAAO,CAACX,QAAQE,WAAW;YAC5C;YACA,OAAO,KAAK,CAACU;QACf;QAEUC,uBAAgC;YACxC,IAAIb,QAAQc,aAAa,KAAKC,WAAW;gBACvC,OAAOf,QAAQc,aAAa;YAC9B;YACA,OAAO,KAAK,CAACD;QACf;IACF;IAEA,OAAOR;AACT"}

package/dist/test/setupFixtures.js

@@ -130,8 +130,9 @@ async function getAdditionalFixturePaths(fixtures) {
     // Remove the tmp directory
     await rm(tempDirectory, {
         force: true,
+        maxRetries: 3,
         recursive: true
-    });
+    }).catch(()=>{});
 }
 
 //# sourceMappingURL=setupFixtures.js.map

package/dist/test/setupFixtures.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/test/setupFixtures.ts"],"sourcesContent":["import {exec as execNode} from 'node:child_process'\nimport {readFile, rm, writeFile} from 'node:fs/promises'\nimport {basename, join} from 'node:path'\nimport {promisify} from 'node:util'\n\nimport ora from 'ora'\nimport {glob} from 'tinyglobby'\nimport {type TestProject} from 'vitest/node'\n\nimport {fileExists} from '../utils/fileExists.js'\nimport {getFixturesPath, getTempPath} from '../utils/paths.js'\nimport {DEFAULT_FIXTURES} from './constants.js'\nimport {testCopyDirectory} from './testFixture.js'\n\nconst exec = promisify(execNode)\n\n/**\n * Options for setupTestFixtures\n *\n * @public\n */\nexport interface SetupTestFixturesOptions {\n  /**\n   * Glob patterns for additional fixture directories to set up.\n   *\n   * Each pattern is matched against directories in the current working directory.\n   * Only directories containing a `package.json` file are included.\n   *\n   * @example\n   * ```typescript\n   * ['fixtures/*', 'dev/*']\n   * ```\n   */\n  additionalFixtures?: string[]\n\n  /**\n   * Custom temp directory path. Defaults to process.cwd()/tmp\n   */\n  tempDir?: string\n}\n\nasync function getAdditionalFixturePaths(fixtures: string[]): Promise<FixtureDetails[]> {\n  const paths = await glob(fixtures, {\n    absolute: true,\n    ignore: ['**/node_modules/**', '**/dist/**'],\n    onlyDirectories: true,\n  })\n\n  const additionalFixtures: FixtureDetails[] = []\n\n  for (const path of paths) {\n    if (await fileExists(join(`${path}/package.json`))) {\n      additionalFixtures.push({\n        fixture: basename(path),\n        fromPath: path,\n        includeDist: false,\n      })\n    }\n  }\n\n  return additionalFixtures\n}\n\ninterface FixtureDetails {\n  fixture: string\n  fromPath: string\n  includeDist: boolean\n}\n\n/**\n * Global setup function for initializing test fixtures.\n *\n * Copies fixtures from the bundled location to a temp directory\n * and installs dependencies.\n *\n * Note: Fixtures are NOT built during setup. Tests that need built\n * fixtures should build them as part of the test.\n *\n * This function is designed to be used with vitest globalSetup.\n *\n * @public\n *\n * @param options - Configuration options\n * @example\n * ```typescript\n * // In vitest.config.ts\n * export default defineConfig({\n *   test: {\n *     globalSetup: ['@sanity/cli-test/vitest']\n *   }\n * })\n * ```\n */\nexport async function setup(_: TestProject, options: SetupTestFixturesOptions = {}): Promise<void> {\n  const {additionalFixtures, tempDir} = options\n\n  const spinner = ora({\n    // Without this, the watch mode input is discarded\n    discardStdin: false,\n    text: 'Initializing test environment...',\n  }).start()\n\n  try {\n    const fixturesDir = getFixturesPath()\n    const tempDirectory = getTempPath(tempDir)\n\n    const allFixturePaths: FixtureDetails[] = []\n\n    // Add the default fixtures\n    for (const [fixture, options] of Object.entries(DEFAULT_FIXTURES)) {\n      allFixturePaths.push({\n        fixture,\n        fromPath: join(fixturesDir, fixture),\n        includeDist: 'includeDist' in options && options.includeDist ? options.includeDist : false,\n      })\n    }\n\n    // Add the additional fixtures\n    if (additionalFixtures && additionalFixtures.length > 0) {\n      const additionalFixturePaths = await getAdditionalFixturePaths(additionalFixtures)\n\n      if (additionalFixturePaths.length > 0) {\n        allFixturePaths.push(...additionalFixturePaths)\n      } else {\n        spinner.warn(\n          `No additional fixtures found, check the glob pattern: ${additionalFixtures.join(', ')}`,\n        )\n      }\n    }\n\n    for (const {fixture, fromPath, includeDist} of allFixturePaths) {\n      const toPath = join(tempDirectory, `fixture-${fixture}`)\n      // Copy the fixture, excluding node_modules and dist\n      await testCopyDirectory(fromPath, toPath, ['node_modules', ...(includeDist ? [] : ['dist'])])\n\n      // Replace the package.json name with a temp name\n      const packageJsonPath = join(toPath, 'package.json')\n      const packageJson = await readFile(packageJsonPath, 'utf8')\n      const packageJsonData = JSON.parse(packageJson)\n      packageJsonData.name = `${packageJsonData.name}-test`\n      await writeFile(packageJsonPath, JSON.stringify(packageJsonData, null, 2))\n\n      // Run pnpm install --no-lockfile in the temp directory\n      try {\n        await exec(`pnpm install --prefer-offline --no-lockfile`, {\n          cwd: toPath,\n        })\n      } catch (error) {\n        const execError = error as {message: string; stderr?: string; stdout?: string}\n        spinner.fail('Failed to install dependencies')\n        console.error(execError.stderr || execError.stdout || execError.message)\n        throw new Error(\n          `Error installing dependencies in ${toPath}: ${execError.stderr || execError.stdout || execError.message}`,\n        )\n      }\n    }\n\n    spinner.succeed('Test environment initialized')\n  } catch (error) {\n    spinner.fail('Failed to initialize test environment')\n    throw error\n  }\n}\n\n/**\n * Options for teardownTestFixtures\n *\n * @public\n */\nexport interface TeardownTestFixturesOptions {\n  /**\n   * Custom temp directory path. Defaults to process.cwd()/tmp\n   */\n  tempDir?: string\n}\n\n/**\n * Teardown function to clean up test fixtures.\n *\n * Removes the temp directory created by setupTestFixtures.\n *\n * This function is designed to be used with vitest globalSetup.\n *\n * @public\n *\n * @param options - Configuration options\n */\nexport async function teardown(options: TeardownTestFixturesOptions = {}): Promise<void> {\n  const {tempDir} = options\n  const tempDirectory = getTempPath(tempDir)\n\n  // Remove the tmp directory\n  await rm(tempDirectory, {force: true, recursive: true})\n}\n"],"names":["exec","execNode","readFile","rm","writeFile","basename","join","promisify","ora","glob","fileExists","getFixturesPath","getTempPath","DEFAULT_FIXTURES","testCopyDirectory","getAdditionalFixturePaths","fixtures","paths","absolute","ignore","onlyDirectories","additionalFixtures","path","push","fixture","fromPath","includeDist","setup","_","options","tempDir","spinner","discardStdin","text","start","fixturesDir","tempDirectory","allFixturePaths","Object","entries","length","additionalFixturePaths","warn","toPath","packageJsonPath","packageJson","packageJsonData","JSON","parse","name","stringify","cwd","error","execError","fail","console","stderr","stdout","message","Error","succeed","teardown","force","recursive"],"mappings":"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"}
+{"version":3,"sources":["../../src/test/setupFixtures.ts"],"sourcesContent":["import {exec as execNode} from 'node:child_process'\nimport {readFile, rm, writeFile} from 'node:fs/promises'\nimport {basename, join} from 'node:path'\nimport {promisify} from 'node:util'\n\nimport ora from 'ora'\nimport {glob} from 'tinyglobby'\nimport {type TestProject} from 'vitest/node'\n\nimport {fileExists} from '../utils/fileExists.js'\nimport {getFixturesPath, getTempPath} from '../utils/paths.js'\nimport {DEFAULT_FIXTURES} from './constants.js'\nimport {testCopyDirectory} from './testFixture.js'\n\nconst exec = promisify(execNode)\n\n/**\n * Options for setupTestFixtures\n *\n * @public\n */\nexport interface SetupTestFixturesOptions {\n  /**\n   * Glob patterns for additional fixture directories to set up.\n   *\n   * Each pattern is matched against directories in the current working directory.\n   * Only directories containing a `package.json` file are included.\n   *\n   * @example\n   * ```typescript\n   * ['fixtures/*', 'dev/*']\n   * ```\n   */\n  additionalFixtures?: string[]\n\n  /**\n   * Custom temp directory path. Defaults to process.cwd()/tmp\n   */\n  tempDir?: string\n}\n\nasync function getAdditionalFixturePaths(fixtures: string[]): Promise<FixtureDetails[]> {\n  const paths = await glob(fixtures, {\n    absolute: true,\n    ignore: ['**/node_modules/**', '**/dist/**'],\n    onlyDirectories: true,\n  })\n\n  const additionalFixtures: FixtureDetails[] = []\n\n  for (const path of paths) {\n    if (await fileExists(join(`${path}/package.json`))) {\n      additionalFixtures.push({\n        fixture: basename(path),\n        fromPath: path,\n        includeDist: false,\n      })\n    }\n  }\n\n  return additionalFixtures\n}\n\ninterface FixtureDetails {\n  fixture: string\n  fromPath: string\n  includeDist: boolean\n}\n\n/**\n * Global setup function for initializing test fixtures.\n *\n * Copies fixtures from the bundled location to a temp directory\n * and installs dependencies.\n *\n * Note: Fixtures are NOT built during setup. Tests that need built\n * fixtures should build them as part of the test.\n *\n * This function is designed to be used with vitest globalSetup.\n *\n * @public\n *\n * @param options - Configuration options\n * @example\n * ```typescript\n * // In vitest.config.ts\n * export default defineConfig({\n *   test: {\n *     globalSetup: ['@sanity/cli-test/vitest']\n *   }\n * })\n * ```\n */\nexport async function setup(_: TestProject, options: SetupTestFixturesOptions = {}): Promise<void> {\n  const {additionalFixtures, tempDir} = options\n\n  const spinner = ora({\n    // Without this, the watch mode input is discarded\n    discardStdin: false,\n    text: 'Initializing test environment...',\n  }).start()\n\n  try {\n    const fixturesDir = getFixturesPath()\n    const tempDirectory = getTempPath(tempDir)\n\n    const allFixturePaths: FixtureDetails[] = []\n\n    // Add the default fixtures\n    for (const [fixture, options] of Object.entries(DEFAULT_FIXTURES)) {\n      allFixturePaths.push({\n        fixture,\n        fromPath: join(fixturesDir, fixture),\n        includeDist: 'includeDist' in options && options.includeDist ? options.includeDist : false,\n      })\n    }\n\n    // Add the additional fixtures\n    if (additionalFixtures && additionalFixtures.length > 0) {\n      const additionalFixturePaths = await getAdditionalFixturePaths(additionalFixtures)\n\n      if (additionalFixturePaths.length > 0) {\n        allFixturePaths.push(...additionalFixturePaths)\n      } else {\n        spinner.warn(\n          `No additional fixtures found, check the glob pattern: ${additionalFixtures.join(', ')}`,\n        )\n      }\n    }\n\n    for (const {fixture, fromPath, includeDist} of allFixturePaths) {\n      const toPath = join(tempDirectory, `fixture-${fixture}`)\n      // Copy the fixture, excluding node_modules and dist\n      await testCopyDirectory(fromPath, toPath, ['node_modules', ...(includeDist ? [] : ['dist'])])\n\n      // Replace the package.json name with a temp name\n      const packageJsonPath = join(toPath, 'package.json')\n      const packageJson = await readFile(packageJsonPath, 'utf8')\n      const packageJsonData = JSON.parse(packageJson)\n      packageJsonData.name = `${packageJsonData.name}-test`\n      await writeFile(packageJsonPath, JSON.stringify(packageJsonData, null, 2))\n\n      // Run pnpm install --no-lockfile in the temp directory\n      try {\n        await exec(`pnpm install --prefer-offline --no-lockfile`, {\n          cwd: toPath,\n        })\n      } catch (error) {\n        const execError = error as {message: string; stderr?: string; stdout?: string}\n        spinner.fail('Failed to install dependencies')\n        console.error(execError.stderr || execError.stdout || execError.message)\n        throw new Error(\n          `Error installing dependencies in ${toPath}: ${execError.stderr || execError.stdout || execError.message}`,\n        )\n      }\n    }\n\n    spinner.succeed('Test environment initialized')\n  } catch (error) {\n    spinner.fail('Failed to initialize test environment')\n    throw error\n  }\n}\n\n/**\n * Options for teardownTestFixtures\n *\n * @public\n */\nexport interface TeardownTestFixturesOptions {\n  /**\n   * Custom temp directory path. Defaults to process.cwd()/tmp\n   */\n  tempDir?: string\n}\n\n/**\n * Teardown function to clean up test fixtures.\n *\n * Removes the temp directory created by setupTestFixtures.\n *\n * This function is designed to be used with vitest globalSetup.\n *\n * @public\n *\n * @param options - Configuration options\n */\nexport async function teardown(options: TeardownTestFixturesOptions = {}): Promise<void> {\n  const {tempDir} = options\n  const tempDirectory = getTempPath(tempDir)\n\n  // Remove the tmp directory\n  await rm(tempDirectory, {force: true, maxRetries: 3, recursive: true}).catch(() => {})\n}\n"],"names":["exec","execNode","readFile","rm","writeFile","basename","join","promisify","ora","glob","fileExists","getFixturesPath","getTempPath","DEFAULT_FIXTURES","testCopyDirectory","getAdditionalFixturePaths","fixtures","paths","absolute","ignore","onlyDirectories","additionalFixtures","path","push","fixture","fromPath","includeDist","setup","_","options","tempDir","spinner","discardStdin","text","start","fixturesDir","tempDirectory","allFixturePaths","Object","entries","length","additionalFixturePaths","warn","toPath","packageJsonPath","packageJson","packageJsonData","JSON","parse","name","stringify","cwd","error","execError","fail","console","stderr","stdout","message","Error","succeed","teardown","force","maxRetries","recursive","catch"],"mappings":"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"}

package/fixtures/basic-app/package.json

@@ -16,11 +16,11 @@
     "@sanity/sdk-react": "^2.6.0",
     "react": "^19.2.3",
     "react-dom": "^19.2.3",
-    "sanity": "^5.8.1"
+    "sanity": "^5.13.0"
   },
   "devDependencies": {
     "@types/react": "^19.2.9",
-    "sanity": "^5.8.1",
+    "sanity": "^5.13.0",
     "typescript": "^5.9.3"
   }
 }

package/fixtures/basic-studio/package.json

@@ -15,10 +15,10 @@
     "start": "sanity start"
   },
   "dependencies": {
-    "@sanity/vision": "^5.8.1",
+    "@sanity/vision": "^5.13.0",
     "react": "^19.2.3",
     "react-dom": "^19.2.3",
-    "sanity": "^5.8.1",
+    "sanity": "^5.13.0",
     "styled-components": "^6.3.8"
   },
   "devDependencies": {

package/fixtures/multi-workspace-studio/package.json

@@ -15,10 +15,10 @@
     "start": "sanity start"
   },
   "dependencies": {
-    "@sanity/vision": "^5.8.1",
+    "@sanity/vision": "^5.13.0",
     "react": "^19.2.3",
     "react-dom": "^19.2.3",
-    "sanity": "^5.8.1",
+    "sanity": "^5.13.0",
     "styled-components": "^6.3.8"
   },
   "devDependencies": {

package/fixtures/prebuilt-app/package.json

@@ -16,11 +16,11 @@
     "@sanity/sdk-react": "^2.6.0",
     "react": "^19.2.3",
     "react-dom": "^19.2.3",
-    "sanity": "^5.8.1"
+    "sanity": "^5.13.0"
   },
   "devDependencies": {
     "@types/react": "^19.2.9",
-    "sanity": "^5.8.1",
+    "sanity": "^5.13.0",
     "typescript": "^5.9.3"
   }
 }

package/fixtures/prebuilt-studio/package.json

@@ -15,7 +15,7 @@
   "dependencies": {
     "react": "^19.2.3",
     "react-dom": "^19.2.3",
-    "sanity": "^5.8.1",
+    "sanity": "^5.13.0",
     "styled-components": "^6.3.8"
   },
   "devDependencies": {

package/fixtures/worst-case-studio/.env

@@ -0,0 +1 @@
+SANITY_STUDIO_PREFIXED_VAR=yes-this-is-prefixed

package/fixtures/worst-case-studio/fieldComponentsTest.tsx

@@ -0,0 +1,80 @@
+import {styled} from 'styled-components'
+
+const CustomBox = styled.div`
+  animation: 3s linear 0s infinite normal none spin;
+  background: white;
+  border: 1px solid black;
+  cursor: pointer;
+  height: 40px;
+  width: 40px;
+  &:hover {
+    background: red;
+  }
+  @keyframes spin {
+    from {
+      transform: rotate(0);
+    }
+    to {
+      transform: rotate(180deg);
+    }
+  }
+`
+
+export default {
+  fields: [
+    {
+      description: <span style={{textDecoration: 'line-through'}}>Title description</span>,
+      name: 'title',
+      title: <em style={{textDecoration: 'underline'}}>Title</em>,
+      type: 'string',
+    },
+    {
+      description: (
+        <div>
+          <div>Image description 📷</div>
+          <div style={{display: 'inline-block', padding: '2em'}}>
+            <a href="https://www.sanity.io" rel="noopener noreferrer" target="_blank">
+              <CustomBox />
+            </a>
+          </div>
+        </div>
+      ),
+      name: 'image',
+      title: <span>Image 🖼️</span>,
+      type: 'image',
+    },
+    {
+      description: (
+        <span>
+          Subtitle description <span style={{color: 'red'}}>x ← x - (JᵀJ + λIₙ༝ₙ)⁻¹ Jᵀr</span>
+          <script>window.alert('👻')</script>
+        </span>
+      ),
+      name: 'subtitle',
+      title: (
+        <div>
+          <h1 style={{fontWeight: 'bold'}}>Subtitle (h1)</h1>
+          <h2>Subtitle (h2)</h2>
+          <h3>Subtitle (h3)</h3>
+        </div>
+      ),
+      type: 'string',
+    },
+  ],
+  name: 'fieldComponentsTest',
+  preview: {
+    prepare({media, title}: any) {
+      return {
+        media,
+        subtitle: 'example subtitle',
+        title: title,
+      }
+    },
+    select: {
+      media: 'image',
+      title: 'title',
+    },
+  },
+  title: 'Fields with React components',
+  type: 'document',
+}

package/fixtures/worst-case-studio/package.json

@@ -16,10 +16,11 @@
   },
   "dependencies": {
     "@sanity/code-input": "^7.0.6",
-    "@sanity/vision": "^5.8.1",
+    "@sanity/vision": "^5.13.0",
     "react": "^19.2.3",
     "react-dom": "^19.2.3",
-    "sanity": "^5.8.1",
+    "sanity": "^5.13.0",
+    "sanity-plugin-media": "^4.1.1",
     "styled-components": "^6.3.8",
     "vite-tsconfig-paths": "^6.0.5"
   },

package/fixtures/worst-case-studio/sanity.config.tsx

@@ -1,12 +1,16 @@
-import DescriptionInput from '@/descriptionInput'
-import {schemaTypes} from '@/schemaTypes'
 import {codeInput} from '@sanity/code-input'
 import {visionTool} from '@sanity/vision'
 // eslint-disable-next-line import/no-unresolved
 import {theme} from 'https://themer.sanity.build/api/hues?preset=dew'
 import {defineConfig, defineField, defineType} from 'sanity'
+import {media} from 'sanity-plugin-media'
 import {structureTool} from 'sanity/structure'
 
+import DescriptionInput from '@/descriptionInput'
+import {schemaTypes} from '@/schemaTypes'
+
+import fieldComponentsTest from './fieldComponentsTest.jsx'
+
 // Look ma, dynamic imports in the config 🙈
 // Look ma, top level await in the config 🙈
 const arbitraryImport = await import('@/defines')
@@ -21,12 +25,12 @@ export default defineConfig({
   // @ts-expect-error - defined through vite's `define` option in CLI config
   projectId: PROJECT_ID,
 
-  plugins: [structureTool(), visionTool(), codeInput()],
+  plugins: [structureTool(), visionTool(), codeInput(), media()],
 
   schema: {
     types: [
       ...schemaTypes,
-
+      fieldComponentsTest,
       defineType({
         fields: [
           defineField({name: 'title', type: 'string'}),

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sanity/cli-test",
-  "version": "0.0.2-alpha.9",
+  "version": "0.1.0-alpha.16",
   "description": "Sanity CLI test helpers and utilities",
   "keywords": [
     "sanity",
@@ -40,21 +40,21 @@
     "./fixtures"
   ],
   "dependencies": {
-    "@swc/core": "^1.15.11",
+    "@swc/core": "^1.15.17",
     "ansis": "^4.2.0",
-    "esbuild": "^0.27.2",
-    "nock": "^14.0.10",
+    "esbuild": "^0.27.3",
+    "nock": "^14.0.11",
     "ora": "^9.0.0",
     "tinyglobby": "^0.2.15"
   },
   "devDependencies": {
     "@eslint/compat": "^2.0.2",
-    "@oclif/core": "^4.8.0",
-    "@sanity/client": "^7.14.1",
-    "@sanity/pkg-utils": "^10.4.4",
-    "@swc/cli": "^0.7.10",
-    "@types/node": "^20.19.30",
-    "eslint": "^9.39.2",
+    "@oclif/core": "^4.8.2",
+    "@sanity/client": "^7.16.0",
+    "@sanity/pkg-utils": "^10.4.6",
+    "@swc/cli": "^0.8.0",
+    "@types/node": "^20.19.35",
+    "eslint": "^9.39.3",
     "publint": "^0.3.17",
     "rimraf": "^6.0.1",
     "tsx": "^4.21.0",
@@ -63,14 +63,14 @@
     "yaml": "^2.8.2",
     "@repo/package.config": "0.0.1",
     "@repo/tsconfig": "3.70.0",
-    "@sanity/cli-core": "0.1.0-alpha.10",
-    "@sanity/eslint-config-cli": "0.0.0-alpha.2"
+    "@sanity/cli-core": "0.1.0-alpha.18",
+    "@sanity/eslint-config-cli": "0.0.0-alpha.4"
   },
   "peerDependencies": {
     "@oclif/core": "^4.0.0",
     "@sanity/client": "^7.0.0",
-    "vitest": ">=3.0.0 <4.0.0",
-    "@sanity/cli-core": "0.1.0-alpha.10"
+    "vitest": ">=3.0.0 <5.0.0",
+    "@sanity/cli-core": "0.1.0-alpha.18"
   },
   "engines": {
     "node": ">=20.19.1 <22 || >=22.12"