Update Testing Library for React 19 compat

package.json

@@ -48,9 +48,9 @@
 		"@inquirer/prompts": "7.2.0",
 		"@octokit/rest": "16.26.0",
 		"@playwright/test": "1.57.0",
-		"@testing-library/jest-dom": "^6.6.3",
-		"@testing-library/react": "14.3.0",
-		"@testing-library/user-event": "14.4.3",
+		"@testing-library/jest-dom": "6.9.1",
+		"@testing-library/react": "16.3.2",
+		"@testing-library/user-event": "14.6.1",
 		"@types/node": "^20.17.10",
 		"@types/prettier": "2.4.4",
 		"@types/react": "^18.3.27",

packages/components/CHANGELOG.md

@@ -21,6 +21,7 @@
 -   Expose `useDrag` from `@use-gesture/react` package via private API's ([#66735](https://github.com/WordPress/gutenberg/pull/66735)).
 -   `Disabled`, `Modal`, `Popover`, `Tooltip`: Move context code to separate files to help docgen prop extraction ([#75316](https://github.com/WordPress/gutenberg/pull/75316)).
 -   Update Emotion dependencies to ensure compatibility with React 19 ([#75324](https://github.com/WordPress/gutenberg/pull/75324)).
+-   Update Testing Library packages used in unit tests ([#75340](https://github.com/WordPress/gutenberg/pull/75340)).
 
 ## 32.1.0 (2026-01-29)
 

packages/components/package.json

@@ -105,7 +105,7 @@
 		"@ariakit/test": "^0.4.7",
 		"@storybook/addon-docs": "^10.1.11",
 		"@storybook/react-vite": "^10.1.11",
-		"@testing-library/jest-dom": "^6.6.3",
+		"@testing-library/jest-dom": "^6.9.1",
 		"@types/jest": "^29.5.14",
 		"@wordpress/jest-console": "file:../jest-console",
 		"snapshot-diff": "^0.10.0",

packages/components/src/radio-control/test/index.tsx

@@ -238,7 +238,8 @@ describe.each( [
 					name: defaultProps.options[ 1 ].label,
 				} )
 			).toHaveFocus();
-			expect( onChangeSpy ).toHaveBeenCalledTimes( 2 );
+
+			expect( onChangeSpy ).toHaveBeenCalledTimes( 1 );
 			expect( onChangeSpy ).toHaveBeenLastCalledWith(
 				defaultProps.options[ 1 ].value
 			);
@@ -253,8 +254,8 @@ describe.each( [
 					name: defaultProps.options[ 0 ].label,
 				} )
 			).toHaveFocus();
-			// TODO: why called twice for every interaction?
-			expect( onChangeSpy ).toHaveBeenCalledTimes( 6 );
+
+			expect( onChangeSpy ).toHaveBeenCalledTimes( 3 );
 			expect( onChangeSpy ).toHaveBeenLastCalledWith(
 				defaultProps.options[ 0 ].value
 			);
@@ -268,7 +269,7 @@ describe.each( [
 				} )
 			).toHaveFocus();
 
-			expect( onChangeSpy ).toHaveBeenCalledTimes( 8 );
+			expect( onChangeSpy ).toHaveBeenCalledTimes( 4 );
 			expect( onChangeSpy ).toHaveBeenLastCalledWith(
 				defaultProps.options[ 2 ].value
 			);

packages/dataviews/CHANGELOG.md

@@ -26,6 +26,7 @@
 ### Internal
 
 - DataForm: Use public `ColorPicker` component instead of internal `Picker` in color control. [#75394](https://github.com/WordPress/gutenberg/pull/75394)
+- Update Testing Library packages used in unit tests ([#75340](https://github.com/WordPress/gutenberg/pull/75340))
 
 ## 11.3.0 (2026-01-29)
 

packages/dataviews/package.json

@@ -80,7 +80,7 @@
 	"devDependencies": {
 		"@storybook/addon-docs": "^10.1.11",
 		"@storybook/react-vite": "^10.1.11",
-		"@testing-library/jest-dom": "^6.6.3",
+		"@testing-library/jest-dom": "^6.9.1",
 		"@types/jest": "^29.5.14",
 		"esbuild": "^0.27.2",
 		"storybook": "^10.1.11"

packages/global-styles-engine/package.json

@@ -53,7 +53,7 @@
 		"memize": "^2.1.0"
 	},
 	"devDependencies": {
-		"@testing-library/jest-dom": "^6.6.3",
+		"@testing-library/jest-dom": "^6.9.1",
 		"@types/jest": "^29.5.14"
 	},
 	"publishConfig": {

packages/jest-console/package.json

@@ -45,7 +45,7 @@
 		"jest-mock": "^29.6.2"
 	},
 	"devDependencies": {
-		"@testing-library/jest-dom": "^6.6.3",
+		"@testing-library/jest-dom": "^6.9.1",
 		"@types/jest": "^29.5.14"
 	},
 	"peerDependencies": {

packages/media-fields/package.json

@@ -64,7 +64,7 @@
 		"clsx": "2.1.1"
 	},
 	"devDependencies": {
-		"@testing-library/jest-dom": "^6.6.3",
+		"@testing-library/jest-dom": "^6.9.1",
 		"@types/jest": "^29.5.14"
 	},
 	"peerDependencies": {

packages/theme/package.json

@@ -74,7 +74,7 @@
 		"@terrazzo/cli": "^0.10.2",
 		"@terrazzo/plugin-css": "^0.10.2",
 		"@terrazzo/token-tools": "^0.10.2",
-		"@testing-library/jest-dom": "^6.6.3",
+		"@testing-library/jest-dom": "^6.9.1",
 		"@types/jest": "^29.5.14",
 		"@types/node": "^20.17.10",
 		"esbuild": "^0.27.2",

packages/ui/package.json

@@ -58,7 +58,7 @@
 	"devDependencies": {
 		"@storybook/addon-docs": "^10.1.11",
 		"@storybook/react-vite": "^10.1.11",
-		"@testing-library/jest-dom": "^6.6.3",
+		"@testing-library/jest-dom": "^6.9.1",
 		"@types/jest": "^29.5.14",
 		"@types/node": "^20.17.10",
 		"storybook": "^10.1.11"

test/unit/config/global-mocks.js

@@ -63,3 +63,39 @@ if ( ! global.TextEncoder ) {
 // Override jsdom built-ins with native node implementation.
 global.Blob = BlobPolyfill;
 global.File = FilePolyfill;
+
+/**
+ * Mock `userEvent.setup()` to fix the `HTMLElement.prototype` properties
+ * that `@testing-library/user-event` makes non-writable, which breaks
+ * `@ariakit/test` and other code that tries to override `focus` and `blur`.
+ * @see https://github.com/testing-library/user-event/pull/1265
+ */
+jest.mock( '@testing-library/user-event', () => {
+	const actual = jest.requireActual( '@testing-library/user-event' );
+	const patchedUserEvent = {
+		...actual.userEvent,
+		setup( ...args ) {
+			const user = actual.userEvent.setup( ...args );
+			const { focus, blur } = global.HTMLElement.prototype;
+			Object.defineProperties( global.HTMLElement.prototype, {
+				focus: {
+					configurable: true,
+					value: focus,
+					writable: true,
+				},
+				blur: {
+					configurable: true,
+					value: blur,
+					writable: true,
+				},
+			} );
+			return user;
+		},
+	};
+	return {
+		...actual,
+		userEvent: patchedUserEvent,
+		default: patchedUserEvent,
+		__esModule: true,
+	};
+} );