调整单元测试

packages/app/jest.config.json

@@ -13,7 +13,8 @@
     "<rootDir>/src/setupTests.ts"
   ],
   "testMatch": [
-    "<rootDir>/__tests__/**/*.{js,jsx,ts,tsx}"
+    "<rootDir>/src/**/__tests__/**/*.{js,jsx,ts,tsx}",
+    "<rootDir>/src/**/*.{spec,test}.{js,jsx,ts,tsx}"
   ],
   "testEnvironment": "jsdom",
   "transform": {

packages/app/package.json

@@ -38,6 +38,7 @@
     "@types/lodash-es": "^4.17.6",
     "@types/react": "^18.0.27",
     "@types/react-dom": "^18.0.10",
-    "@types/react-modal": "^3.13.1"
+    "@types/react-modal": "^3.13.1",
+    "jest-canvas-mock": "^2.4.0"
   }
 }

packages/app/__tests__/hooks/useContextSection.ts

@@ -1,4 +1,4 @@
-import {useContextSection, useContext} from '@hooks';
+import {useContextSection, useContext} from '.';
 import {createContext} from 'use-context-selector';
 import {act, renderHook} from '@testing-library/react';
 import {useState} from 'react';

packages/app/__tests__/hooks/usePageContext.ts

@@ -1,4 +1,4 @@
-import {usePage, createPageContext} from '@hooks';
+import {usePage, createPageContext} from '.';
 import {renderHook} from '@testing-library/react';
 import {PAGE_SIZE_LIST} from '@utils';
 
@@ -18,7 +18,7 @@ describe('usePageContext', function() {
       return usePage(context);
     });
 
-    expect(result.current[0]).toEqual({page: 1, pageSize: Number(PAGE_SIZE_LIST[1])});
+    expect(result.current[0]).toEqual({page: 1, pageSize: Number(PAGE_SIZE_LIST[0])});
     expect(result.current[1]).toBeInstanceOf(Function);
   });
 });

packages/app/src/hooks/usePageContext.ts

@@ -1,7 +1,7 @@
 import {PAGE_SIZE_LIST} from '@utils';
 import {Dispatch, useCallback, useReducer} from 'react';
 import {createContext} from 'use-context-selector';
-import {useContext} from './useContextSection';
+import {useContext} from '..';
 
 export type PageContextState = {
   page: number,

packages/app/src/pages/home/menu/index.tsx

@@ -12,6 +12,7 @@ const Menu: FC<Props> = function({menus}) {
 
   return (
     <AntdMenu
+      data-testid='123'
       mode='inline'
       items={menus}
       onOpenChange={onOpenChange}

packages/app/src/setupTests.ts

@@ -1 +1,2 @@
 import '@testing-library/jest-dom';
+import 'jest-canvas-mock';

packages/app/__tests__/utils/sortMenu.ts

@@ -1,4 +1,4 @@
-import {sortMenu} from '@utils';
+import {sortMenu} from '.';
 
 describe('sortMenu', function() {
   it('sortMenu 被定义', function() {

pnpm-lock.yaml

@@ -57,6 +57,7 @@ importers:
       classnames: ^2.3.2
       fast-deep-equal: ^3.1.3
       immer: ^9.0.19
+      jest-canvas-mock: ^2.4.0
       lodash-es: ^4.17.21
       lottie-react: ^2.3.1
       react: ^18.2.0
@@ -98,6 +99,7 @@ importers:
       '@types/react': 18.0.27
       '@types/react-dom': 18.0.10
       '@types/react-modal': 3.13.1
+      jest-canvas-mock: 2.4.0
 
   packages/webpack:
     specifiers:
@@ -4288,6 +4290,10 @@ packages:
     hasBin: true
     dev: true
 
+  /cssfontparser/1.2.1:
+    resolution: {integrity: sha512-6tun4LoZnj7VN6YeegOVb67KBX/7JJsqvj+pv3ZA7F878/eN33AbGa5b/S/wXxS/tcp8nc40xRUrsPlxIyNUPg==}
+    dev: true
+
   /csso/4.2.0:
     resolution: {integrity: sha512-wvlcdIbf6pwKEk7vHj8/Bkc0B4ylXZruLvOgs9doS5eOsOpuodOV2zJChSpkp+pRpYQLQMeF04nr3Z68Sta9jA==}
     engines: {node: '>=8.0.0'}
@@ -6342,6 +6348,13 @@ packages:
       istanbul-lib-report: 3.0.0
     dev: true
 
+  /jest-canvas-mock/2.4.0:
+    resolution: {integrity: sha512-mmMpZzpmLzn5vepIaHk5HoH3Ka4WykbSoLuG/EKoJd0x0ID/t+INo1l8ByfcUJuDM+RIsL4QDg/gDnBbrj2/IQ==}
+    dependencies:
+      cssfontparser: 1.2.1
+      moo-color: 1.0.3
+    dev: true
+
   /jest-changed-files/29.2.0:
     resolution: {integrity: sha512-qPVmLLyBmvF5HJrY7krDisx6Voi8DmlV3GZYX0aFNbaQsZeoz1hfxcCMbqDGuQCxU1dJy9eYc2xscE8QrCCYaA==}
     engines: {node: ^14.15.0 || ^16.10.0 || >=18.0.0}
@@ -7224,6 +7237,12 @@ packages:
     resolution: {integrity: sha512-bzfL1YUZsP41gmu/qjrEk0Q6i2ix/cVeAhbCbqH9u3zYutS1cLg00qhrD0M2MVdCcx4Sc0UpP2eBWo9rotpq6g==}
     dev: true
 
+  /moo-color/1.0.3:
+    resolution: {integrity: sha512-i/+ZKXMDf6aqYtBhuOcej71YSlbjT3wCO/4H1j8rPvxDJEifdwgg5MaFyu6iYAT8GBZJg2z0dkgK4YMzvURALQ==}
+    dependencies:
+      color-name: 1.1.4
+    dev: true
+
   /mrmime/1.0.1:
     resolution: {integrity: sha512-hzzEagAgDyoU1Q6yg5uI+AorQgdvMCur3FcKf7NhMKWsaYg+RnbTyHRa/9IlLF9rf455MOCtcqqrQQ83pPP7Uw==}
     engines: {node: '>=10'}