Run tests against multiple React versions

Author: skybenedettof

.github/workflows/status-check.yml

@@ -36,7 +36,12 @@ jobs:
     - name: Install dependencies
       run: yarn install --frozen-lockfile
 
-    - name: Run tests
+    - name: Run tests (React v18)
+      run: yarn test
+
+    - name: Run tests (React v17)
+      env:
+        REACT_VERSION: v17
       run: yarn test
 
     - name: Build

jest.config.js

@@ -24,3 +24,13 @@ module.exports = {
 
   testEnvironment: 'jsdom',
 };
+
+if (process.env.REACT_VERSION === 'v17') {
+  module.exports.cacheDirectory = '.cache/jest-cache-react-17';
+  module.exports.moduleNameMapper = {
+    ...module.exports.moduleNameMapper,
+    '^react-dom((\\/.*)?)$': 'react-dom-17$1',
+    '^react((\\/.*)?)$': 'react-17$1',
+    '^@testing-library/react((\\/.*)?)$': '@testing-library/react-12$1',
+  };
+}

package.json

@@ -21,6 +21,7 @@
   "devDependencies": {
     "@testing-library/jest-dom": "^5.14.1",
     "@testing-library/react": "^13.0.0",
+    "@testing-library/react-12": "npm:@testing-library/react@^12.1.2",
     "@testing-library/react-hooks": "^7.0.2",
     "@types/jest": "^27.0.2",
     "@types/react": "^18.0.0",
@@ -42,7 +43,9 @@
     "lint-staged": "^11.2.0",
     "prettier": "^2.4.1",
     "react": "^18.0.0",
+    "react-17": "npm:react@^17.0.2",
     "react-dom": "^18.0.0",
+    "react-dom-17": "npm:react-dom@^17.0.2",
     "react-fast-compare": "^3.2.0",
     "react-hooks-testing-library": "^0.6.0",
     "release-it": "^14.11.6",
@@ -75,6 +78,7 @@
     "release:minor": "release-it minor",
     "release:major": "release-it major",
     "test": "jest -c ./jest.config.js --env=jsdom",
+    "test:react17": "REACT_VERSION=true yarn test",
     "test:watch": "jest -c ./jest.config.js --watch --env=jsdom"
   },
   "peerDependencies": {

yarn.lock

@@ -710,7 +710,7 @@
   dependencies:
     defer-to-connect "^2.0.0"
 
-"@testing-library/dom@^8.5.0":
+"@testing-library/dom@^8.0.0", "@testing-library/dom@^8.5.0":
   version "8.13.0"
   resolved "https://registry.yarnpkg.com/@testing-library/dom/-/dom-8.13.0.tgz#bc00bdd64c7d8b40841e27a70211399ad3af46f5"
   integrity sha512-9VHgfIatKNXQNaZTtLnalIy0jNZzY35a4S3oi08YAt9Hv1VsfZ/DfA45lM8D/UhtHBGJ4/lGwp0PZkVndRkoOQ==
@@ -739,6 +739,15 @@
     lodash "^4.17.15"
     redent "^3.0.0"
 
+"@testing-library/react-12@npm:@testing-library/react@^12.1.2":
+  version "12.1.4"
+  resolved "https://registry.yarnpkg.com/@testing-library/react/-/react-12.1.4.tgz#09674b117e550af713db3f4ec4c0942aa8bbf2c0"
+  integrity sha512-jiPKOm7vyUw311Hn/HlNQ9P8/lHNtArAx0PisXyFixDDvfl8DbD6EUdbshK5eqauvBSvzZd19itqQ9j3nferJA==
+  dependencies:
+    "@babel/runtime" "^7.12.5"
+    "@testing-library/dom" "^8.0.0"
+    "@types/react-dom" "*"
+
 "@testing-library/react-hooks@^7.0.2":
   version "7.0.2"
   resolved "https://registry.yarnpkg.com/@testing-library/react-hooks/-/react-hooks-7.0.2.tgz#3388d07f562d91e7f2431a4a21b5186062ecfee0"
@@ -4381,6 +4390,23 @@ rc@^1.2.8:
     minimist "^1.2.0"
     strip-json-comments "~2.0.1"
 
+"react-17@npm:react@^17.0.2":
+  version "17.0.2"
+  resolved "https://registry.yarnpkg.com/react/-/react-17.0.2.tgz#d0b5cc516d29eb3eee383f75b62864cfb6800037"
+  integrity sha512-gnhPt75i/dq/z3/6q/0asP78D0u592D5L1pd7M8P+dck6Fu/jJeL6iVVK23fptSUZj8Vjf++7wXA8UNclGQcbA==
+  dependencies:
+    loose-envify "^1.1.0"
+    object-assign "^4.1.1"
+
+"react-dom-17@npm:react-dom@^17.0.2":
+  version "17.0.2"
+  resolved "https://registry.yarnpkg.com/react-dom/-/react-dom-17.0.2.tgz#ecffb6845e3ad8dbfcdc498f0d0a939736502c23"
+  integrity sha512-s4h96KtLDUQlsENhMn1ar8t2bEa+q/YAtj8pPPdIjPDGBDIVNsrD9aXNWqspUe6AzKCIG0C1HZZLqLV7qpOBGA==
+  dependencies:
+    loose-envify "^1.1.0"
+    object-assign "^4.1.1"
+    scheduler "^0.20.2"
+
 react-dom@^18.0.0:
   version "18.0.0"
   resolved "https://registry.yarnpkg.com/react-dom/-/react-dom-18.0.0.tgz#26b88534f8f1dbb80853e1eabe752f24100d8023"
@@ -4654,6 +4680,14 @@ saxes@^5.0.1:
   dependencies:
     xmlchars "^2.2.0"
 
+scheduler@^0.20.2:
+  version "0.20.2"
+  resolved "https://registry.yarnpkg.com/scheduler/-/scheduler-0.20.2.tgz#4baee39436e34aa93b4874bddcbf0fe8b8b50e91"
+  integrity sha512-2eWfGgAqqWFGqtdMmcL5zCMK1U8KlXv8SQFGglL3CEtd0aDVDWgeF/YoCmvln55m5zSk3J/20hTaSBeSObsQDQ==
+  dependencies:
+    loose-envify "^1.1.0"
+    object-assign "^4.1.1"
+
 scheduler@^0.21.0:
   version "0.21.0"
   resolved "https://registry.yarnpkg.com/scheduler/-/scheduler-0.21.0.tgz#6fd2532ff5a6d877b6edb12f00d8ab7e8f308820"