diff --git a/apps/entry-app-collapsible/package.json b/apps/entry-app-collapsible/package.json
index c980cd5aa..084b0c3e7 100644
--- a/apps/entry-app-collapsible/package.json
+++ b/apps/entry-app-collapsible/package.json
@@ -31,7 +31,7 @@
"@contentful/app-scripts": "^0.9.17-alpha.16",
"@contentful/browserslist-config": "^3.0.0",
"@contentful/field-editor-test-utils": "^0.14.0",
- "@testing-library/jest-dom": "^5.14.1",
+ "@testing-library/jest-dom": "^6.4.8",
"@testing-library/react": "^12.1.5",
"@testing-library/user-event": "^13.1.9",
"@types/jest": "^26.0.23",
diff --git a/apps/markdown-app/package.json b/apps/markdown-app/package.json
index 0646c7895..7c3fe3c2e 100644
--- a/apps/markdown-app/package.json
+++ b/apps/markdown-app/package.json
@@ -25,7 +25,7 @@
"devDependencies": {
"@contentful/browserslist-config": "^3.0.0",
"@contentful/field-editor-test-utils": "^0.14.0",
- "@testing-library/jest-dom": "^5.14.1",
+ "@testing-library/jest-dom": "^6.4.8",
"@testing-library/react": "^12.1.5",
"@testing-library/user-event": "^13.1.9",
"@types/jest": "^26.0.23",
diff --git a/apps/multiple-references-app/package.json b/apps/multiple-references-app/package.json
index eec6b2729..9b6660d18 100644
--- a/apps/multiple-references-app/package.json
+++ b/apps/multiple-references-app/package.json
@@ -24,7 +24,7 @@
"devDependencies": {
"@contentful/browserslist-config": "^3.0.0",
"@contentful/field-editor-test-utils": "^0.14.0",
- "@testing-library/jest-dom": "^5.14.1",
+ "@testing-library/jest-dom": "^6.4.8",
"@testing-library/react": "^12.1.5",
"@testing-library/user-event": "^13.1.9",
"@types/jest": "^26.0.23",
diff --git a/apps/rich-text-app/package.json b/apps/rich-text-app/package.json
index 1aa614f4a..bf5bb0283 100644
--- a/apps/rich-text-app/package.json
+++ b/apps/rich-text-app/package.json
@@ -34,7 +34,7 @@
"@contentful/app-scripts": "^0.15.8",
"@contentful/browserslist-config": "^3.0.0",
"@contentful/field-editor-test-utils": "^0.14.0",
- "@testing-library/jest-dom": "^5.14.1",
+ "@testing-library/jest-dom": "^6.4.8",
"@testing-library/react": "^12.1.5",
"@testing-library/user-event": "^13.1.9",
"@types/jest": "^26.0.23",
diff --git a/apps/singleline-app/package.json b/apps/singleline-app/package.json
index 066687921..de1a277ba 100644
--- a/apps/singleline-app/package.json
+++ b/apps/singleline-app/package.json
@@ -33,7 +33,7 @@
"@contentful/app-scripts": "^0.15.8",
"@contentful/browserslist-config": "^3.0.0",
"@contentful/field-editor-test-utils": "^0.14.0",
- "@testing-library/jest-dom": "^5.14.1",
+ "@testing-library/jest-dom": "^6.4.8",
"@testing-library/react": "^12.1.5",
"@testing-library/user-event": "^13.1.9",
"@types/jest": "^26.0.23",
diff --git a/package.json b/package.json
index 286d9a255..05b0c4bc3 100644
--- a/package.json
+++ b/package.json
@@ -61,10 +61,10 @@
"@swc/cli": "0.1.62",
"@swc/core": "1.7.3",
"@swc/jest": "0.2.29",
- "@testing-library/cypress": "10.0.1",
- "@testing-library/jest-dom": "5.16.5",
- "@testing-library/react": "12.1.5",
- "@types/jest": "29.5.1",
+ "@testing-library/cypress": "10.0.2",
+ "@testing-library/jest-dom": "6.4.8",
+ "@testing-library/react": "16.0.0",
+ "@types/jest": "29.5.12",
"@types/lodash": "4.14.202",
"@types/react": "17.0.0",
"@types/react-dom": "17.0.0",
diff --git a/packages/boolean/src/Boolean.spec.tsx b/packages/boolean/src/Boolean.spec.tsx
index e934538f8..31f67f0e9 100644
--- a/packages/boolean/src/Boolean.spec.tsx
+++ b/packages/boolean/src/Boolean.spec.tsx
@@ -1,7 +1,7 @@
import * as React from 'react';
import { createFakeFieldAPI } from '@contentful/field-editor-test-utils';
-import '@testing-library/jest-dom/extend-expect';
+import '@testing-library/jest-dom';
import { cleanup, configure, fireEvent, render } from '@testing-library/react';
import { BooleanEditor } from './BooleanEditor';
diff --git a/packages/checkbox/src/CheckboxEditor.spec.tsx b/packages/checkbox/src/CheckboxEditor.spec.tsx
index 7d5d8fbe6..78f515faf 100644
--- a/packages/checkbox/src/CheckboxEditor.spec.tsx
+++ b/packages/checkbox/src/CheckboxEditor.spec.tsx
@@ -1,7 +1,7 @@
import * as React from 'react';
import { createFakeFieldAPI, createFakeLocalesAPI } from '@contentful/field-editor-test-utils';
-import '@testing-library/jest-dom/extend-expect';
+import '@testing-library/jest-dom';
import { cleanup, configure, fireEvent, render } from '@testing-library/react';
import { CheckboxEditor } from './CheckboxEditor';
diff --git a/packages/default-field-editors/src/Field.spec.tsx b/packages/default-field-editors/src/Field.spec.tsx
index 896778cef..ed6e0d1a3 100644
--- a/packages/default-field-editors/src/Field.spec.tsx
+++ b/packages/default-field-editors/src/Field.spec.tsx
@@ -3,7 +3,7 @@ import * as React from 'react';
import { SingleEntryReferenceEditor } from '@contentful/field-editor-reference';
import type { FieldAppSDK } from '@contentful/field-editor-shared';
import { createFakeFieldAPI, createFakeLocalesAPI } from '@contentful/field-editor-test-utils';
-import '@testing-library/jest-dom/extend-expect';
+import '@testing-library/jest-dom';
import { cleanup, configure, render } from '@testing-library/react';
import { Field } from './Field';
diff --git a/packages/default-field-editors/src/FieldWrapper.spec.tsx b/packages/default-field-editors/src/FieldWrapper.spec.tsx
index 303354f32..f7b1cb593 100644
--- a/packages/default-field-editors/src/FieldWrapper.spec.tsx
+++ b/packages/default-field-editors/src/FieldWrapper.spec.tsx
@@ -2,7 +2,7 @@ import * as React from 'react';
import type { FieldAppSDK } from '@contentful/field-editor-shared';
import { createFakeFieldAPI, createFakeLocalesAPI } from '@contentful/field-editor-test-utils';
-import '@testing-library/jest-dom/extend-expect';
+import '@testing-library/jest-dom';
import { act, cleanup, configure, render } from '@testing-library/react';
import { FieldWrapper } from './FieldWrapper';
diff --git a/packages/dropdown/src/DropdownEditor.spec.tsx b/packages/dropdown/src/DropdownEditor.spec.tsx
index dad5745a3..29e53fe98 100644
--- a/packages/dropdown/src/DropdownEditor.spec.tsx
+++ b/packages/dropdown/src/DropdownEditor.spec.tsx
@@ -1,7 +1,7 @@
import * as React from 'react';
import { createFakeFieldAPI, createFakeLocalesAPI } from '@contentful/field-editor-test-utils';
-import '@testing-library/jest-dom/extend-expect';
+import '@testing-library/jest-dom';
import { cleanup, configure, fireEvent, render } from '@testing-library/react';
import { DropdownEditor } from './DropdownEditor';
diff --git a/packages/list/src/ListEditor.spec.tsx b/packages/list/src/ListEditor.spec.tsx
index c9a0a9e99..f4db0aac3 100644
--- a/packages/list/src/ListEditor.spec.tsx
+++ b/packages/list/src/ListEditor.spec.tsx
@@ -1,7 +1,7 @@
import * as React from 'react';
import { createFakeFieldAPI, createFakeLocalesAPI } from '@contentful/field-editor-test-utils';
-import '@testing-library/jest-dom/extend-expect';
+import '@testing-library/jest-dom';
import { RenderResult, cleanup, configure, fireEvent, render } from '@testing-library/react';
import { ListEditor } from './ListEditor';
diff --git a/packages/multiple-line/src/MultipleLineEditor.test.tsx b/packages/multiple-line/src/MultipleLineEditor.test.tsx
index 588238777..c6b1120cc 100644
--- a/packages/multiple-line/src/MultipleLineEditor.test.tsx
+++ b/packages/multiple-line/src/MultipleLineEditor.test.tsx
@@ -3,7 +3,7 @@ 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 '@testing-library/jest-dom';
import { MultipleLineEditor } from './MultipleLineEditor';
configure({
diff --git a/packages/number/package.json b/packages/number/package.json
index 8544a3714..fc2d68a5f 100644
--- a/packages/number/package.json
+++ b/packages/number/package.json
@@ -42,7 +42,7 @@
},
"devDependencies": {
"@contentful/field-editor-test-utils": "^1.5.0",
- "@testing-library/jest-dom": "^5.12.0",
+ "@testing-library/jest-dom": "^6.4.8",
"@testing-library/react": "^12.1.5",
"@testing-library/user-event": "^13.1.9"
},
diff --git a/packages/number/src/NumberEditor.spec.tsx b/packages/number/src/NumberEditor.spec.tsx
index 098f4514d..c8b15232e 100644
--- a/packages/number/src/NumberEditor.spec.tsx
+++ b/packages/number/src/NumberEditor.spec.tsx
@@ -1,7 +1,7 @@
import * as React from 'react';
import { createFakeFieldAPI } from '@contentful/field-editor-test-utils';
-import '@testing-library/jest-dom/extend-expect';
+import '@testing-library/jest-dom';
import { cleanup, configure, render, screen, waitFor } from '@testing-library/react';
import userEvent from '@testing-library/user-event';
diff --git a/packages/radio/src/RadioEditor.spec.tsx b/packages/radio/src/RadioEditor.spec.tsx
index 4c4607666..5d5d9ef44 100644
--- a/packages/radio/src/RadioEditor.spec.tsx
+++ b/packages/radio/src/RadioEditor.spec.tsx
@@ -1,7 +1,7 @@
import * as React from 'react';
import { createFakeFieldAPI, createFakeLocalesAPI } from '@contentful/field-editor-test-utils';
-import '@testing-library/jest-dom/extend-expect';
+import '@testing-library/jest-dom';
import { cleanup, configure, fireEvent, render } from '@testing-library/react';
import { RadioEditor } from './RadioEditor';
diff --git a/packages/rating/src/RatingEditor.spec.tsx b/packages/rating/src/RatingEditor.spec.tsx
index 04bacfabb..c1b26352f 100644
--- a/packages/rating/src/RatingEditor.spec.tsx
+++ b/packages/rating/src/RatingEditor.spec.tsx
@@ -1,7 +1,7 @@
import * as React from 'react';
import { createFakeFieldAPI } from '@contentful/field-editor-test-utils';
-import '@testing-library/jest-dom/extend-expect';
+import '@testing-library/jest-dom';
import { cleanup, configure, fireEvent, render } from '@testing-library/react';
import { RatingEditor } from './RatingEditor';
diff --git a/packages/reference/src/components/CreateEntryLinkButton/CreateEntryMenuTrigger.spec.tsx b/packages/reference/src/components/CreateEntryLinkButton/CreateEntryMenuTrigger.spec.tsx
index b5311f278..c841de5f2 100644
--- a/packages/reference/src/components/CreateEntryLinkButton/CreateEntryMenuTrigger.spec.tsx
+++ b/packages/reference/src/components/CreateEntryLinkButton/CreateEntryMenuTrigger.spec.tsx
@@ -1,7 +1,7 @@
import * as React from 'react';
import { Button } from '@contentful/f36-components';
-import '@testing-library/jest-dom/extend-expect';
+import '@testing-library/jest-dom';
import { act, configure, fireEvent, render } from '@testing-library/react';
import noop from 'lodash/noop';
diff --git a/packages/reference/src/resources/MultipleResourceReferenceEditor.spec.tsx b/packages/reference/src/resources/MultipleResourceReferenceEditor.spec.tsx
index 0f414f40c..399a5a736 100644
--- a/packages/reference/src/resources/MultipleResourceReferenceEditor.spec.tsx
+++ b/packages/reference/src/resources/MultipleResourceReferenceEditor.spec.tsx
@@ -1,7 +1,7 @@
import * as React from 'react';
import { FieldAppSDK } from '@contentful/app-sdk';
-import '@testing-library/jest-dom/extend-expect';
+import '@testing-library/jest-dom';
import { fireEvent, render, screen } from '@testing-library/react';
import { useResource } from '../common/EntityStore';
diff --git a/packages/reference/src/resources/SingleResourceReferenceEditor.spec.tsx b/packages/reference/src/resources/SingleResourceReferenceEditor.spec.tsx
index 59a85bba9..d3c86b4f2 100644
--- a/packages/reference/src/resources/SingleResourceReferenceEditor.spec.tsx
+++ b/packages/reference/src/resources/SingleResourceReferenceEditor.spec.tsx
@@ -1,7 +1,7 @@
import * as React from 'react';
import { FieldAppSDK } from '@contentful/app-sdk';
-import '@testing-library/jest-dom/extend-expect';
+import '@testing-library/jest-dom';
import { fireEvent, render, screen } from '@testing-library/react';
import { useResource } from '../common/EntityStore';
diff --git a/packages/rich-text/src/Toolbar/_tests_/toolbar.test.tsx b/packages/rich-text/src/Toolbar/_tests_/toolbar.test.tsx
index ecdcf6a2f..8c5787177 100644
--- a/packages/rich-text/src/Toolbar/_tests_/toolbar.test.tsx
+++ b/packages/rich-text/src/Toolbar/_tests_/toolbar.test.tsx
@@ -4,7 +4,7 @@ import { MARKS } from '@contentful/rich-text-types';
import { configure, render, waitFor } from '@testing-library/react';
import { Plate } from '@udecode/plate-common';
-import '@testing-library/jest-dom/extend-expect';
+import '@testing-library/jest-dom';
import { ContentfulEditorIdProvider, getContentfulEditorId } from '../../ContentfulEditorProvider';
import { SdkProvider } from '../../SdkProvider';
import Toolbar from '../index';
@@ -48,7 +48,7 @@ describe('Toolbar', () => {
- ,
+
);
await waitFor(() => {
expect(getByTestId('toolbar-heading-toggle')).toBeDisabled();
@@ -79,7 +79,7 @@ describe('Toolbar', () => {
- ,
+
);
expect(queryByTestId('dropdown-toolbar-button')).toBeVisible();
});
@@ -94,7 +94,7 @@ describe('Toolbar', () => {
- ,
+
);
expect(queryByTestId('dropdown-toolbar-button')).not.toBeInTheDocument();
});
diff --git a/packages/rich-text/src/plugins/shared/__tests__/FetchingWrappedAssetCard.test.tsx b/packages/rich-text/src/plugins/shared/__tests__/FetchingWrappedAssetCard.test.tsx
index e571aa467..c456237b8 100644
--- a/packages/rich-text/src/plugins/shared/__tests__/FetchingWrappedAssetCard.test.tsx
+++ b/packages/rich-text/src/plugins/shared/__tests__/FetchingWrappedAssetCard.test.tsx
@@ -2,7 +2,7 @@ import * as React from 'react';
import { EntityProvider } from '@contentful/field-editor-reference';
import { createFakeCMAAdapter } from '@contentful/field-editor-test-utils';
-import '@testing-library/jest-dom/extend-expect';
+import '@testing-library/jest-dom';
import { configure, fireEvent, render, waitFor } from '@testing-library/react';
import publishedAsset from '../__fixtures__/published_asset.json';
diff --git a/packages/rich-text/src/plugins/shared/__tests__/FetchingWrappedEntryCard.test.tsx b/packages/rich-text/src/plugins/shared/__tests__/FetchingWrappedEntryCard.test.tsx
index 24cccca97..a8aaf78d7 100644
--- a/packages/rich-text/src/plugins/shared/__tests__/FetchingWrappedEntryCard.test.tsx
+++ b/packages/rich-text/src/plugins/shared/__tests__/FetchingWrappedEntryCard.test.tsx
@@ -2,7 +2,7 @@ import * as React from 'react';
import { EntityProvider } from '@contentful/field-editor-reference';
import { createFakeCMAAdapter } from '@contentful/field-editor-test-utils';
-import '@testing-library/jest-dom/extend-expect';
+import '@testing-library/jest-dom';
import { configure, fireEvent, render, waitFor } from '@testing-library/react';
import publishedCT from '../__fixtures__/published_content_type.json';
diff --git a/packages/rich-text/src/plugins/shared/__tests__/FetchingWrappedResourceCard.test.tsx b/packages/rich-text/src/plugins/shared/__tests__/FetchingWrappedResourceCard.test.tsx
index ba01bba83..69513e670 100644
--- a/packages/rich-text/src/plugins/shared/__tests__/FetchingWrappedResourceCard.test.tsx
+++ b/packages/rich-text/src/plugins/shared/__tests__/FetchingWrappedResourceCard.test.tsx
@@ -1,6 +1,6 @@
import * as React from 'react';
-import '@testing-library/jest-dom/extend-expect';
+import '@testing-library/jest-dom';
import { EntityProvider } from '@contentful/field-editor-reference';
import { createFakeCMAAdapter } from '@contentful/field-editor-test-utils';
import { configure, render, waitFor } from '@testing-library/react';
diff --git a/packages/single-line/src/SingleLineEditor.test.tsx b/packages/single-line/src/SingleLineEditor.test.tsx
index f65d52489..0c38d48bd 100644
--- a/packages/single-line/src/SingleLineEditor.test.tsx
+++ b/packages/single-line/src/SingleLineEditor.test.tsx
@@ -3,7 +3,7 @@ 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 '@testing-library/jest-dom';
import { SingleLineEditor } from './SingleLineEditor';
configure({
diff --git a/packages/slug/src/SlugEditor.test.tsx b/packages/slug/src/SlugEditor.test.tsx
index 3617712ca..bbe13f55c 100644
--- a/packages/slug/src/SlugEditor.test.tsx
+++ b/packages/slug/src/SlugEditor.test.tsx
@@ -3,7 +3,7 @@ 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 '@testing-library/jest-dom';
import { SlugEditor } from './SlugEditor';
configure({
diff --git a/packages/tags/src/TagsEditorContainer.spec.tsx b/packages/tags/src/TagsEditorContainer.spec.tsx
index 3e8b40ec3..486df050f 100644
--- a/packages/tags/src/TagsEditorContainer.spec.tsx
+++ b/packages/tags/src/TagsEditorContainer.spec.tsx
@@ -1,7 +1,7 @@
import * as React from 'react';
import { createFakeFieldAPI } from '@contentful/field-editor-test-utils';
-import '@testing-library/jest-dom/extend-expect';
+import '@testing-library/jest-dom';
import { RenderResult, cleanup, configure, fireEvent, render } from '@testing-library/react';
import { TagsEditorContainer } from './TagsEditorContainer';
diff --git a/packages/url/src/UrlEditor.test.tsx b/packages/url/src/UrlEditor.test.tsx
index 61aca2232..7b3335246 100644
--- a/packages/url/src/UrlEditor.test.tsx
+++ b/packages/url/src/UrlEditor.test.tsx
@@ -3,7 +3,7 @@ import * as React from 'react';
import { createFakeFieldAPI } from '@contentful/field-editor-test-utils';
import { cleanup, configure, fireEvent, render, waitFor } from '@testing-library/react';
-import '@testing-library/jest-dom/extend-expect';
+import '@testing-library/jest-dom';
import { UrlEditor } from './UrlEditor';
configure({
diff --git a/packages/validation-errors/src/ValidationErrors.test.tsx b/packages/validation-errors/src/ValidationErrors.test.tsx
index 09d165783..8f8085dc0 100644
--- a/packages/validation-errors/src/ValidationErrors.test.tsx
+++ b/packages/validation-errors/src/ValidationErrors.test.tsx
@@ -1,13 +1,12 @@
/* eslint-disable jest/expect-expect */
import * as React from 'react';
-import '@testing-library/jest-dom/extend-expect';
+import '@testing-library/jest-dom';
import { ValidationError } from '@contentful/app-sdk';
import type { ContentType } from '@contentful/field-editor-shared';
import * as utils from '@contentful/field-editor-test-utils';
import { render, configure, cleanup, act } from '@testing-library/react';
-
import { ValidationErrors } from './ValidationErrors';
configure({
diff --git a/tsconfig.json b/tsconfig.json
index e06997572..df51d40d5 100644
--- a/tsconfig.json
+++ b/tsconfig.json
@@ -19,6 +19,7 @@
"noFallthroughCasesInSwitch": true,
"moduleResolution": "node",
"jsx": "react",
- "esModuleInterop": true
+ "esModuleInterop": true,
+ "types": ["@testing-library/jest-dom"]
}
}