Merge pull request #1221 from bryceosterhaus/react16test

feat(npm-scripts): allow for testing in react-16 exclusively

Author: bryceosterhaus

Diff for: projects/npm-tools/packages/npm-scripts/package.json

@@ -17,11 +17,15 @@
 		"@liferay/eslint-plugin": "1.4.0",
 		"@liferay/jest-junit-reporter": "1.2.0",
 		"@liferay/js-toolkit-core": "3.0.1",
-		"@testing-library/dom": "^8.11.1",
-		"@testing-library/jest-dom": "^4.2.4",
-		"@testing-library/react": "^12.1.2",
-		"@testing-library/react-hooks": "^3.4.2",
-		"@testing-library/user-event": "^4.2.4",
+		"@testing-library/dom": "^9.3.3",
+		"@testing-library/jest-dom": "^6.1.4",
+		"@testing-library/react": "^14.0.0",
+		"@testing-library/user-event": "^14.5.1",
+		"@testing-library/dom-8.11.1": "npm:@testing-library/[email protected]",
+		"@testing-library/jest-dom-4.2.4": "npm:@testing-library/[email protected]",
+		"@testing-library/react-12.1.2": "npm:@testing-library/[email protected]",
+		"@testing-library/react-hooks-3.4.2": "npm:@testing-library/[email protected]",
+		"@testing-library/user-event-4.2.4": "npm:@testing-library/[email protected]",
 		"@types/jest": "^26.0.14",
 		"@types/react-dom": "17.0.3",
 		"@types/vfile-message": "2.0.0",
@@ -50,6 +54,8 @@
 		"prettier": "^2.1.2",
 		"react": "*",
 		"react-dom": "*",
+		"react-16": "npm:[email protected]",
+		"react-dom-16": "npm:[email protected]",
 		"react-test-renderer": "*",
 		"resolve": "^1.14.2",
 		"sass": "^1.29.0",

Diff for: projects/npm-tools/packages/npm-scripts/src/config/jest.config.js

@@ -5,7 +5,7 @@
 
 const path = require('path');
 
-module.exports = {
+const config = {
 	coverageDirectory: 'build/coverage',
 	modulePathIgnorePatterns: ['/__fixtures__/', '/build/', '/classes/'],
 	resolver: require.resolve('../jest/resolver.js'),
@@ -24,3 +24,28 @@ module.exports = {
 	},
 	transformIgnorePatterns: ['/node_modules/'],
 };
+
+if (process.env.USE_REACT_16 === 'true') {
+	config.moduleNameMapper = {
+
+		// Testing dependencies
+
+		'^@testing-library/dom((\\/.*)?)$': '@testing-library/dom-8.11.1$1',
+		'^@testing-library/jest-dom((\\/.*)?)$':
+			'@testing-library/jest-dom-4.2.4$1',
+		'^@testing-library/react((\\/.*)?)$': '@testing-library/react-12.1.2$1',
+		'^@testing-library/react-hooks((\\/.*)?)$':
+			'@testing-library/react-hooks-3.4.2$1',
+		'^@testing-library/user-event((\\/.*)?)$':
+			'@testing-library/user-event-4.2.4$1',
+
+		// React Dependencies
+
+		'^react$': 'react-16',
+		'^react-dom$': 'react-dom-16',
+		'^react-dom/server$': 'react-dom-16/server',
+		'^react-dom/test-utils$': 'react-dom-16/test-utils',
+	};
+}
+
+module.exports = config;