refactor: add Jest directly (#755)

* refactor: use jest directly

* ci: enable coverage collecting

Author: dangreen

.github/workflows/ci.yml

@@ -20,8 +20,9 @@ jobs:
           install-command: yarn --frozen-lockfile --ignore-engines
       - name: Run tests
         run: yarn test
-      # - name: Collect coverage
-      #   uses: coverallsapp/github-action@master
-      #   if: success()
-      #   with:
-      #     github-token: ${{ secrets.GITHUB_TOKEN }}
+      - name: Collect coverage
+        uses: codecov/codecov-action@v2
+        if: success()
+        with:
+          files: ./coverage/lcov.info
+          fail_ci_if_error: true

jest.config.json

@@ -0,0 +1,26 @@
+{
+	"testEnvironment": "jsdom",
+	"testRegex": "test/.*\\.test\\.(jsx?|tsx?)$",
+  "setupFilesAfterEnv": ["<rootDir>/test/setup.js"],
+	"transform": {
+		"^.+\\.(t|j)sx?$": ["@swc/jest", {
+			"module": {
+				"type": "commonjs"
+			},
+      "env": {
+        "targets": {
+          "node": 12
+        }
+      }
+		}]
+	},
+	"collectCoverage": true,
+	"collectCoverageFrom": [
+		"src/**/*.{js,jsx,ts,tsx}",
+		"!**/node_modules/**"
+	],
+	"coverageReporters": [
+		"lcovonly",
+		"text"
+	]
+}

package.json

@@ -31,8 +31,7 @@
     "test": "yarn test:unit && yarn test:lint && yarn test:build",
     "test:build": "yarn build",
     "test:lint": "eslint src/**/*.{ts,tsx}",
-    "test:unit": "cross-env CI=1 react-scripts test --env=jsdom",
-    "test:watch": "react-scripts test --env=jsdom",
+    "test:unit": "jest -c jest.config.json",
     "format": "prettier --write src",
     "predeploy": "cd example && yarn && yarn build",
     "deploy": "gh-pages -d example/build"
@@ -45,16 +44,17 @@
     "react": "^16.8.0 || ^17.0.0"
   },
   "devDependencies": {
+    "@swc/core": "^1.2.95",
+    "@swc/jest": "^0.2.4",
     "@testing-library/jest-dom": "^5.5.0",
-    "@testing-library/react": "^10.0.3",
-    "@types/jest": "^25.1.4",
+    "@testing-library/react": "^12.1.2",
+    "@types/jest": "^27.0.2",
     "@types/lodash": "^4.14.150",
     "@types/react": "^16.9.27",
     "@typescript-eslint/eslint-plugin": "^2.26.0",
     "@typescript-eslint/parser": "^2.26.0",
     "babel-eslint": "^10.0.3",
     "chart.js": "^3.1.0",
-    "cross-env": "^7.0.2",
     "eslint": "^6.8.0",
     "eslint-config-prettier": "^6.7.0",
     "eslint-config-standard": "^14.1.0",
@@ -66,12 +66,12 @@
     "eslint-plugin-react": "^7.17.0",
     "eslint-plugin-standard": "^4.0.1",
     "gh-pages": "^2.2.0",
+    "jest": "^27.2.5",
     "jest-canvas-mock": "^2.2.0",
     "microbundle-crl": "^0.13.11",
     "prettier": "^2.0.4",
     "react": "^17.0.1",
     "react-dom": "^17.0.1",
-    "react-scripts": "^3.4.3",
     "react-test-renderer": "^17.0.1"
   },
   "files": [

src/__tests__/.eslintrc test/.eslintrcsrc/__tests__/.eslintrc renamed to test/.eslintrc

@@ -1,7 +1,7 @@
-import * as React from 'react';
+import React from 'react';
 import { render, cleanup, fireEvent } from '@testing-library/react';
 import Chart from 'chart.js/auto';
-import ChartComponent from '../chart';
+import ChartComponent from '../src/chart';
 
 describe('<ChartComponent />', () => {
   const data = {