test: run test against multiple versions of React (#663)

* Test against multiple versions of React

* add to contributors

* chore(scripts): add extra install scripts for other react versions

Co-authored-by: Michael Peyper <mpeyper7@gmail.com>

Author: snowystinger

.all-contributorsrc

@@ -567,6 +567,15 @@
         "review"
       ]
     },
+    {
+      "login": "snowystinger",
+      "name": "Robert Snow",
+      "avatar_url": "https://avatars.githubusercontent.com/u/698229?v=4",
+      "profile": "https://github.com/snowystinger",
+      "contributions": [
+        "test"
+      ]
+    },
     {
       "login": "chris110408",
       "name": "Chris Chen",

.github/workflows/validate.yml

@@ -17,6 +17,7 @@ jobs:
     strategy:
       matrix:
         node: [12.13, 12, 14, 16]
+        react: [16.9.0, ^16, ^17]
     runs-on: ubuntu-latest
     steps:
       - name: 🛑 Cancel Previous Runs
@@ -37,6 +38,9 @@ jobs:
         env:
           HUSKY_SKIP_INSTALL: true
 
+      - name: Use React version
+        run: npm install --save-dev react@"${{ matrix.react }}" react-dom@"${{ matrix.react }}" react-test-renderer@"${{ matrix.react }}"
+
       - name: ▶️ Run validate script
         run: npm run validate
 

README.md

@@ -246,6 +246,7 @@ Thanks goes to these wonderful people ([emoji key](https://allcontributors.org/d
     <td align="center"><a href="https://matan.io"><img src="https://avatars.githubusercontent.com/u/12711091?v=4?s=100" width="100px;" alt=""/><br /><sub><b>Matan Borenkraout</b></sub></a><br /><a href="#maintenance-MatanBobi" title="Maintenance">🚧</a></td>
     <td align="center"><a href="https://github.com/andyrooger"><img src="https://avatars.githubusercontent.com/u/420834?v=4?s=100" width="100px;" alt=""/><br /><sub><b>andyrooger</b></sub></a><br /><a href="https://github.com/testing-library/react-hooks-testing-library/commits?author=andyrooger" title="Code">💻</a></td>
     <td align="center"><a href="https://github.com/bdwain"><img src="https://avatars.githubusercontent.com/u/3982094?v=4?s=100" width="100px;" alt=""/><br /><sub><b>Bryan Wain</b></sub></a><br /><a href="https://github.com/testing-library/react-hooks-testing-library/issues?q=author%3Abdwain" title="Bug reports">🐛</a> <a href="https://github.com/testing-library/react-hooks-testing-library/pulls?q=is%3Apr+reviewed-by%3Abdwain" title="Reviewed Pull Requests">👀</a></td>
+    <td align="center"><a href="https://github.com/snowystinger"><img src="https://avatars.githubusercontent.com/u/698229?v=4?s=100" width="100px;" alt=""/><br /><sub><b>Robert Snow</b></sub></a><br /><a href="https://github.com/testing-library/react-hooks-testing-library/commits?author=snowystinger" title="Tests">⚠️</a></td>
     <td align="center"><a href="https://github.com/chris110408"><img src="https://avatars.githubusercontent.com/u/10645051?v=4?s=100" width="100px;" alt=""/><br /><sub><b>Chris Chen</b></sub></a><br /><a href="https://github.com/testing-library/react-hooks-testing-library/commits?author=chris110408" title="Tests">⚠️</a></td>
   </tr>
 </table>

package.json

@@ -33,7 +33,6 @@
   "scripts": {
     "setup": "npm install && npm run validate -s",
     "validate": "kcd-scripts validate",
-    "prepare": "npm run build",
     "build": "kcd-scripts build --out-dir lib && npm run generate:submodules",
     "generate:submodules": "ts-node scripts/generate-submodules.ts",
     "test": "kcd-scripts test",
@@ -43,7 +42,10 @@
     "coverage": "codecov",
     "docs:dev": "docz dev",
     "docs:build": "docz build",
-    "contributors:add": "all-contributors add"
+    "contributors:add": "all-contributors add",
+    "install:react-16-9": "npm install --no-save react@16.9.0 react-dom@16.9.0 react-test-renderer@16.9.0",
+    "install:react-16": "npm install --no-save react@^16 react-dom@^16 react-test-renderer@^16",
+    "install:react-17": "npm install --no-save react@^17 react-dom@^17 react-test-renderer@^17"
   },
   "dependencies": {
     "@babel/runtime": "^7.12.5",