Merge pull request #13 from alibaba/unit-test

better jest test environment
alibaba · Apr 18, 2022 · 3a795ea · 3a795ea
2 parents 16e0d36 + d2a3611
commit 3a795ea
Show file tree

Hide file tree

Showing 12 changed files with 5,857 additions and 5,705 deletions.
diff --git a/__mocks__/styleMock.ts b/__mocks__/styleMock.ts
@@ -0,0 +1 @@
+module.exports = {};
diff --git a/packages/core/babel.config.js → babel.config.js b/packages/core/babel.config.js → babel.config.js
diff --git a/jest.config.js b/jest.config.js
@@ -1,9 +1,19 @@
-module.exports = {
+const { pathsToModuleNameMapper } = require('ts-jest');
+const { compilerOptions } = require('./tsconfig');
+
+/** @type {import("ts-jest/dist/types").InitialOptionsTsJest} */
+const config = {
   preset: 'ts-jest',
-  // testEnvironment: 'node',
-  // testMatch: ['__tests__/*.[jt]s'],
-  // collectCoverageFrom: ['tests/**/*.{ts,tsx,js,jsx}'],
-  transform: { '.(ts|tsx)$': 'ts-jest/dist' },
-  // transformIgnorePatterns: ['[/\\\\]node_modules[/\\\\].+\\.(js|jsx)$'],
-  // setupFilesAfterEnv: ['@testing-library/jest-dom/extend-expect'],
+  verbose: true,
+  testEnvironment: 'jsdom',
+  moduleFileExtensions: ['ts', 'tsx', 'js', 'jsx'],
+  setupFilesAfterEnv: ['@testing-library/jest-dom/extend-expect', './jest.setup.ts'],
+  moduleNameMapper: {
+    ...pathsToModuleNameMapper(compilerOptions.paths, { prefix: '<rootDir>/' }),
+    '^lodash-es$': 'lodash',
+  },
+  coverageDirectory: 'coverage',
+  testMatch: ['<rootDir>/packages/core/**/?(*.)+(spec|test).[jt]s?(x)'],
 };
+
+module.exports = config;
diff --git a/jest.setup.ts b/jest.setup.ts
diff --git a/package.json b/package.json
@@ -9,18 +9,19 @@
     "build:core": "yarn workspace @rexd/core build",
     "build:story": "yarn workspace story build",
     "build:doc": "yarn workspace doc build",
-    "test": "yarn workspace @rexd/core test",
+    "test": "jest",
     "test:watch": "yarn workspace @rexd/core test:watch",
     "postinstall": "is-ci || husky install",
     "version": "lerna version --conventional-commits",
-    "clean": "lerna clean && rr node_modules && yarn clean"
+    "clean": "lerna clean && rm -rf node_modules",
+    "update": "yarn run clean && yarn"
   },
   "workspaces": [
     "packages/*"
   ],
   "resolutions": {
-    "@types/react": "16.9.56",
-    "terser": "4.8.0"
+    "@types/react": "17.0.43",
+    "terser": "5.12.1"
   },
   "lint-staged": {
     "*.{js,jsx,ts,tsx}": [
@@ -29,9 +30,21 @@
     ]
   },
   "devDependencies": {
+    "@babel/core": "^7.17.9",
+    "@babel/plugin-proposal-class-properties": "^7.16.7",
+    "@babel/preset-env": "^7.16.11",
+    "@babel/preset-react": "^7.16.7",
+    "@babel/preset-typescript": "^7.16.7",
     "@commitlint/cli": "^12.1.1",
     "@commitlint/config-conventional": "^12.1.1",
-    "@types/jest": "^26.0.13",
+    "@testing-library/jest-dom": "^5.16.4",
+    "@testing-library/react": "^12.1.5",
+    "@testing-library/react-hooks": "^8.0.0",
+    "@testing-library/user-event": "^14.1.0",
+    "@types/jest": "^27.4.1",
+    "@types/react": "^17.0.43",
+    "@types/react-dom": "^17.0.15",
+    "@types/react-is": "^17.0.3",
     "@typescript-eslint/eslint-plugin": "^4.14.2",
     "@typescript-eslint/parser": "^4.14.2",
     "copyfiles": "^2.4.1",
@@ -46,15 +59,16 @@
     "eslint-plugin-testing-library": "^3.10.1",
     "husky": "^6.0.0",
     "is-ci": "^3.0.0",
-    "jest": "^26.4.2",
+    "jest": "^27.5.1",
+    "jest-styled-components": "^7.0.8",
     "lerna": "^4.0.0",
     "lint-staged": "^10.5.3",
     "prettier": "^2.1.1",
     "react": "^16.14.0",
     "react-dom": "^16.14.0",
     "rimraf": "^3.0.2",
-    "ts-jest": "^26.3.0",
-    "typescript": "~4.2",
+    "ts-jest": "^27.1.4",
+    "typescript": "^4.6.3",
     "yarn": "^1.22.10"
   },
   "dependencies": {}

