Add react-testing-library

Author: rvsia

config/jest.setup.js

@@ -1,5 +1,7 @@
+// eslint-disable-next-line no-unused-vars
 import { configure } from 'enzyme';
 import Adapter from '@wojtekmaj/enzyme-adapter-react-17';
+import '@testing-library/jest-dom/extend-expect';
 
 configure({ adapter: new Adapter() });
 Element.prototype.scrollTo = () => {};

package.json

@@ -28,12 +28,12 @@
     "packages/**"
   ],
   "jest": {
-    "testEnvironment": "jsdom",
+    "testEnvironment": "jest-environment-jsdom",
     "verbose": true,
     "testPathIgnorePatterns": [
       "/node_modules/"
     ],
-    "setupFiles": [
+    "setupFilesAfterEnv": [
       "<rootDir>/config/jest.setup.js"
     ],
     "collectCoverageFrom": [
@@ -57,43 +57,36 @@
   },
   "devDependencies": {
     "@babel/core": "^7.16.7",
+    "@babel/eslint-parser": "^7.16.5",
     "@babel/plugin-proposal-class-properties": "^7.16.7",
     "@babel/plugin-syntax-dynamic-import": "^7.8.3",
+    "@babel/plugin-transform-runtime": "^7.16.8",
     "@babel/preset-env": "^7.16.8",
     "@babel/preset-react": "^7.16.7",
-    "babel-eslint": "^10.1.0",
-    "babel-jest": "^27.4.6",
-    "babel-loader": "^8.2.3",
-    "css-loader": "^6.5.1",
-    "html-webpack-plugin": "^5.5.0",
-    "regenerator-runtime": "^0.13.9",
-    "sass-loader": "^12.4.0",
-    "style-loader": "^3.3.1",
-    "webpack": "^5.66.0",
-    "webpack-cli": "^4.9.1",
-    "webpack-dev-server": "^4.7.3",
-    "prop-types": "^15.8.1",
-    "react": "^17.0.2",
-    "react-dom": "^17.0.2",
-    "@wojtekmaj/enzyme-adapter-react-17": "^0.6.6",
-    "enzyme": "^3.11.0",
-    "enzyme-to-json": "^3.6.2",
-    "@babel/eslint-parser": "^7.16.5",
-    "@babel/plugin-transform-runtime": "^7.16.8",
     "@babel/preset-typescript": "^7.16.7",
-    "node-sass": "^7.0.1",
     "@khala/commit-analyzer-wildcard": "^2.5.2",
     "@khala/npm-release-monorepo": "^2.5.2",
     "@khala/wildcard-release-notes": "^2.5.2",
     "@semantic-release/exec": "^6.0.3",
     "@semantic-release/git": "^10.0.1",
     "@semantic-release/github": "^8.0.2",
     "@semantic-release/npm": "^8.0.3",
+    "@testing-library/dom": "^8.11.2",
+    "@testing-library/jest-dom": "^5.16.1",
+    "@testing-library/react": "^12.1.2",
+    "@testing-library/user-event": "^13.5.0",
     "@types/react": "^17.0.21",
     "@types/react-dom": "^17.0.9",
     "@typescript-eslint/eslint-plugin": "^4.31.1",
+    "@wojtekmaj/enzyme-adapter-react-17": "^0.6.6",
+    "babel-eslint": "^10.1.0",
+    "babel-jest": "^27.4.6",
+    "babel-loader": "^8.2.3",
     "babel-plugin-transform-imports": "^2.0.0",
+    "css-loader": "^6.5.1",
     "dtslint": "^4.2.1",
+    "enzyme": "^3.11.0",
+    "enzyme-to-json": "^3.6.2",
     "eslint": "^7.32.0",
     "eslint-config-prettier": "^8.3.0",
     "eslint-config-react-app": "^7.0.0",
@@ -107,20 +100,31 @@
     "eslint-plugin-react-hooks": "^4.3.0",
     "fs-extra": "^10.0.0",
     "glob": "^7.2.0",
+    "html-webpack-plugin": "^5.5.0",
     "identity-obj-proxy": "^3.0.0",
     "inquirer": "^8.2.0",
     "jest": "^27.4.7",
     "lerna": "^4.0.0",
     "ncp": "^2.0.0",
+    "node-sass": "^7.0.1",
     "prettier": "^2.5.1",
+    "prop-types": "^15.8.1",
+    "react": "^17.0.2",
+    "react-dom": "^17.0.2",
+    "regenerator-runtime": "^0.13.9",
     "replace-in-file": "^6.3.2",
+    "sass-loader": "^12.4.0",
     "semantic-release": "^18.0.1",
     "strip-ansi": "^7.0.1",
+    "style-loader": "^3.3.1",
     "terser-webpack-plugin": "^5.3.0",
     "ts-loader": "^9.2.6",
     "tslint": "^6.1.3",
     "tslint-config-prettier": "^1.18.0",
-    "typescript": "^4.5.4"
+    "typescript": "^4.5.4",
+    "webpack": "^5.66.0",
+    "webpack-cli": "^4.9.1",
+    "webpack-dev-server": "^4.7.3"
   },
   "release": {
     "monorepo": "./packages",
@@ -180,7 +184,8 @@
         }
       ],
       [
-        "@semantic-release/exec", {
+        "@semantic-release/exec",
+        {
           "prepareCmd": "node ./scripts/update-common.js ${nextRelease.version}"
         }
       ]