test: support react strict test (alibaba#1986)

* chore: add cross-env and script `test:strict`

* chore: add test ci

* test: add strict test util

* test(useUnmountedRef): adjust test with util

* style: remove console

Author: miracles1919

.github/workflows/node-ci.yml

@@ -23,9 +23,8 @@ jobs:
         with:
           node-version: ${{ matrix.node-version }}
 
-      - name: pnpm run intall, build, and test
+      - name: pnpm run intall, build
         run: |
           pnpm run init
-          pnpm run test
         env:
           CI: true

.github/workflows/test.yml

@@ -0,0 +1,51 @@
+name: Test CI
+
+on: [push, pull_request]
+
+jobs:
+  test:
+    runs-on: ubuntu-latest
+
+    strategy:
+      matrix:
+        mode: ['normal', 'strict']
+
+    steps:
+      - uses: actions/checkout@v3
+
+      - name: Install pnpm
+        uses: pnpm/[email protected]
+        with:
+          version: 7
+
+      - name: Get pnpm store directory
+        id: pnpm-cache
+        run: |
+          echo "::set-output name=pnpm_cache_dir::$(pnpm store path)"
+
+      - name: Setup pnpm cache
+        uses: actions/cache@v3
+        with:
+          path: ${{ steps.pnpm-cache.outputs.pnpm_cache_dir }}
+          key: ${{ runner.os }}-pnpm-store-${{ hashFiles('**/pnpm-lock.yaml') }}
+          restore-keys: |
+            ${{ runner.os }}-pnpm-store-
+
+      - name: Use Node.js ${{ matrix.node-version }}
+        uses: actions/setup-node@v3
+        with:
+          node-version: ${{ matrix.node-version }}
+
+      - name: pnpm run intall, build
+        run: |
+          pnpm run init
+
+      - name: test with react normal mode
+        if: ${{ matrix.mode == 'normal' }}
+        run: |
+          pnpm run test
+
+      - name: test with react strict mode
+        if: ${{ matrix.mode == 'strict' }}
+        run: |
+          pnpm run test:strict

package.json

@@ -23,7 +23,8 @@
     "pub": "pnpm run build && pnpm -r --filter=./packages/* publish",
     "pub:beta": "pnpm run build && pnpm -r --filter=./packages/* publish --tag beta",
     "preinstall": "npx only-allow pnpm",
-    "prepare": "husky install"
+    "prepare": "husky install",
+    "test:strict": "cross-env REACT_MODE=strict jest"
   },
   "devDependencies": {
     "@ant-design/icons": "^4.6.2",
@@ -46,6 +47,7 @@
     "babel-plugin-import": "^1.12.0",
     "babel-plugin-transform-async-to-promises": "^0.8.15",
     "coveralls": "^3.1.1",
+    "cross-env": "^7.0.3",
     "del": "^5.1.0",
     "dumi": "^1.1.48",
     "enzyme": "^3.10.0",

packages/hooks/src/useUnmountedRef/__tests__/index.test.ts

@@ -1,4 +1,4 @@
-import { renderHook } from '@testing-library/react';
+import { renderHook } from '../../utils/tests';
 import useUnmountedRef from '../index';
 
 describe('useUnmountedRef', () => {

packages/hooks/src/useUnmountedRef/index.ts renamed to packages/hooks/src/useUnmountedRef/index.tsx

@@ -0,0 +1,11 @@
+import { StrictMode } from 'react';
+import { renderHook } from '@testing-library/react';
+
+export * from '@testing-library/react';
+
+const Wrapper = process.env.REACT_MODE === 'strict' ? StrictMode : undefined;
+
+const customRender: typeof renderHook = (ui, options) =>
+  renderHook(ui, { wrapper: Wrapper, ...options });
+
+export { customRender as renderHook };