@contentful/field-editor-slug 3.3.0 → 3.3.1-canary.5

package/dist/cjs/SlugEditor.test.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
 const _react = /*#__PURE__*/ _interop_require_wildcard(require("react"));
 const _fieldeditortestutils = require("@contentful/field-editor-test-utils");
 const _react1 = require("@testing-library/react");
-require("@testing-library/jest-dom/extend-expect");
+const _vitest = require("vitest");
 const _SlugEditor = require("./SlugEditor");
 const _SlugEditorField = require("./SlugEditorField");
 function _getRequireWildcardCache(nodeInterop) {
@@ -52,7 +52,7 @@ function _interop_require_wildcard(obj, nodeInterop) {
 (0, _react1.configure)({
     testIdAttribute: 'data-test-id'
 });
-jest.mock('use-debounce', ()=>({
+_vitest.vi.mock('use-debounce', ()=>({
         useDebounce: (text)=>[
                 text
             ]
@@ -66,34 +66,34 @@ function createMocks(initialValues = {}) {
                     unique: true
                 }
             ],
-            onValueChanged: jest.fn().mockImplementation(field.onValueChanged),
-            setValue: jest.fn().mockImplementation(field.setValue)
+            onValueChanged: _vitest.vi.fn().mockImplementation(field.onValueChanged),
+            setValue: _vitest.vi.fn().mockImplementation(field.setValue)
         }), initialValues.field || '');
     const [titleField] = (0, _fieldeditortestutils.createFakeFieldAPI)((field)=>({
             ...field,
             id: 'title-id',
-            setValue: jest.fn().mockImplementation(field.setValue),
-            getValue: jest.fn().mockImplementation(field.getValue),
-            onValueChanged: jest.fn().mockImplementation(field.onValueChanged)
+            setValue: _vitest.vi.fn().mockImplementation(field.setValue),
+            getValue: _vitest.vi.fn().mockImplementation(field.getValue),
+            onValueChanged: _vitest.vi.fn().mockImplementation(field.onValueChanged)
         }), initialValues.titleField || '');
     const [descriptionField] = (0, _fieldeditortestutils.createFakeFieldAPI)((field)=>({
             ...field,
             id: 'description-id',
-            setValue: jest.fn().mockImplementation(field.setValue),
-            getValue: jest.fn().mockImplementation(field.getValue),
-            onValueChanged: jest.fn().mockImplementation(field.onValueChanged)
+            setValue: _vitest.vi.fn().mockImplementation(field.setValue),
+            getValue: _vitest.vi.fn().mockImplementation(field.getValue),
+            onValueChanged: _vitest.vi.fn().mockImplementation(field.onValueChanged)
         }), initialValues.descriptionField || '');
     const sdk = {
         locales: (0, _fieldeditortestutils.createFakeLocalesAPI)(),
         cma: {
             entry: {
-                getMany: jest.fn().mockResolvedValue({
+                getMany: _vitest.vi.fn().mockResolvedValue({
                     total: 0
                 })
             }
         },
         entry: {
-            getSys: jest.fn().mockReturnValue({
+            getSys: _vitest.vi.fn().mockReturnValue({
                 id: 'entry-id',
                 publishedVersion: undefined,
                 createdAt: '2020-01-24T15:33:47.906Z',
@@ -103,7 +103,7 @@ function createMocks(initialValues = {}) {
                     }
                 }
             }),
-            onSysChanged: jest.fn(),
+            onSysChanged: _vitest.vi.fn(),
             fields: {
                 'title-id': titleField,
                 'entry-id': field,
@@ -121,10 +121,10 @@ function createMocks(initialValues = {}) {
         sdk
     };
 }
-describe('SlugEditor', ()=>{
-    afterEach(_react1.cleanup);
-    describe('should not subscribe to title changes', ()=>{
-        it('when entry is published', async ()=>{
+(0, _vitest.describe)('SlugEditor', ()=>{
+    (0, _vitest.afterEach)(_react1.cleanup);
+    (0, _vitest.describe)('should not subscribe to title changes', ()=>{
+        (0, _vitest.it)('when entry is published', async ()=>{
             const { field, titleField, sdk } = createMocks();
             sdk.entry.getSys.mockReturnValue({
                 publishedVersion: 2
@@ -135,14 +135,14 @@ describe('SlugEditor', ()=>{
                 isInitiallyDisabled: false
             }));
             await (0, _react1.waitFor)(()=>{
-                expect(field.setValue).not.toHaveBeenCalled();
-                expect(titleField.onValueChanged).toHaveBeenCalledWith('en-US', expect.any(Function));
-                expect(sdk.cma.entry.getMany).not.toHaveBeenCalled();
-                expect(sdk.entry.fields['title-id'].getValue).toHaveBeenCalledTimes(1);
-                expect(sdk.entry.getSys).toHaveBeenCalledTimes(2);
+                (0, _vitest.expect)(field.setValue).not.toHaveBeenCalled();
+                (0, _vitest.expect)(titleField.onValueChanged).toHaveBeenCalledWith('en-US', _vitest.expect.any(Function));
+                (0, _vitest.expect)(sdk.cma.entry.getMany).not.toHaveBeenCalled();
+                (0, _vitest.expect)(sdk.entry.fields['title-id'].getValue).toHaveBeenCalledTimes(1);
+                (0, _vitest.expect)(sdk.entry.getSys).toHaveBeenCalledTimes(2);
             });
         });
-        it('when title and slug are the same field', async ()=>{
+        (0, _vitest.it)('when title and slug are the same field', async ()=>{
             const { field, titleField, sdk } = createMocks();
             sdk.contentType.displayField = 'entry-id';
             (0, _react1.render)(/*#__PURE__*/ _react.createElement(_SlugEditor.SlugEditor, {
@@ -151,11 +151,11 @@ describe('SlugEditor', ()=>{
                 isInitiallyDisabled: false
             }));
             await (0, _react1.waitFor)(()=>{
-                expect(titleField.onValueChanged).not.toHaveBeenCalled();
-                expect(field.setValue).not.toHaveBeenCalled();
+                (0, _vitest.expect)(titleField.onValueChanged).not.toHaveBeenCalled();
+                (0, _vitest.expect)(field.setValue).not.toHaveBeenCalled();
             });
         });
-        it('when a saved slug is different from a title at the render', async ()=>{
+        (0, _vitest.it)('when a saved slug is different from a title at the render', async ()=>{
             const { field, titleField, sdk } = createMocks({
                 titleField: 'Hello world!',
                 field: 'something-different'
@@ -166,13 +166,13 @@ describe('SlugEditor', ()=>{
                 isInitiallyDisabled: false
             }));
             await (0, _react1.waitFor)(()=>{
-                expect(titleField.onValueChanged).toHaveBeenCalledWith('en-US', expect.any(Function));
-                expect(field.setValue).not.toHaveBeenCalled();
+                (0, _vitest.expect)(titleField.onValueChanged).toHaveBeenCalledWith('en-US', _vitest.expect.any(Function));
+                (0, _vitest.expect)(field.setValue).not.toHaveBeenCalled();
             });
         });
     });
-    describe('should check for uniqueness', ()=>{
-        it('if it is published', async ()=>{
+    (0, _vitest.describe)('should check for uniqueness', ()=>{
+        (0, _vitest.it)('if it is published', async ()=>{
             const { field, titleField, sdk } = createMocks({
                 titleField: 'Slug value',
                 field: 'slug-value'
@@ -195,8 +195,8 @@ describe('SlugEditor', ()=>{
                 isInitiallyDisabled: false
             }));
             await (0, _react1.waitFor)(()=>{
-                expect(titleField.onValueChanged).toHaveBeenCalledWith('en-US', expect.any(Function));
-                expect(sdk.cma.entry.getMany).toHaveBeenLastCalledWith({
+                (0, _vitest.expect)(titleField.onValueChanged).toHaveBeenCalledWith('en-US', _vitest.expect.any(Function));
+                (0, _vitest.expect)(sdk.cma.entry.getMany).toHaveBeenLastCalledWith({
                     query: {
                         content_type: 'content-type-id',
                         'fields.slug-id.en-US': 'slug-value',
@@ -206,12 +206,12 @@ describe('SlugEditor', ()=>{
                     },
                     releaseid: undefined
                 });
-                expect(sdk.cma.entry.getMany).toHaveBeenCalledTimes(1);
-                expect(queryByTestId('slug-editor-spinner')).not.toBeInTheDocument();
-                expect(queryByText('This slug has already been published in another entry')).not.toBeInTheDocument();
+                (0, _vitest.expect)(sdk.cma.entry.getMany).toHaveBeenCalledTimes(1);
+                (0, _vitest.expect)(queryByTestId('slug-editor-spinner')).not.toBeInTheDocument();
+                (0, _vitest.expect)(queryByText('This slug has already been published in another entry')).not.toBeInTheDocument();
             });
         });
-        it('if it is not published', async ()=>{
+        (0, _vitest.it)('if it is not published', async ()=>{
             const { field, titleField, sdk } = createMocks({
                 titleField: 'Slug value',
                 field: 'slug-value'
@@ -234,8 +234,8 @@ describe('SlugEditor', ()=>{
                 isInitiallyDisabled: false
             }));
             await (0, _react1.waitFor)(()=>{
-                expect(titleField.onValueChanged).toHaveBeenCalledWith('en-US', expect.any(Function));
-                expect(sdk.cma.entry.getMany).toHaveBeenLastCalledWith({
+                (0, _vitest.expect)(titleField.onValueChanged).toHaveBeenCalledWith('en-US', _vitest.expect.any(Function));
+                (0, _vitest.expect)(sdk.cma.entry.getMany).toHaveBeenLastCalledWith({
                     query: {
                         content_type: 'content-type-id',
                         'fields.slug-id.en-US': 'slug-value',
@@ -245,10 +245,10 @@ describe('SlugEditor', ()=>{
                     },
                     releaseid: undefined
                 });
-                expect(sdk.cma.entry.getMany).toHaveBeenCalledTimes(1);
-                expect(queryByTestId('slug-editor-spinner')).not.toBeInTheDocument();
-                expect(queryByText('This slug has already been published in another entry')).toBeInTheDocument();
-                expect(getByTestId('cf-ui-text-input')).toHaveValue('slug-value');
+                (0, _vitest.expect)(sdk.cma.entry.getMany).toHaveBeenCalledTimes(1);
+                (0, _vitest.expect)(queryByTestId('slug-editor-spinner')).not.toBeInTheDocument();
+                (0, _vitest.expect)(queryByText('This slug has already been published in another entry')).toBeInTheDocument();
+                (0, _vitest.expect)(getByTestId('cf-ui-text-input')).toHaveValue('slug-value');
             });
             sdk.cma.entry.getMany.mockResolvedValue({
                 total: 0
@@ -259,10 +259,10 @@ describe('SlugEditor', ()=>{
                 }
             });
             await (0, _react1.waitFor)(()=>{
-                expect(field.setValue).toHaveBeenCalledTimes(1);
-                expect(field.setValue).toHaveBeenCalledWith('123');
-                expect(sdk.cma.entry.getMany).toHaveBeenCalledTimes(2);
-                expect(sdk.cma.entry.getMany).toHaveBeenLastCalledWith({
+                (0, _vitest.expect)(field.setValue).toHaveBeenCalledTimes(1);
+                (0, _vitest.expect)(field.setValue).toHaveBeenCalledWith('123');
+                (0, _vitest.expect)(sdk.cma.entry.getMany).toHaveBeenCalledTimes(2);
+                (0, _vitest.expect)(sdk.cma.entry.getMany).toHaveBeenLastCalledWith({
                     query: {
                         content_type: 'content-type-id',
                         'fields.slug-id.en-US': '123',
@@ -272,10 +272,10 @@ describe('SlugEditor', ()=>{
                     },
                     releaseid: undefined
                 });
-                expect(queryByText('This slug has already been published in another entry')).not.toBeInTheDocument();
+                (0, _vitest.expect)(queryByText('This slug has already been published in another entry')).not.toBeInTheDocument();
             });
         });
-        it('shows warning instead of error when unique validation is disabled on content model', async ()=>{
+        (0, _vitest.it)('shows warning instead of error when unique validation is disabled on content model', async ()=>{
             const { field, sdk } = createMocks({
                 titleField: 'Slug value',
                 field: 'slug-value'
@@ -299,14 +299,14 @@ describe('SlugEditor', ()=>{
                 isInitiallyDisabled: false
             }));
             await (0, _react1.waitFor)(()=>{
-                expect(sdk.cma.entry.getMany).toHaveBeenCalledTimes(1);
-                expect(queryByText('This slug has already been published in another entry.')).toBeInTheDocument();
-                expect(getByTestId('cf-ui-text-input')).not.toHaveAttribute('aria-invalid');
+                (0, _vitest.expect)(sdk.cma.entry.getMany).toHaveBeenCalledTimes(1);
+                (0, _vitest.expect)(queryByText('This slug has already been published in another entry.')).toBeInTheDocument();
+                (0, _vitest.expect)(getByTestId('cf-ui-text-input')).not.toHaveAttribute('aria-invalid');
             });
         });
-        it('hides duplicate warning when publish sets hasError', async ()=>{
-            const performUniqueCheck = jest.fn().mockResolvedValue(false);
-            const setValue = jest.fn();
+        (0, _vitest.it)('hides duplicate warning when publish sets hasError', async ()=>{
+            const performUniqueCheck = _vitest.vi.fn().mockResolvedValue(false);
+            const setValue = _vitest.vi.fn();
             const { queryByTestId } = (0, _react1.render)(/*#__PURE__*/ _react.createElement(_SlugEditorField.SlugEditorFieldStatic, {
                 hasError: true,
                 isUniqueValidationEnabled: false,
@@ -320,13 +320,13 @@ describe('SlugEditor', ()=>{
                 performUniqueCheck: performUniqueCheck
             }));
             await (0, _react1.waitFor)(()=>{
-                expect(queryByTestId('slug-editor-duplicate-warning')).not.toBeInTheDocument();
-                expect(queryByTestId('slug-editor-duplicate-error')).not.toBeInTheDocument();
+                (0, _vitest.expect)(queryByTestId('slug-editor-duplicate-warning')).not.toBeInTheDocument();
+                (0, _vitest.expect)(queryByTestId('slug-editor-duplicate-error')).not.toBeInTheDocument();
             });
         });
     });
-    describe('should react to title changes', ()=>{
-        it('when field is disabled', async ()=>{
+    (0, _vitest.describe)('should react to title changes', ()=>{
+        (0, _vitest.it)('when field is disabled', async ()=>{
             const { field, titleField, sdk } = createMocks({
                 field: '',
                 titleField: ''
@@ -337,14 +337,14 @@ describe('SlugEditor', ()=>{
                 isInitiallyDisabled: true
             }));
             await (0, _react1.waitFor)(()=>{
-                expect(field.setValue).toHaveBeenCalled();
-                expect(titleField.onValueChanged).toHaveBeenCalledWith('en-US', expect.any(Function));
-                expect(sdk.cma.entry.getMany).toHaveBeenCalled();
-                expect(sdk.entry.fields['title-id'].getValue).toHaveBeenCalledTimes(1);
-                expect(sdk.entry.getSys).toHaveBeenCalledTimes(2);
+                (0, _vitest.expect)(field.setValue).toHaveBeenCalled();
+                (0, _vitest.expect)(titleField.onValueChanged).toHaveBeenCalledWith('en-US', _vitest.expect.any(Function));
+                (0, _vitest.expect)(sdk.cma.entry.getMany).toHaveBeenCalled();
+                (0, _vitest.expect)(sdk.entry.fields['title-id'].getValue).toHaveBeenCalledTimes(1);
+                (0, _vitest.expect)(sdk.entry.getSys).toHaveBeenCalledTimes(2);
             });
         });
-        it('should generate unique value with date if title is empty', async ()=>{
+        (0, _vitest.it)('should generate unique value with date if title is empty', async ()=>{
             const { field, titleField, sdk } = createMocks({
                 field: '',
                 titleField: ''
@@ -355,24 +355,24 @@ describe('SlugEditor', ()=>{
                 isInitiallyDisabled: false
             }));
             await (0, _react1.waitFor)(()=>{
-                expect(titleField.onValueChanged).toHaveBeenCalledWith('en-US', expect.any(Function));
-                expect(field.setValue).toHaveBeenCalledTimes(1);
-                expect(field.setValue).toHaveBeenLastCalledWith('untitled-entry-2020-01-24-at-15-33-47');
+                (0, _vitest.expect)(titleField.onValueChanged).toHaveBeenCalledWith('en-US', _vitest.expect.any(Function));
+                (0, _vitest.expect)(field.setValue).toHaveBeenCalledTimes(1);
+                (0, _vitest.expect)(field.setValue).toHaveBeenLastCalledWith('untitled-entry-2020-01-24-at-15-33-47');
             });
             await sdk.entry.fields['title-id'].setValue('Hello world!');
             await (0, _react1.waitFor)(()=>{
-                expect(field.setValue).toHaveBeenCalledTimes(2);
-                expect(field.setValue).toHaveBeenLastCalledWith('hello-world');
-                expect(sdk.cma.entry.getMany).toHaveBeenCalledTimes(2);
+                (0, _vitest.expect)(field.setValue).toHaveBeenCalledTimes(2);
+                (0, _vitest.expect)(field.setValue).toHaveBeenLastCalledWith('hello-world');
+                (0, _vitest.expect)(sdk.cma.entry.getMany).toHaveBeenCalledTimes(2);
             });
             await sdk.entry.fields['title-id'].setValue('фраза написанная по русски');
             await (0, _react1.waitFor)(()=>{
-                expect(field.setValue).toHaveBeenCalledTimes(3);
-                expect(field.setValue).toHaveBeenLastCalledWith('fraza-napisannaya-po-russki');
-                expect(sdk.cma.entry.getMany).toHaveBeenCalledTimes(3);
+                (0, _vitest.expect)(field.setValue).toHaveBeenCalledTimes(3);
+                (0, _vitest.expect)(field.setValue).toHaveBeenLastCalledWith('fraza-napisannaya-po-russki');
+                (0, _vitest.expect)(sdk.cma.entry.getMany).toHaveBeenCalledTimes(3);
             });
         });
-        it('should generate value from title if it is not empty', async ()=>{
+        (0, _vitest.it)('should generate value from title if it is not empty', async ()=>{
             const { field, titleField, sdk } = createMocks({
                 field: '',
                 titleField: 'This is initial title value'
@@ -383,18 +383,18 @@ describe('SlugEditor', ()=>{
                 isInitiallyDisabled: false
             }));
             await (0, _react1.waitFor)(()=>{
-                expect(titleField.onValueChanged).toHaveBeenCalledWith('en-US', expect.any(Function));
-                expect(field.setValue).toHaveBeenCalledTimes(1);
-                expect(field.setValue).toHaveBeenLastCalledWith('this-is-initial-title-value');
+                (0, _vitest.expect)(titleField.onValueChanged).toHaveBeenCalledWith('en-US', _vitest.expect.any(Function));
+                (0, _vitest.expect)(field.setValue).toHaveBeenCalledTimes(1);
+                (0, _vitest.expect)(field.setValue).toHaveBeenLastCalledWith('this-is-initial-title-value');
             });
             await sdk.entry.fields['title-id'].setValue('Hello world!');
             await (0, _react1.waitFor)(()=>{
-                expect(field.setValue).toHaveBeenCalledTimes(2);
-                expect(field.setValue).toHaveBeenLastCalledWith('hello-world');
-                expect(sdk.cma.entry.getMany).toHaveBeenCalledTimes(2);
+                (0, _vitest.expect)(field.setValue).toHaveBeenCalledTimes(2);
+                (0, _vitest.expect)(field.setValue).toHaveBeenLastCalledWith('hello-world');
+                (0, _vitest.expect)(sdk.cma.entry.getMany).toHaveBeenCalledTimes(2);
             });
         });
-        it('should stop tracking value after user intentionally changes slug value', async ()=>{
+        (0, _vitest.it)('should stop tracking value after user intentionally changes slug value', async ()=>{
             const { field, titleField, sdk } = createMocks({
                 field: '',
                 titleField: ''
@@ -408,11 +408,11 @@ describe('SlugEditor', ()=>{
                 await sdk.entry.fields['title-id'].setValue('Hello world!');
             });
             await (0, _react1.waitFor)(()=>{
-                expect(titleField.onValueChanged).toHaveBeenCalledWith('en-US', expect.any(Function));
-                expect(field.setValue).toHaveBeenCalledTimes(2);
-                expect(field.setValue).toHaveBeenCalledWith('untitled-entry-2020-01-24-at-15-33-47');
-                expect(field.setValue).toHaveBeenLastCalledWith('hello-world');
-                expect(sdk.cma.entry.getMany).toHaveBeenCalledTimes(2);
+                (0, _vitest.expect)(titleField.onValueChanged).toHaveBeenCalledWith('en-US', _vitest.expect.any(Function));
+                (0, _vitest.expect)(field.setValue).toHaveBeenCalledTimes(2);
+                (0, _vitest.expect)(field.setValue).toHaveBeenCalledWith('untitled-entry-2020-01-24-at-15-33-47');
+                (0, _vitest.expect)(field.setValue).toHaveBeenLastCalledWith('hello-world');
+                (0, _vitest.expect)(sdk.cma.entry.getMany).toHaveBeenCalledTimes(2);
             });
             _react1.fireEvent.change(getByTestId('cf-ui-text-input'), {
                 target: {
@@ -420,19 +420,19 @@ describe('SlugEditor', ()=>{
                 }
             });
             await (0, _react1.waitFor)(()=>{
-                expect(field.setValue).toHaveBeenCalledTimes(3);
-                expect(field.setValue).toHaveBeenLastCalledWith('new-custom-slug');
+                (0, _vitest.expect)(field.setValue).toHaveBeenCalledTimes(3);
+                (0, _vitest.expect)(field.setValue).toHaveBeenLastCalledWith('new-custom-slug');
             });
             await sdk.entry.fields['title-id'].setValue('I decided to update my title');
             await (0, _react1.waitFor)(()=>{
-                expect(field.setValue).toHaveBeenCalledTimes(3);
+                (0, _vitest.expect)(field.setValue).toHaveBeenCalledTimes(3);
             });
             await sdk.entry.fields['title-id'].setValue('I decided to update my title again');
             await (0, _react1.waitFor)(()=>{
-                expect(field.setValue).toHaveBeenCalledTimes(3);
+                (0, _vitest.expect)(field.setValue).toHaveBeenCalledTimes(3);
             });
         });
-        it('should start tracking again after potential slug equals real one', async ()=>{
+        (0, _vitest.it)('should start tracking again after potential slug equals real one', async ()=>{
             const { field, sdk } = createMocks({
                 field: '',
                 titleField: ''
@@ -446,8 +446,8 @@ describe('SlugEditor', ()=>{
                 await sdk.entry.fields['title-id'].setValue('ABC DEF');
             });
             await (0, _react1.waitFor)(()=>{
-                expect(field.setValue).toHaveBeenLastCalledWith('abc-def');
-                expect(field.setValue).toHaveBeenCalledTimes(2);
+                (0, _vitest.expect)(field.setValue).toHaveBeenLastCalledWith('abc-def');
+                (0, _vitest.expect)(field.setValue).toHaveBeenCalledTimes(2);
             });
             _react1.fireEvent.change(getByTestId('cf-ui-text-input'), {
                 target: {
@@ -456,21 +456,21 @@ describe('SlugEditor', ()=>{
             });
             await sdk.entry.fields['title-id'].setValue('ABC D');
             await (0, _react1.waitFor)(()=>{
-                expect(field.setValue).toHaveBeenLastCalledWith('abc');
-                expect(field.setValue).toHaveBeenCalledTimes(3);
+                (0, _vitest.expect)(field.setValue).toHaveBeenLastCalledWith('abc');
+                (0, _vitest.expect)(field.setValue).toHaveBeenCalledTimes(3);
             });
             await (0, _react1.waitFor)(async ()=>{
                 await sdk.entry.fields['title-id'].setValue('ABC');
                 await sdk.entry.fields['title-id'].setValue('ABC ABC');
             });
             await (0, _react1.waitFor)(()=>{
-                expect(field.setValue).toHaveBeenLastCalledWith('abc-abc');
-                expect(field.setValue).toHaveBeenCalledTimes(4);
+                (0, _vitest.expect)(field.setValue).toHaveBeenLastCalledWith('abc-abc');
+                (0, _vitest.expect)(field.setValue).toHaveBeenCalledTimes(4);
             });
         });
     });
-    describe('for non default locales', ()=>{
-        it('locale is not optional and has no fallback then it should track default locale changes & current locale changes', async ()=>{
+    (0, _vitest.describe)('for non default locales', ()=>{
+        (0, _vitest.it)('locale is not optional and has no fallback then it should track default locale changes & current locale changes', async ()=>{
             const { sdk, field, titleField } = createMocks();
             field.locale = 'ru-RU';
             field.required = false;
@@ -493,12 +493,12 @@ describe('SlugEditor', ()=>{
                 isInitiallyDisabled: false
             }));
             await (0, _react1.waitFor)(()=>{
-                expect(field.setValue).toHaveBeenCalledWith('untitled-entry-2020-01-24-at-15-33-47');
-                expect(titleField.onValueChanged).toHaveBeenCalledWith('ru-RU', expect.any(Function));
-                expect(titleField.onValueChanged).toHaveBeenCalledWith('de-DE', expect.any(Function));
+                (0, _vitest.expect)(field.setValue).toHaveBeenCalledWith('untitled-entry-2020-01-24-at-15-33-47');
+                (0, _vitest.expect)(titleField.onValueChanged).toHaveBeenCalledWith('ru-RU', _vitest.expect.any(Function));
+                (0, _vitest.expect)(titleField.onValueChanged).toHaveBeenCalledWith('de-DE', _vitest.expect.any(Function));
             });
         });
-        it('locale is optional and has a fallback then it should track only current locale changes', async ()=>{
+        (0, _vitest.it)('locale is optional and has a fallback then it should track only current locale changes', async ()=>{
             const { sdk, field, titleField } = createMocks();
             field.locale = 'ru-RU';
             field.required = false;
@@ -521,13 +521,13 @@ describe('SlugEditor', ()=>{
                 isInitiallyDisabled: false
             }));
             await (0, _react1.waitFor)(()=>{
-                expect(field.setValue).not.toHaveBeenCalled();
-                expect(titleField.onValueChanged).toHaveBeenCalledWith('ru-RU', expect.any(Function));
-                expect(titleField.onValueChanged).not.toHaveBeenCalledWith('de-DE', expect.any(Function));
+                (0, _vitest.expect)(field.setValue).not.toHaveBeenCalled();
+                (0, _vitest.expect)(titleField.onValueChanged).toHaveBeenCalledWith('ru-RU', _vitest.expect.any(Function));
+                (0, _vitest.expect)(titleField.onValueChanged).not.toHaveBeenCalledWith('de-DE', _vitest.expect.any(Function));
             });
         });
     });
-    it('slug suggestion is limited to size validation max', async ()=>{
+    (0, _vitest.it)('slug suggestion is limited to size validation max', async ()=>{
         const { field, sdk } = createMocks({
             field: '',
             titleField: ''
@@ -551,10 +551,10 @@ describe('SlugEditor', ()=>{
             await sdk.entry.fields['title-id'].setValue('the quick brown fox jumps over the lazy dog');
         });
         await (0, _react1.waitFor)(()=>{
-            expect(field.setValue).toHaveBeenLastCalledWith('the-quick-brown-fox');
+            (0, _vitest.expect)(field.setValue).toHaveBeenLastCalledWith('the-quick-brown-fox');
         });
     });
-    it('slug suggestion does not contain cut-off words', async ()=>{
+    (0, _vitest.it)('slug suggestion does not contain cut-off words', async ()=>{
         const { field, sdk } = createMocks({
             field: '',
             titleField: ''
@@ -579,10 +579,10 @@ describe('SlugEditor', ()=>{
         });
         await (0, _react1.waitFor)(()=>{
             const expectedSlug = 'one-two-three';
-            expect(field.setValue).toHaveBeenLastCalledWith(expectedSlug);
+            (0, _vitest.expect)(field.setValue).toHaveBeenLastCalledWith(expectedSlug);
         });
     });
-    it('should subscribe for changes in custom field id', async ()=>{
+    (0, _vitest.it)('should subscribe for changes in custom field id', async ()=>{
         const { field, titleField, descriptionField, sdk } = createMocks({
             field: '',
             titleField: 'This is initial title value',
@@ -599,16 +599,16 @@ describe('SlugEditor', ()=>{
             }
         }));
         await (0, _react1.waitFor)(()=>{
-            expect(titleField.onValueChanged).not.toHaveBeenCalled();
-            expect(descriptionField.onValueChanged).toHaveBeenCalledWith('en-US', expect.any(Function));
-            expect(field.setValue).toHaveBeenCalledTimes(1);
-            expect(field.setValue).toHaveBeenLastCalledWith('this-is-initial-description-value');
+            (0, _vitest.expect)(titleField.onValueChanged).not.toHaveBeenCalled();
+            (0, _vitest.expect)(descriptionField.onValueChanged).toHaveBeenCalledWith('en-US', _vitest.expect.any(Function));
+            (0, _vitest.expect)(field.setValue).toHaveBeenCalledTimes(1);
+            (0, _vitest.expect)(field.setValue).toHaveBeenLastCalledWith('this-is-initial-description-value');
         });
         await sdk.entry.fields['description-id'].setValue('Hello world!');
         await (0, _react1.waitFor)(()=>{
-            expect(field.setValue).toHaveBeenCalledTimes(2);
-            expect(field.setValue).toHaveBeenLastCalledWith('hello-world');
-            expect(sdk.cma.entry.getMany).toHaveBeenCalledTimes(2);
+            (0, _vitest.expect)(field.setValue).toHaveBeenCalledTimes(2);
+            (0, _vitest.expect)(field.setValue).toHaveBeenLastCalledWith('hello-world');
+            (0, _vitest.expect)(sdk.cma.entry.getMany).toHaveBeenCalledTimes(2);
         });
     });
 });

package/dist/cjs/services/makeSlug.test.js

@@ -2,17 +2,18 @@
 Object.defineProperty(exports, "__esModule", {
     value: true
 });
+const _vitest = require("vitest");
 const _makeSlug = require("./makeSlug");
-describe('makeSlug', ()=>{
-    it('should return untitled slug if title is empty', ()=>{
-        expect((0, _makeSlug.makeSlug)('', {
+(0, _vitest.describe)('makeSlug', ()=>{
+    (0, _vitest.it)('should return untitled slug if title is empty', ()=>{
+        (0, _vitest.expect)((0, _makeSlug.makeSlug)('', {
             locale: 'en',
             isOptionalLocaleWithFallback: false,
             createdAt: '2020-01-14T14:45:39.709Z'
         })).toBe('untitled-entry-2020-01-14-at-14-45-39');
     });
-    it('should respect maxLength when provided', ()=>{
-        expect((0, _makeSlug.makeSlug)('hello world foo bar', {
+    (0, _vitest.it)('should respect maxLength when provided', ()=>{
+        (0, _vitest.expect)((0, _makeSlug.makeSlug)('hello world foo bar', {
             locale: 'en',
             isOptionalLocaleWithFallback: false,
             createdAt: '2020-01-14T14:45:39.709Z',

package/dist/cjs/services/slugify.test.js

@@ -2,8 +2,9 @@
 Object.defineProperty(exports, "__esModule", {
     value: true
 });
+const _vitest = require("vitest");
 const _slugify = require("./slugify");
-describe('slugify', ()=>{
+(0, _vitest.describe)('slugify', ()=>{
     const cases = [
         [
             'We ♥ $ & €',
@@ -23,11 +24,11 @@ describe('slugify', ()=>{
         ]
     ];
     cases.forEach((input)=>{
-        it(`converts "${input[0]}" to "${input[1]}"`, ()=>{
-            expect((0, _slugify.slugify)(input[0])).toBe(input[1]);
+        (0, _vitest.it)(`converts "${input[0]}" to "${input[1]}"`, ()=>{
+            (0, _vitest.expect)((0, _slugify.slugify)(input[0])).toBe(input[1]);
         });
     });
-    it('truncates to maxLength', ()=>{
-        expect((0, _slugify.slugify)('hello world', 'en', 5)).toBe('hello');
+    (0, _vitest.it)('truncates to maxLength', ()=>{
+        (0, _vitest.expect)((0, _slugify.slugify)('hello world', 'en', 5)).toBe('hello');
     });
 });

package/dist/esm/SlugEditor.test.js

@@ -1,13 +1,13 @@
 import * as React from 'react';
 import { createFakeFieldAPI, createFakeLocalesAPI } from '@contentful/field-editor-test-utils';
 import { cleanup, configure, fireEvent, render, waitFor } from '@testing-library/react';
-import '@testing-library/jest-dom/extend-expect';
+import { afterEach, describe, expect, it, vi } from 'vitest';
 import { SlugEditor } from './SlugEditor';
 import { SlugEditorFieldStatic } from './SlugEditorField';
 configure({
     testIdAttribute: 'data-test-id'
 });
-jest.mock('use-debounce', ()=>({
+vi.mock('use-debounce', ()=>({
         useDebounce: (text)=>[
                 text
             ]
@@ -21,34 +21,34 @@ function createMocks(initialValues = {}) {
                     unique: true
                 }
             ],
-            onValueChanged: jest.fn().mockImplementation(field.onValueChanged),
-            setValue: jest.fn().mockImplementation(field.setValue)
+            onValueChanged: vi.fn().mockImplementation(field.onValueChanged),
+            setValue: vi.fn().mockImplementation(field.setValue)
         }), initialValues.field || '');
     const [titleField] = createFakeFieldAPI((field)=>({
             ...field,
             id: 'title-id',
-            setValue: jest.fn().mockImplementation(field.setValue),
-            getValue: jest.fn().mockImplementation(field.getValue),
-            onValueChanged: jest.fn().mockImplementation(field.onValueChanged)
+            setValue: vi.fn().mockImplementation(field.setValue),
+            getValue: vi.fn().mockImplementation(field.getValue),
+            onValueChanged: vi.fn().mockImplementation(field.onValueChanged)
         }), initialValues.titleField || '');
     const [descriptionField] = createFakeFieldAPI((field)=>({
             ...field,
             id: 'description-id',
-            setValue: jest.fn().mockImplementation(field.setValue),
-            getValue: jest.fn().mockImplementation(field.getValue),
-            onValueChanged: jest.fn().mockImplementation(field.onValueChanged)
+            setValue: vi.fn().mockImplementation(field.setValue),
+            getValue: vi.fn().mockImplementation(field.getValue),
+            onValueChanged: vi.fn().mockImplementation(field.onValueChanged)
         }), initialValues.descriptionField || '');
     const sdk = {
         locales: createFakeLocalesAPI(),
         cma: {
             entry: {
-                getMany: jest.fn().mockResolvedValue({
+                getMany: vi.fn().mockResolvedValue({
                     total: 0
                 })
             }
         },
         entry: {
-            getSys: jest.fn().mockReturnValue({
+            getSys: vi.fn().mockReturnValue({
                 id: 'entry-id',
                 publishedVersion: undefined,
                 createdAt: '2020-01-24T15:33:47.906Z',
@@ -58,7 +58,7 @@ function createMocks(initialValues = {}) {
                     }
                 }
             }),
-            onSysChanged: jest.fn(),
+            onSysChanged: vi.fn(),
             fields: {
                 'title-id': titleField,
                 'entry-id': field,
@@ -260,8 +260,8 @@ describe('SlugEditor', ()=>{
             });
         });
         it('hides duplicate warning when publish sets hasError', async ()=>{
-            const performUniqueCheck = jest.fn().mockResolvedValue(false);
-            const setValue = jest.fn();
+            const performUniqueCheck = vi.fn().mockResolvedValue(false);
+            const setValue = vi.fn();
             const { queryByTestId } = render(/*#__PURE__*/ React.createElement(SlugEditorFieldStatic, {
                 hasError: true,
                 isUniqueValidationEnabled: false,

package/dist/esm/services/makeSlug.test.js

@@ -1,3 +1,4 @@
+import { describe, expect, it } from 'vitest';
 import { makeSlug } from './makeSlug';
 describe('makeSlug', ()=>{
     it('should return untitled slug if title is empty', ()=>{

package/dist/esm/services/slugify.test.js

@@ -1,3 +1,4 @@
+import { describe, expect, it } from 'vitest';
 import { slugify } from './slugify';
 describe('slugify', ()=>{
     const cases = [

package/dist/types/SlugEditor.test.d.ts

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@contentful/field-editor-slug",
-  "version": "3.3.0",
+  "version": "3.3.1-canary.5+3e29f973",
   "main": "dist/cjs/index.js",
   "module": "dist/esm/index.js",
   "types": "dist/types/index.d.ts",
@@ -31,8 +31,8 @@
     "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": {
@@ -40,7 +40,7 @@
     "@contentful/f36-icons": "^6.7.1",
     "@contentful/f36-note": "^6.7.0",
     "@contentful/f36-tokens": "^6.1.2",
-    "@contentful/field-editor-shared": "^4.4.0",
+    "@contentful/field-editor-shared": "^4.4.1-canary.5+3e29f973",
     "@emotion/css": "^11.13.5",
     "@types/speakingurl": "^13.0.2",
     "speakingurl": "^14.0.1",
@@ -48,7 +48,7 @@
   },
   "devDependencies": {
     "@contentful/app-sdk": "^4.45.0",
-    "@contentful/field-editor-test-utils": "^3.1.0",
+    "@contentful/field-editor-test-utils": "^3.1.1-canary.5+3e29f973",
     "@lingui/core": "5.3.0"
   },
   "peerDependencies": {
@@ -60,5 +60,5 @@
   "publishConfig": {
     "registry": "https://npm.pkg.github.com/"
   },
-  "gitHead": "b3a1d791df55536d6de78bb138b97224d6c0c70e"
+  "gitHead": "3e29f9734b46d8ca738457c87cc76a0aeca459e9"
 }