feat: add jest for test

.eslintrc.js

@@ -6,6 +6,7 @@ module.exports = {
   env: {
     browser: true,
     es2021: true,
+    'jest/globals': true,
   },
   extends: ['plugin:react/recommended', 'standard', 'prettier', 'prettier/@typescript-eslint'],
   parserOptions: {
@@ -15,7 +16,7 @@ module.exports = {
     ecmaVersion: 12,
     sourceType: 'module',
   },
-  plugins: ['@typescript-eslint', 'react', 'react-hooks', 'prettier'],
+  plugins: ['@typescript-eslint', 'react', 'react-hooks', 'prettier', 'jest'],
   settings: {
     react: {
       version: 'detect',

.hygen/create/hook/__tests__/{name}.test.js.t

@@ -1,8 +1,8 @@
 ---
 to: <%= h.hooksDir(`${name}/__tests__/${name}.test.js`) %>
 ---
-const <%= h.hump(name) %> = require('../src');
+const <%= h.hump(name) %> = require('../src')
 
 describe('@hi-ui/<%= name %>', () => {
-  it('needs tests');
-});
+  it('needs tests', () => {})
+})

.hygen/create/ui/__tests__/{name}.test.js.t

@@ -1,8 +1,8 @@
 ---
 to: <%= h.uiDir(`${name}/__tests__/${name}.test.js`) %>
 ---
-const <%= h.camelCase(name) %> = require('../src');
+const <%= h.camelCase(name) %> = require('../src')
 
 describe('@hi-ui/<%= name %>', () => {
-  it('needs tests');
-});
+  it('needs tests', () => {})
+})

.hygen/create/util/__tests__/{name}.test.js.t

@@ -1,8 +1,8 @@
 ---
 to: <%= h.utilsDir(`${name}/__tests__/${name}.test.js`) %>
 ---
-const <%= h.hump(name) %> = require('../src');
+const <%= h.hump(name) %> = require('../src')
 
 describe('@hi-ui/<%= name %>', () => {
-  it('needs tests');
-});
+  it('needs tests', () => {})
+})

jest.config.js

@@ -0,0 +1,9 @@
+/** @type {import('@ts-jest/dist/types').InitialOptionsTsJest} */
+module.exports = {
+  preset: 'ts-jest',
+  testEnvironment: 'jsdom',
+  moduleFileExtensions: ['ts', 'tsx', 'js', 'jsx'],
+  moduleNameMapper: {
+    '\\.(css|scss)$|style-inject': '<rootDir>/mock.js',
+  },
+}

mock.js

@@ -0,0 +1,11 @@
+const path = require('path')
+
+module.exports = {
+  process(src, filename, config, options) {
+    return (
+      'module.exports = { default: () => { return ' +
+      JSON.stringify(path.basename(filename)) +
+      '}};'
+    )
+  },
+}

package.json

@@ -29,7 +29,8 @@
     "build-storybook": "build-storybook",
     "fix": "standard --fix && stylelint --config .stylelintrc 'components/**/*.scss' --fix",
     "eslint": "eslint --fix ./packages/**/*.tsx",
