improve(ts-lib-tools): 升级 @babel/core 到 7.17.10 版本

Author: liujinxing

CHANGELOG.md

@@ -8,6 +8,7 @@
 - improve(ts-lib-scripts): 启用 eslint 的缓存
 - improve(ts-lib-scripts): 升级 husky 和 lint-staged
 - fix(ts-lib-tools): 修复在 monorepo 模式下打包之后再执行单元测试，有可能报 `package.json` 和 `dist/package.json` 名称相同的冲突
+- improve(ts-lib-tools): 升级 @babel/core 到 7.17.10 版本
 
 ## v0.14.3 - 2021.8.19
 

e2e/jest-css-transform-demo/package.json

@@ -9,6 +9,11 @@
     "react-dom": "17.0.2",
     "ts-lib-tools": "^0.14.3"
   },
+  "devDependencies": {
+    "@testing-library/jest-dom": "^5.16.4",
+    "@testing-library/react": "^12.0.0",
+    "react-dom": "^17.0.0"
+  },
   "scripts": {
     "test": "ts-lib-tools test"
   },

e2e/jest-css-transform-demo/src/Button.spec.tsx

@@ -1,3 +1,16 @@
+/**
+ * @jest-environment jsdom
+ */
+import '@testing-library/jest-dom/extend-expect';
+
+import { render } from '@testing-library/react';
+
 import Button from './Button';
 
 it('验证button组件存在', () => expect(Button).toBeDefined());
+
+it('按钮标题', () => {
+  const { getByTestId } = render(<Button data-testid="button">标题</Button>);
+
+  expect(getByTestId('button')).toHaveTextContent('标题');
+});

e2e/jest-css-transform-demo/src/Button.tsx

@@ -1,9 +1,25 @@
-import React from 'react';
 import './Button.css';
 
 /**
- * 用于测试的按钮组件
+ * 按钮组件属性
  */
-export default function Button() {
-  return <div className="button">按钮</div>;
+interface ButtonProps {
+  /**
+   * 按钮中包含的元素
+   */
+  children?: React.ReactNode;
 }
+
+/**
+ * 用于测试的按钮组件
+ *
+ * @param props 属性
+ * @param props.children 子元素
+ */
+const Button: React.FC<ButtonProps> = ({ children, ...rest }) => (
+  <div className="button" {...rest}>
+    {children}
+  </div>
+);
+
+export default Button;

e2e/jest-resolver-tsconfig-paths/package.json

@@ -4,6 +4,6 @@
     "resolver": "jest-resolver-tsconfig-paths"
   },
   "dependencies": {
-    "jest": "^27.2.0"
+    "jest": "^28.1.0"
   }
 }

e2e/jest-resolver-tsconfig-paths/yarn.lock

@@ -16,22 +16,22 @@
     "test": "node ../ts-lib-tools/dist/index.js test"
   },
   "dependencies": {
-    "@babel/core": "^7.15.0",
-    "@babel/plugin-proposal-class-properties": "^7.14.5",
-    "@babel/plugin-proposal-decorators": "^7.14.5",
-    "@babel/plugin-proposal-nullish-coalescing-operator": "^7.14.5",
-    "@babel/plugin-proposal-numeric-separator": "^7.14.5",
-    "@babel/plugin-proposal-object-rest-spread": "^7.14.7",
-    "@babel/plugin-proposal-optional-chaining": "^7.14.5",
-    "@babel/plugin-proposal-private-methods": "^7.14.5",
-    "@babel/plugin-proposal-private-property-in-object": "^7.14.5",
+    "@babel/core": "^7.17.10",
+    "@babel/plugin-proposal-class-properties": "^7.16.7",
+    "@babel/plugin-proposal-decorators": "^7.17.9",
+    "@babel/plugin-proposal-nullish-coalescing-operator": "^7.16.7",
+    "@babel/plugin-proposal-numeric-separator": "^7.16.7",
+    "@babel/plugin-proposal-object-rest-spread": "^7.17.3",
+    "@babel/plugin-proposal-optional-chaining": "^7.16.7",
+    "@babel/plugin-proposal-private-methods": "^7.16.11",
+    "@babel/plugin-proposal-private-property-in-object": "^7.16.7",
     "@babel/plugin-syntax-dynamic-import": "^7.8.3",
-    "@babel/plugin-transform-runtime": "^7.15.0",
+    "@babel/plugin-transform-runtime": "^7.17.10",
     "@babel/polyfill": "^7.12.1",
-    "@babel/preset-env": "^7.15.0",
-    "@babel/preset-react": "^7.14.5",
-    "@babel/preset-typescript": "^7.15.0",
-    "@babel/runtime": "^7.14.8",
+    "@babel/preset-env": "^7.17.10",
+    "@babel/preset-react": "^7.16.7",
+    "@babel/preset-typescript": "^7.16.7",
+    "@babel/runtime": "^7.17.9",
     "@types/babel__core": "^7.1.15",
     "babel-plugin-annotate-pure-calls": "^0.4.0",
     "babel-plugin-dev-expression": "^0.2.2",

packages/babel-preset-ts-lib/package.json

@@ -89,6 +89,7 @@ module.exports = {
         'jsdoc/require-property-type': 'off',
         'jsdoc/require-returns': 'off',
         '@typescript-eslint/no-explicit-any': 'off',
+        'react/prop-types': 'off',
         'jsdoc/require-jsdoc': [
           'error',
           {
@@ -104,6 +105,12 @@ module.exports = {
             },
           },
         ],
+        'jsdoc/check-tag-names': [
+          'warn',
+          {
+            definedTags: ['jest-environment'],
+          },
+        ],
         ...varRules,
       },
       settings: {
@@ -131,6 +138,8 @@ module.exports = {
         '*/tests/*.js',
         '*/tests/*.ts',
         '*/tests/*.tsx',
+        '*.stories.tsx',
+        '*/stories/*',
       ],
       env: {
         jest: true,

packages/eslint-config-ts-lib/index.js

@@ -54,8 +54,8 @@ export default function getEslintRecommendedRules(): Observable<EsLintRule> {
 
   return enRules$.pipe(
     combineLatestWith(zhRules$),
-    mergeMap(([enRules, zhRules]) => {
-      return enRules.map((rule) => {
+    mergeMap(([enRules, zhRules]) =>
+      enRules.map((rule) => {
         const zhRule = zhRules.find((item) => item.name === rule.name);
         if (zhRule) {
           return {
@@ -67,7 +67,7 @@ export default function getEslintRecommendedRules(): Observable<EsLintRule> {
           };
         }
         return rule;
-      });
-    }),
+      }),
+    ),
   );
 }

packages/eslint-config-ts-lib/scripts/getEslintRecommendedRules.ts

@@ -20,6 +20,6 @@
     "tsconfig-paths": "^3.9.0"
   },
   "devDependencies": {
-    "@types/jest": "^27.0.1"
+    "@types/jest": "^27.5.0"
   }
 }