diff --git a/packages/core/jest.config.js b/packages/core/jest.config.js
diff --git a/packages/core/package.json b/packages/core/package.json
@@ -55,21 +55,5 @@
     "react-is": "^16.8.6 || ^17.0.1",
     "styled-components": "^4.4.1 || ^5.2.1"
   },
-  "devDependencies": {
-    "@babel/plugin-proposal-class-properties": "^7.13.0",
-    "@testing-library/jest-dom": "^5.11.10",
-    "@testing-library/react": "^11.2.6",
-    "@testing-library/user-event": "^13.1.3",
-    "@types/react": "^16.9.56",
-    "@types/react-dom": "^16.9.9",
-    "@types/react-is": "16.7.1",
-    "babel-jest": "^26.6.3",
-    "jest-styled-components": "^7.0.3",
-    "react": "^16.14.0",
-    "react-dom": "^16.14.0",
-    "react-is": "^16.13.1",
-    "rimraf": "^3.0.2",
-    "styled-components": "^5.2.0",
-    "ts-jest": "^26.5.5"
-  }
+  "devDependencies": {}
 }
diff --git a/packages/core/src/components/button/tests/button.test.tsx b/packages/core/src/components/button/tests/button.test.tsx
@@ -1,7 +1,6 @@
 import React from 'react';
 import { render, screen } from '@testing-library/react';
 import userEvent from '@testing-library/user-event';
-import '@testing-library/jest-dom/extend-expect';
 import 'jest-styled-components';
 import { Button } from '../';
 

diff --git a/packages/core/src/components/overlays/overlay-utils/OverlayGlobalStyles.tsx b/packages/core/src/components/overlays/overlay-utils/OverlayGlobalStyles.tsx
@@ -281,7 +281,7 @@ export const OverlayGlobalStyles = createGlobalStyle<{ colorMode: ColorMode }>`
   }
 
   .rex-fullscreen-popup-panel {
-    min-width: 30%;
+    min-width: 70%;
     max-width: 90%;
   }
 

diff --git a/.../utils/tests/design-token-helpers.test.js → ...ls/__tests__/design-token-helpers.test.ts b/.../utils/tests/design-token-helpers.test.js → ...ls/__tests__/design-token-helpers.test.ts
@@ -1,14 +1,16 @@
+// @ts-nocheck
+
 import {
-  rgba,
-  colors,
   borders,
-  shadows,
-  sizes,
-  radii,
-  space,
+  colors,
   fontSizes,
   getToken,
   getTokenValue,
+  radii,
+  rgba,
+  shadows,
+  sizes,
+  space,
 } from '../design-token-helpers';
 
 test('rgba', () => {

diff --git a/tsconfig.json b/tsconfig.json
@@ -18,5 +18,6 @@
       "@rexd/core": ["packages/core/src/index.ts"],
       "@rexd/icon": ["packages/icon/src/index.ts"]
     }
-  }
+  },
+  "exclude": ["node_modules"]
 }