test: Run CI pipeline with React 16 and 17 (#690)

* feat: Support React 17

* No need to change peer dependency range

Author: eps1lon

.travis.yml

@@ -2,9 +2,13 @@ sudo: false
 language: node_js
 node_js:
   - "12.19"
+env:
+  - REACT_DIST=16
+  - REACT_DIST=17
 cache: yarn
 install:
   - yarn
+  - yarn add react@$REACT_DIST react-dom@$REACT_DIST
   - yarn --cwd www
 script:
   - yarn test

package.json

@@ -65,6 +65,7 @@
   "devDependencies": {
     "@babel/cli": "^7.8.4",
     "@babel/core": "^7.9.0",
+    "@eps1lon/enzyme-adapter-react-17": "^0.1.0",
     "@restart/hooks": "^0.3.22",
     "@semantic-release/changelog": "^5.0.1",
     "@semantic-release/git": "^9.0.0",
@@ -91,8 +92,8 @@
     "eslint-plugin-react-hooks": "^3.0.0",
     "jest": "^25.3.0",
     "prettier": "^2.0.4",
-    "react": "^16.13.1",
-    "react-dom": "^16.13.1",
+    "react": "^17.0.1",
+    "react-dom": "^17.0.1",
     "release-script": "^1.0.2",
     "rimraf": "^3.0.2",
     "rollup": "^2.6.1",

test/setup.js

@@ -5,7 +5,10 @@ global.requestAnimationFrame = function(callback) {
 };
 
 const Enzyme = require('enzyme');
-const Adapter = require('enzyme-adapter-react-16');
+const Adapter16 = require('enzyme-adapter-react-16');
+const Adapter17 = require('@eps1lon/enzyme-adapter-react-17');
+
+const Adapter = React.version.startsWith('16.') ? Adapter16 : Adapter17;
 
 Enzyme.configure({
   adapter: new Adapter(),