-    "precommit": "lint-staged"
+    "precommit": "lint-staged",
+    "test": "jest"
   },
   "devDependencies": {
     "@babel/cli": "^7.13.16",
@@ -52,6 +53,7 @@
     "eslint-import-resolver-webpack": "~0.11.1",
     "eslint-loader": "~3.0.2",
     "eslint-plugin-import": "~2.18.2",
+    "eslint-plugin-jest": "^24.4.0",
     "eslint-plugin-jsx-a11y": "~6.2.3",
     "eslint-plugin-prettier": "~3.1.1",
     "eslint-plugin-react": "~7.17.0",
@@ -69,15 +71,18 @@
     "style-loader": "^2.0.0",
     "styled-components": "^5.2.1",
     "stylelint-config-standard": "^18.3.0",
-    "typescript": "^4.2.4"
+    "ts-jest": "^27.0.4",
+    "typescript": "^4.3.5"
   },
   "dependencies": {
     "@babel/plugin-external-helpers": "^7.12.13",
     "@babel/plugin-transform-runtime": "^7.13.15",
     "@hi-ui/hiui": "^3.4.1-rc.2",
     "@storybook/preset-scss": "^1.0.3",
+    "@types/jest": "^26.0.24",
     "cross-env": "^7.0.3",
     "hygen": "^6.1.0",
+    "jest": "^27.0.6",
     "react": "^17.0.1",
     "react-dom": "^17.0.1",
     "react-live": "^2.2.3",
@@ -94,7 +99,7 @@
     "@types/webpack-env": "~1.16.0",
     "@typescript-eslint/eslint-plugin": "~4.9.0",
     "@typescript-eslint/parser": "~4.9.0",
-    "eslint": "~7.12.1",
+    "eslint": "^7.32.0",
     "eslint-config-prettier": "^6.15.0",
     "eslint-config-standard": "~16.0.1",
     "eslint-plugin-import": "~2.22.1",

packages/hooks/use-merge-refs/__tests__/use-merge-refs.test.js

@@ -1,5 +1,5 @@
-const useMergeRefs = require('../src');
+const useMergeRefs = require('../src')
 
 describe('@hi-ui/use-merge-refs', () => {
-  it('needs tests');
-});
+  it('needs tests', () => {})
+})

packages/hooks/use-uncontrolled-state/__tests__/use-uncontrolled-state.test.js

@@ -1,5 +1,5 @@
-const use-uncontrolled-state = require('../src');
+const useUncontrolledState = require('../src')
 
 describe('@hi-ui/use-uncontrolled-state', () => {
-  it('needs tests');
-});
+  it('needs tests', () => {})
+})

packages/icons/__tests__/icon.test.js

@@ -1,5 +1,5 @@
-const Icons = require("../src");
+const Icons = require('../src')
 
-describe("@hi-ui/icons", () => {
-  it("needs tests");
-});
+describe('@hi-ui/icons', () => {
+  it('needs tests', () => {})
+})

packages/ui/alert/__tests__/alert.test.js

@@ -1,5 +1,7 @@
-const Alert = require('../src');
+const Alert = require('../src')
 
 describe('@hi-ui/alert', () => {
-  it('needs tests');
-});
+  it('needs tests', () => {
+    expect(Array.isArray([])).toEqual(true)
+  })
+})

packages/ui/avatar/__tests__/avatar.test.js

@@ -1,5 +1,5 @@
-const Avatar = require('../src');
+const Avatar = require('../src')
 
 describe('@hi-ui/avatar', () => {
-  it('needs tests');
-});
+  it('needs tests', () => {})
+})

packages/ui/breadcrumb/__tests__/breadcrumb.test.js

@@ -1,5 +1,5 @@
-const Breadcrumb = require('../src');
+const Breadcrumb = require('../src')
 
 describe('@hi-ui/breadcrumb', () => {
-  it('needs tests');
-});
+  it('needs tests', () => {})
+})

packages/ui/checkbox/__tests__/checkbox.test.js

@@ -1,5 +1,5 @@
-const Checkbox = require('../src');
+const Checkbox = require('../src')
 
 describe('@hi-ui/checkbox', () => {
-  it('needs tests');
-});
+  it('needs tests', () => {})
+})

packages/ui/collapse/__tests__/collapse.test.js

@@ -1,5 +1,5 @@
-const Collapse = require('../src');
+const Collapse = require('../src')
 
 describe('@hi-ui/collapse', () => {
-  it('needs tests');
-});
+  it('needs tests', () => {})
+})

packages/ui/counter/__tests__/counter.test.js

