@contentful/field-editor-reference 8.3.1 → 8.3.2

package/dist/esm/common/useEditorPermissions.spec.js

@@ -1,12 +1,13 @@
 import { createFakeFieldAPI } from '@contentful/field-editor-test-utils';
 import { renderHook } from '@testing-library/react-hooks';
+import { describe, expect, it, vi } from 'vitest';
 import { useEditorPermissions } from './useEditorPermissions';
 describe('useEditorPermissions', ()=>{
     const makeFieldAppSDK = (customizeMock)=>({
             field: createFakeFieldAPI(customizeMock)[0],
             access: {
-                can: jest.fn().mockResolvedValue(true),
-                canPerformActionOnEntryOfType: jest.fn().mockResolvedValue(true)
+                can: vi.fn().mockResolvedValue(true),
+                canPerformActionOnEntryOfType: vi.fn().mockResolvedValue(true)
             }
         });
     const makeContentType = (id)=>({

package/dist/esm/components/CreateEntryLinkButton/CreateEntryLinkButton.spec.js

@@ -1,7 +1,7 @@
 import * as React from 'react';
-import '@testing-library/jest-dom';
 import { act, configure, fireEvent, render, waitFor, waitForElementToBeRemoved } from '@testing-library/react';
 import noop from 'lodash/noop';
+import { describe, expect, it, vi } from 'vitest';
 import { CreateEntryLinkButton } from './CreateEntryLinkButton';
 configure({
     testIdAttribute: 'data-test-id'
@@ -106,7 +106,7 @@ describe('CreateEntryLinkButton with multiple entries', ()=>{
         expect(getAllByTestId('contentType')).toHaveLength(props.contentTypes.length);
     });
     it('calls onSelect after click on menu item', ()=>{
-        const selectSpy = jest.fn();
+        const selectSpy = vi.fn();
         const { getByTestId, getAllByTestId } = render(/*#__PURE__*/ React.createElement(CreateEntryLinkButton, {
             ...props,
             onSelect: selectSpy
@@ -126,7 +126,7 @@ describe('CreateEntryLinkButton with a single entry', ()=>{
         }
     };
     it('should fire the onSelect function when clicked', ()=>{
-        const onSelectStub = jest.fn();
+        const onSelectStub = vi.fn();
         const { getByTestId } = render(/*#__PURE__*/ React.createElement(CreateEntryLinkButton, {
             ...props,
             onSelect: onSelectStub
@@ -138,7 +138,7 @@ describe('CreateEntryLinkButton with a single entry', ()=>{
 });
 describe('CreateEntryLinkButton common', ()=>{
     it('should render a spinner if onSelect returns a promise', async ()=>{
-        const onSelect = jest.fn(()=>new Promise((resolve)=>setTimeout(resolve, 1000)));
+        const onSelect = vi.fn(()=>new Promise((resolve)=>setTimeout(resolve, 1000)));
         const { getByTestId, container } = render(/*#__PURE__*/ React.createElement(CreateEntryLinkButton, {
             contentTypes: [
                 CONTENT_TYPE_1
@@ -154,7 +154,7 @@ describe('CreateEntryLinkButton common', ()=>{
         expect(spinner.textContent).toMatch(/Loading/g);
     });
     it('should hide a spinner after the promise from onSelect resolves', async ()=>{
-        const onSelect = jest.fn(()=>new Promise((resolve)=>setTimeout(resolve, 500)));
+        const onSelect = vi.fn(()=>new Promise((resolve)=>setTimeout(resolve, 500)));
         const { getByTestId, container } = render(/*#__PURE__*/ React.createElement(CreateEntryLinkButton, {
             contentTypes: [
                 CONTENT_TYPE_1
@@ -171,7 +171,7 @@ describe('CreateEntryLinkButton common', ()=>{
         expect(getSpinner).toThrow('Unable to find an element by: [data-test-id="cf-ui-spinner"]');
     });
     it('does not emit onSelect on subsequent click before the promise from onSelect resolves', async ()=>{
-        const onSelect = jest.fn(()=>new Promise((resolve)=>setTimeout(()=>resolve(undefined), 200)));
+        const onSelect = vi.fn(()=>new Promise((resolve)=>setTimeout(()=>resolve(undefined), 200)));
         const { getByTestId } = render(/*#__PURE__*/ React.createElement(CreateEntryLinkButton, {
             contentTypes: [
                 CONTENT_TYPE_1
@@ -187,7 +187,7 @@ describe('CreateEntryLinkButton common', ()=>{
         expect(onSelect).toHaveBeenCalledTimes(1);
     });
     it('emits onSelect on subsequent click after the promise from onSelect resolves', async ()=>{
-        const onSelect = jest.fn(()=>Promise.resolve());
+        const onSelect = vi.fn(()=>Promise.resolve());
         const { getByTestId } = render(/*#__PURE__*/ React.createElement(CreateEntryLinkButton, {
             contentTypes: [
                 CONTENT_TYPE_1

package/dist/esm/components/CreateEntryLinkButton/CreateEntryMenuTrigger.spec.js

@@ -1,8 +1,8 @@
 import * as React from 'react';
 import { Button } from '@contentful/f36-components';
-import '@testing-library/jest-dom/extend-expect';
 import { act, configure, fireEvent, render } from '@testing-library/react';
 import noop from 'lodash/noop';
+import { beforeEach, describe, expect, it, vi } from 'vitest';
 import fill from 'lodash/fill';
 import { CreateEntryMenuTrigger } from './CreateEntryMenuTrigger';
 configure({
@@ -56,9 +56,9 @@ describe('CreateEntryMenuTrigger general', ()=>{
             return Promise.resolve();
         }
     };
-    let stub = jest.fn();
+    let stub = vi.fn();
     beforeEach(()=>{
-        stub = jest.fn().mockImplementation(()=>/*#__PURE__*/ React.createElement(Button, {
+        stub = vi.fn().mockImplementation(()=>/*#__PURE__*/ React.createElement(Button, {
                 testId: "menu-trigger"
             }));
     });
@@ -71,7 +71,7 @@ describe('CreateEntryMenuTrigger general', ()=>{
         render(/*#__PURE__*/ React.createElement(CreateEntryMenuTrigger, props, stub));
     });
     it('should set isSelecting to true in case onSelect returns a promise', async ()=>{
-        const selectStub = jest.fn(()=>new Promise((resolve)=>setTimeout(resolve, 1000)));
+        const selectStub = vi.fn(()=>new Promise((resolve)=>setTimeout(resolve, 1000)));
         const { getAllByTestId, getByTestId } = render(/*#__PURE__*/ React.createElement(CreateEntryMenuTrigger, {
             ...props,
             onSelect: selectStub
@@ -85,7 +85,7 @@ describe('CreateEntryMenuTrigger general', ()=>{
         expect(selectStub).toHaveBeenCalled();
     });
     it('should not set isSelecting to true in case onSelect is sync', async ()=>{
-        const selectStub = jest.fn();
+        const selectStub = vi.fn();
         const { getAllByTestId, getByTestId } = render(/*#__PURE__*/ React.createElement(CreateEntryMenuTrigger, {
             ...props,
             onSelect: selectStub

package/dist/esm/components/ScheduledIconWithTooltip/formatDateAndTime.spec.js

@@ -1,11 +1,12 @@
+import { afterEach, beforeEach, describe, expect, it, vi } from 'vitest';
 import { formatDate, formatDateAndTime, formatTime } from './formatDateAndTime';
 const TODAY = new Date('2024-06-15T12:00:00.000Z');
 beforeEach(()=>{
-    jest.useFakeTimers();
-    jest.setSystemTime(TODAY);
+    vi.useFakeTimers();
+    vi.setSystemTime(TODAY);
 });
 afterEach(()=>{
-    jest.useRealTimers();
+    vi.useRealTimers();
 });
 describe('formatDate', ()=>{
     it('returns "Today" (short) for a date on the same calendar day', ()=>{

package/dist/esm/resources/Cards/ResourceCard.spec.js

@@ -1,9 +1,9 @@
 import * as React from 'react';
-import '@testing-library/jest-dom';
 import { SharedQueryClientProvider } from '@contentful/field-editor-shared/react-query';
 import { createTestQueryClient } from '@contentful/field-editor-test-utils';
 import { configure, render, waitFor } from '@testing-library/react';
 import userEvent from '@testing-library/user-event';
+import { describe, expect, it, vi } from 'vitest';
 import publishedCT from '../../__fixtures__/content-type/published_content_type.json';
 import publishedEntryNonMasterEnvironment from '../../__fixtures__/entry/published_entry_non_master.json';
 import publishedEntry from '../../__fixtures__/entry/published_entry.json';
@@ -15,8 +15,8 @@ import { ResourceCard } from './ResourceCard';
 configure({
     testIdAttribute: 'data-test-id'
 });
-jest.mock('react-intersection-observer', ()=>({
-        useInView: jest.fn().mockReturnValue({})
+vi.mock('react-intersection-observer', ()=>({
+        useInView: vi.fn().mockReturnValue({})
     }));
 const resolvableEntryUrn = 'crn:contentful:::content:spaces/space-id/entries/linked-entry-urn';
 const resolvableEntryUrnWithExplicitMaster = 'crn:contentful:::content:spaces/space-id/environments/master/entries/linked-entry-urn';
@@ -31,10 +31,10 @@ const sdk = {
     },
     cma: {
         contentType: {
-            get: jest.fn().mockReturnValue(publishedCT)
+            get: vi.fn().mockReturnValue(publishedCT)
         },
         entry: {
-            get: jest.fn().mockImplementation(({ spaceId, environmentId, entryId })=>{
+            get: vi.fn().mockImplementation(({ spaceId, environmentId, entryId })=>{
                 if (spaceId === 'space-id' && environmentId === 'master' && entryId === 'linked-entry-urn') {
                     return Promise.resolve(publishedEntry);
                 }
@@ -45,7 +45,7 @@ const sdk = {
             })
         },
         locale: {
-            getMany: jest.fn().mockResolvedValue({
+            getMany: vi.fn().mockResolvedValue({
                 items: [
                     {
                         default: true,
@@ -55,7 +55,7 @@ const sdk = {
             })
         },
         resource: {
-            getMany: jest.fn().mockImplementation(({ spaceId, environmentId, resourceTypeId, query })=>{
+            getMany: vi.fn().mockImplementation(({ spaceId, environmentId, resourceTypeId, query })=>{
                 if (spaceId === 'space-id' && environmentId === 'environment-id' && resourceTypeId === resolvableExternalResourceType && query['sys.urn[in]'] === resolvableExternalEntityUrn) {
                     return Promise.resolve({
                         items: [
@@ -75,7 +75,7 @@ const sdk = {
             })
         },
         resourceType: {
-            getForEnvironment: jest.fn().mockImplementation(({ spaceId, environmentId })=>{
+            getForEnvironment: vi.fn().mockImplementation(({ spaceId, environmentId })=>{
                 console.log('>> getForEnvironment', {
                     spaceId,
                     environmentId
@@ -94,16 +94,16 @@ const sdk = {
             })
         },
         scheduledActions: {
-            getMany: jest.fn().mockResolvedValue({
+            getMany: vi.fn().mockResolvedValue({
                 items: [],
                 total: 0
             })
         },
         space: {
-            get: jest.fn().mockResolvedValue(space)
+            get: vi.fn().mockResolvedValue(space)
         },
         resourceProvider: {
-            get: jest.fn().mockImplementation(()=>{
+            get: vi.fn().mockImplementation(()=>{
                 return Promise.resolve({
                     function: {
                         sys: {
@@ -115,7 +115,7 @@ const sdk = {
         }
     },
     space: {
-        onEntityChanged: jest.fn()
+        onEntityChanged: vi.fn()
     },
     navigator: {},
     ids: {

package/dist/esm/resources/MultipleResourceReferenceEditor.spec.js

@@ -1,32 +1,32 @@
 import * as React from 'react';
-import '@testing-library/jest-dom/extend-expect';
 import { render, screen } from '@testing-library/react';
 import userEvent from '@testing-library/user-event';
+import { beforeEach, describe, expect, it, vi } from 'vitest';
 import { useResource } from '../common/EntityStore';
 import { useEditorPermissions } from '../common/useEditorPermissions';
 import { MultipleResourceReferenceEditor } from './MultipleResourceReferenceEditor';
 import { createFakeEntryResource, mockSdkForField } from './testHelpers/resourceEditorHelpers';
 let mockedResources = {};
-jest.mock('../common/EntityStore', ()=>{
-    const module = jest.requireActual('../common/EntityStore');
+vi.mock('../common/EntityStore', async ()=>{
+    const actual = await vi.importActual('../common/EntityStore');
     return {
-        ...module,
-        useResource: jest.fn((linkType, urn, apiUrl)=>({
+        ...actual,
+        useResource: vi.fn((linkType, urn, apiUrl)=>({
                 data: mockedResources[`${linkType}.${urn}`],
                 status: 'success',
                 apiUrl
             }))
     };
 });
-jest.mock('../common/useEditorPermissions', ()=>{
+vi.mock('../common/useEditorPermissions', ()=>{
     return {
-        useEditorPermissions: jest.fn()
+        useEditorPermissions: vi.fn()
     };
 });
-jest.mock('react-intersection-observer', ()=>{
-    const module = jest.requireActual('react-intersection-observer');
+vi.mock('react-intersection-observer', async ()=>{
+    const actual = await vi.importActual('react-intersection-observer');
     return {
-        ...module,
+        ...actual,
         useInView: ()=>({
                 inView: true
             })

package/dist/esm/resources/SingleResourceReferenceEditor.spec.js

@@ -1,33 +1,33 @@
 import * as React from 'react';
-import '@testing-library/jest-dom/extend-expect';
 import { fireEvent, render, screen } from '@testing-library/react';
+import { beforeEach, describe, expect, it, vi } from 'vitest';
 import { useResource } from '../common/EntityStore';
 import { useEditorPermissions } from '../common/useEditorPermissions';
 import { SingleResourceReferenceEditor } from './SingleResourceReferenceEditor';
 import { createFakeEntryResource, mockSdkForField } from './testHelpers/resourceEditorHelpers';
 const mockedResources = {};
-jest.mock('../common/EntityStore', ()=>{
-    const module = jest.requireActual('../common/EntityStore');
+vi.mock('../common/EntityStore', async ()=>{
+    const actual = await vi.importActual('../common/EntityStore');
     return {
-        ...module,
-        useResource: jest.fn((linkType, urn)=>({
+        ...actual,
+        useResource: vi.fn((linkType, urn)=>({
                 data: mockedResources[`${linkType}.${urn}`],
                 status: 'success'
             }))
     };
 });
-jest.mock('react-intersection-observer', ()=>{
-    const module = jest.requireActual('react-intersection-observer');
+vi.mock('react-intersection-observer', async ()=>{
+    const actual = await vi.importActual('react-intersection-observer');
     return {
-        ...module,
+        ...actual,
         useInView: ()=>({
                 inView: true
             })
     };
 });
-jest.mock('../common/useEditorPermissions', ()=>{
+vi.mock('../common/useEditorPermissions', ()=>{
     return {
-        useEditorPermissions: jest.fn()
+        useEditorPermissions: vi.fn()
     };
 });
 const fieldDefinition = {
@@ -126,7 +126,7 @@ describe('Single resource editor', ()=>{
             hasCardEditActions: true,
             viewType: "card",
             apiUrl: "test-contentful",
-            getEntryRouteHref: jest.fn(),
+            getEntryRouteHref: vi.fn(),
             parameters: {}
         }));
         expect(useResource).toHaveBeenCalled();

package/dist/esm/resources/testHelpers/resourceEditorHelpers.js

@@ -1,9 +1,10 @@
+import { vi } from 'vitest';
 export function mockSdkForField(fieldDefinition, fieldValue) {
     return {
         field: {
-            getValue: jest.fn(()=>fieldValue),
-            setValue: jest.fn(()=>Promise.resolve(undefined)),
-            removeValue: jest.fn(),
+            getValue: vi.fn(()=>fieldValue),
+            setValue: vi.fn(()=>Promise.resolve(undefined)),
+            removeValue: vi.fn(),
             onSchemaErrorsChanged: ()=>{},
             onIsDisabledChanged: ()=>{},
             getIsDisabled: ()=>false,
@@ -12,14 +13,14 @@ export function mockSdkForField(fieldDefinition, fieldValue) {
             locale: 'en'
         },
         dialogs: {
-            selectSingleResourceEntity: jest.fn().mockResolvedValue({
+            selectSingleResourceEntity: vi.fn().mockResolvedValue({
                 sys: {
                     type: 'ResourceLink',
                     linkType: 'Contentful:Entry',
                     urn: 'crn:contentful:::content:spaces/space-id/entries/example-entity-urn'
                 }
             }),
-            selectMultipleResourceEntities: jest.fn().mockResolvedValue([
+            selectMultipleResourceEntities: vi.fn().mockResolvedValue([
                 {
                     sys: {
                         type: 'ResourceLink',

package/dist/esm/utils/getProviderName.spec.js

@@ -1,3 +1,4 @@
+import { describe, expect, it } from 'vitest';
 import { getProviderName } from './getProviderName';
 describe('getProviderName', ()=>{
     it('should return undefined if Resource Link is not in format "Provider:ResourceType"', ()=>{

package/dist/types/components/CreateEntryLinkButton/CreateEntryLinkButton.spec.d.ts

@@ -1 +1 @@
-import '@testing-library/jest-dom';
+export {};

package/dist/types/components/CreateEntryLinkButton/CreateEntryMenuTrigger.spec.d.ts

@@ -1 +1 @@
-import '@testing-library/jest-dom/extend-expect';
+export {};

package/dist/types/resources/Cards/ResourceCard.spec.d.ts

@@ -1 +1 @@
-import '@testing-library/jest-dom';
+export {};

package/dist/types/resources/MultipleResourceReferenceEditor.spec.d.ts

@@ -1 +1 @@
-import '@testing-library/jest-dom/extend-expect';
+export {};

package/dist/types/resources/SingleResourceReferenceEditor.spec.d.ts

@@ -1 +1 @@
-import '@testing-library/jest-dom/extend-expect';
+export {};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@contentful/field-editor-reference",
-  "version": "8.3.1",
+  "version": "8.3.2",
   "main": "dist/cjs/index.js",
   "module": "dist/esm/index.js",
   "types": "dist/types/index.d.ts",
@@ -31,15 +31,15 @@
     "build:types": "tsc --outDir dist/types --emitDeclarationOnly",
     "build:cjs": "swc src --config-file ../../.swcrc -d dist/cjs -C module.type=commonjs",
     "build:esm": "swc src --config-file ../../.swcrc -d dist/esm",
-    "test": "jest --watch",
-    "test:ci": "jest --ci",
+    "test": "vitest",
+    "test:ci": "vitest run",
     "tsc": "tsc -p ./ --noEmit"
   },
   "dependencies": {
     "@contentful/f36-components": "^6.7.1",
     "@contentful/f36-icons": "^6.7.1",
     "@contentful/f36-tokens": "^6.1.2",
-    "@contentful/field-editor-shared": "^4.4.0",
+    "@contentful/field-editor-shared": "^4.4.1",
     "@contentful/mimetype": "^2.2.29",
     "@dnd-kit/core": "^6.0.8",
     "@dnd-kit/sortable": "^8.0.0",
@@ -56,7 +56,7 @@
   },
   "devDependencies": {
     "@contentful/app-sdk": "^4.42.0",
-    "@contentful/field-editor-test-utils": "^3.1.0",
+    "@contentful/field-editor-test-utils": "^3.1.1",
     "@lingui/core": "5.3.0",
     "@testing-library/react-hooks": "^8.0.1",
     "@testing-library/user-event": "^13.1.9"
@@ -70,5 +70,5 @@
   "publishConfig": {
     "registry": "https://npm.pkg.github.com/"
   },
-  "gitHead": "7e70d445ddd02c7f445baacf138fad822d7ab09f"
+  "gitHead": "5fb6c32d2590e72e56a53cb180a155f84d6505d9"
 }