build (test) : add jest and puppeteer

Author: firestar300

.babelrc

@@ -2,6 +2,7 @@
 	"presets": [
 		["@babel/preset-env", {
 			"targets": {
+				"node": "current",
 				"browsers": ["last 2 versions", "IE 11", "> 0.25%"]
 			}
 		}]

config/setupTests.js

@@ -0,0 +1 @@
+import 'regenerator-runtime/runtime'

package.json

@@ -9,7 +9,8 @@
   "private": false,
   "scripts": {
     "watch": "node_modules/.bin/webpack --mode=development --watch",
-    "build": "node_modules/.bin/webpack --mode=production"
+    "build": "node_modules/.bin/webpack --mode=production",
+    "test": "jest --detectOpenHandles"
   },
   "dependencies": {
     "@babel/core": "^7.13.16",
@@ -24,17 +25,27 @@
   },
   "devDependencies": {
     "autoprefixer": "^10.3.3",
+    "babel-jest": "^27.1.0",
     "css-loader": "^6.2.0",
     "eslint-config-prettier": "^8.3.0",
     "eslint-plugin-prettier": "^3.4.0",
+    "jest": "^27.1.0",
+    "jest-puppeteer": "^5.0.4",
     "postcss": "^8.3.6",
     "postcss-loader": "^6.1.1",
     "prettier": "^2.2.1",
+    "puppeteer": "^10.2.0",
+    "regenerator-runtime": "^0.13.9",
     "style-loader": "^3.2.1",
     "stylelint": "^13.13.1",
     "stylelint-config-recess-order": "^2.5.0",
     "stylelint-config-standard": "^22.0.0",
     "stylelint-webpack-plugin": "^3.0.1",
     "tailwindcss": "^2.2.9"
+  },
+  "jest": {
+    "verbose": true,
+    "preset": "jest-puppeteer",
+    "setupFilesAfterEnv": ["./config/setupTests.js"]
   }
 }