@@ -1,5 +1,5 @@
-const Counter = require('../src');
+const Counter = require('../src')
 
 describe('@hi-ui/counter', () => {
-  it('needs tests');
-});
+  it('needs tests', () => {})
+})

packages/ui/empty-state/__tests__/empty-state.test.js

@@ -1,5 +1,5 @@
 const EmptyState = require('../src')
 
 describe('@hi-ui/empty-state', () => {
-  it('needs tests')
+  it('needs tests', () => {})
 })

packages/ui/loading/__tests__/loading.test.js

@@ -1,5 +1,5 @@
-const Loading = require('../src');
+const Loading = require('../src')
 
 describe('@hi-ui/loading', () => {
-  it('needs tests');
-});
+  it('needs tests', () => {})
+})

packages/ui/rating/__tests__/rating.test.js

@@ -1,5 +1,5 @@
 const Rating = require('../src')
 
 describe('@hi-ui/rating', () => {
-  it('needs tests')
+  it('needs tests', () => {})
 })

packages/ui/stepper/__tests__/stepper.test.js

@@ -1,5 +1,5 @@
-const Stepper = require('../src');
+const Stepper = require('../src')
 
 describe('@hi-ui/stepper', () => {
-  it('needs tests');
-});
+  it('needs tests', () => {})
+})

packages/ui/switch/__tests__/switch.test.js

@@ -1,5 +1,5 @@
-const Switch = require('../src');
+const Switch = require('../src')
 
 describe('@hi-ui/switch', () => {
-  it('needs tests');
-});
+  it('needs tests', () => {})
+})

packages/ui/tag/__tests__/tag.test.js

@@ -1,5 +1,5 @@
-const Tag = require('../src');
+const Tag = require('../src')
 
 describe('@hi-ui/tag', () => {
-  it('needs tests');
-});
+  it('needs tests', () => {})
+})

packages/ui/tree/__tests__/tree.test.js

@@ -1,5 +1,5 @@
-const Tree = require('../src');
+// const Tree = require('../src')
 
 describe('@hi-ui/tree', () => {
-  it('needs tests');
-});
+  it('needs tests', () => {})
+})

packages/utils/classname/__tests__/classname.test.js

@@ -3,5 +3,5 @@
 const classname = require('..')
 
 describe('@hi-ui/classname', () => {
-  it('needs tests')
+  it('needs tests', () => {})
 })

packages/utils/container/__tests__/container.test.js

@@ -1,5 +1,5 @@
-const container = require('../src');
+const container = require('../src')
 
 describe('@hi-ui/container', () => {
-  it('needs tests');
-});
+  it('needs tests', () => {})
+})

packages/utils/env/__tests__/env.test.js

@@ -3,5 +3,5 @@
 const env = require('..')
 
 describe('@hi-ui/env', () => {
-  it('needs tests')
+  it('needs tests', () => {})
 })

packages/utils/request/__tests__/request.test.js

@@ -1,5 +1,5 @@
-const request = require('../src');
+const request = require('../src')
 
 describe('@hi-ui/request', () => {
-  it('needs tests');
-});
+  it('needs tests', () => {})
+})

packages/utils/times/__tests__/times.test.js

@@ -1,5 +1,5 @@
-const times = require('../src');
+const times = require('../src')
 
 describe('@hi-ui/times', () => {
-  it('needs tests');
-});
+  it('needs tests', () => {})
+})

packages/utils/type-assertion/__tests__/type-assertion.test.js

@@ -1,5 +1,5 @@
-const typeAssertion = require('../src');
+const typeAssertion = require('../src')
 
 describe('@hi-ui/type-assertion', () => {
-  it('needs tests');
-});
+  it('needs tests', () => {})
+})

scripts/hi-build/__tests__/hi-build.test.js

@@ -1,7 +1,3 @@
-'use strict';
-
-const hiBuild = require('..');
-
 describe('@hi-ui/hi-build', () => {
-    it('needs tests');
-});
+  it('needs tests', () => {})
+})