@wordpress/jest-preset-default 7.1.1 → 8.0.0

package/CHANGELOG.md

@@ -2,6 +2,23 @@
 
 ## Unreleased
 
+## 8.0.0 (2022-01-27)
+
+### Breaking Changes
+
+-   The peer `jest` dependency has been updated from requiring `>=26` to requiring `>=27` (see [Breaking Changes](https://jestjs.io/blog/2021/05/25/jest-27), [#33287](https://github.com/WordPress/gutenberg/pull/33287)).
+
+### Bug Fixes
+
+-   Allow ESLint to be imported from within Jest (e.g. when using `ruleTester`) ([#36283](https://github.com/WordPress/gutenberg/pull/36283)).
+-   Improve support for test files with `.jsx` and `.tsx` extensions ([#36260](https://github.com/WordPress/gutenberg/pull/36260)).
+
+## 7.1.2 (2021-10-22)
+
+### Bug Fix
+
+-   Provide more complete mocks of browser timing functions. ([#35368](https://github.com/WordPress/gutenberg/pull/35368))
+
 ## 7.1.1 (2021-09-09)
 
 ### Bug Fix

package/LICENSE.md

@@ -1,6 +1,6 @@
 ## Gutenberg
 
-    Copyright 2016-2021 by the contributors
+    Copyright 2016-2022 by the contributors
 
 **License for Contributions (on and after April 15, 2021)**
 

package/README.md

@@ -31,7 +31,7 @@ npm install @wordpress/jest-preset-default --save-dev
 -   `setupFiles` - runs code before each test which sets up global variables required in the testing environment.
 -   `setupFilesAfterEnv` - runs code which adds improved support for `Console` object and `React` components to the testing framework before each test.
 -   `snapshotSerializers` - makes it possible to use snapshot tests on `Enzyme` wrappers.
--   `testMatch`- includes `/test/` subfolder in addition to the glob patterns Jest uses to detect test files. It detects only test files containing `.js` (or `.ts`) suffix. It doesn't match files with `.spec.js` suffix.
+-   `testMatch`- includes `/test/` subfolder in addition to the glob patterns Jest uses to detect test files. It detects only test files containing `.js`, `.jsx`, `.ts` and `.tsx` suffix. It doesn't match files with `.spec.js` suffix.
 -   `timers` - use of [fake timers](https://jestjs.io/docs/en/timer-mocks.html) for functions such as `setTimeout` is enabled.
 -   `transform` - keeps the default [babel-jest](https://github.com/facebook/jest/tree/HEAD/packages/babel-jest) transformer.
 -   `verbose` - each individual test won't be reported during the run.

package/jest-preset.js

@@ -3,6 +3,8 @@ module.exports = {
 		'\\.(scss|css)$': require.resolve(
 			'@wordpress/jest-preset-default/scripts/style-mock.js'
 		),
+		// See https://github.com/facebook/jest/issues/11100#issuecomment-967161978
+		'@eslint/eslintrc': '@eslint/eslintrc/dist/eslintrc-universal.cjs',
 	},
 	modulePaths: [ '<rootDir>' ],
 	setupFiles: [
@@ -16,14 +18,15 @@ module.exports = {
 		),
 	],
 	snapshotSerializers: [ require.resolve( 'enzyme-to-json/serializer.js' ) ],
+	testEnvironment: 'jsdom',
 	testMatch: [
-		'**/__tests__/**/*.[jt]s',
-		'**/test/*.[jt]s',
-		'**/?(*.)test.[jt]s',
+		'**/__tests__/**/*.[jt]s?(x)',
+		'**/test/*.[jt]s?(x)',
+		'**/?(*.)test.[jt]s?(x)',
 	],
 	testPathIgnorePatterns: [ '/node_modules/', '<rootDir>/vendor/' ],
 	timers: 'fake',
 	transform: {
-		'^.+\\.[jt]sx?$': require.resolve( 'babel-jest' ),
+		'\\.[jt]sx?$': require.resolve( 'babel-jest' ),
 	},
 };

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@wordpress/jest-preset-default",
-	"version": "7.1.1",
+	"version": "8.0.0",
 	"description": "Default Jest preset for WordPress development.",
 	"author": "The WordPress Contributors",
 	"license": "GPL-2.0-or-later",
@@ -32,16 +32,19 @@
 	"main": "index.js",
 	"dependencies": {
 		"@wojtekmaj/enzyme-adapter-react-17": "^0.6.1",
-		"@wordpress/jest-console": "^4.1.0",
-		"babel-jest": "^26.6.3",
+		"@wordpress/jest-console": "^5.0.0",
+		"babel-jest": "^27.4.5",
 		"enzyme": "^3.11.0",
 		"enzyme-to-json": "^3.4.4"
 	},
 	"peerDependencies": {
-		"jest": ">=26"
+		"@babel/core": ">=7",
+		"jest": ">=27",
+		"react": "^17.0.0",
+		"react-dom": "^17.0.0"
 	},
 	"publishConfig": {
 		"access": "public"
 	},
-	"gitHead": "98c42a7187f788fe3e023f04df7f5dcbdae4e4e7"
+	"gitHead": "d95ccb9366e249133cdb1d7b25c382446b9ee502"
 }

package/scripts/setup-globals.js

@@ -5,8 +5,42 @@ global.window.tinyMCEPreInit = {
 	// <script> tag where it was loaded from, which of course fails here.
 	baseURL: 'about:blank',
 };
-global.window.requestAnimationFrame = setTimeout;
-global.window.cancelAnimationFrame = clearTimeout;
+
+global.window.setImmediate = function ( callback ) {
+	return setTimeout( callback, 0 );
+};
+
+global.window.requestAnimationFrame = function requestAnimationFrame(
+	callback
+) {
+	// eslint-disable-next-line no-restricted-syntax
+	const randomDelay = Math.round( ( Math.random() * 1_000 ) / 60 );
+
+	return setTimeout( () => callback( Date.now() ), randomDelay );
+};
+
+global.window.cancelAnimationFrame = function cancelAnimationFrame( handle ) {
+	return clearTimeout( handle );
+};
+
+// Ignoring `options` argument since we unconditionally schedule this ASAP
+global.window.requestIdleCallback = function requestIdleCallback( callback ) {
+	const start = Date.now();
+
+	return setTimeout(
+		() =>
+			callback( {
+				didTimeout: false,
+				timeRemaining: () => Math.max( 0, 50 - ( Date.now() - start ) ),
+			} ),
+		0
+	);
+};
+
+global.window.cancelIdleCallback = function cancelIdleCallback( handle ) {
+	return clearTimeout( handle );
+};
+
 global.window.matchMedia = () => ( {
 	matches: false,
 	addListener: () => {},