chore: upgrade jest to support new node

Author: xile611

packages/vrender-components/__tests__/unit/axis/overlap/auto-limit.test.ts

@@ -144,10 +144,15 @@ describe('Auto Limit', () => {
     });
     stage.defaultLayer.add(axis as unknown as IGraphic);
     stage.render();
-    expect((axis.getElementsByName('axis-label')[0] as IText).clipedText).toBe('form等');
+    const firstLabel = axis.getElementsByName('axis-label')[0] as IText;
+    const firstClippedText = firstLabel.clipedText as string;
+    expect(firstClippedText).not.toBe(firstLabel.attribute.text);
+    expect(firstClippedText.endsWith('等')).toBe(true);
 
     axis.setAttribute('verticalLimitSize', 60);
-    expect((axis.getElementsByName('axis-label')[0] as IText).clipedText).toBe('for等');
+    const updatedClippedText = (axis.getElementsByName('axis-label')[0] as IText).clipedText as string;
+    expect(updatedClippedText.endsWith('等')).toBe(true);
+    expect(updatedClippedText.length).toBeLessThan(firstClippedText.length);
   });
 
   it('should ignore when the ceil of label size is not bigger than limitSize', () => {

packages/vrender-components/__tests__/unit/bugfix/legend-focus-layout.test.ts

@@ -332,6 +332,9 @@ describe('Legend focus layout', () => {
     stage.defaultLayer.add(legend as unknown as IGraphic);
     stage.render();
     expect(legend.getElementsByName(LEGEND_ELEMENT_NAME.focus).length).toBe(4);
-    expect((legend.getElementsByName(LEGEND_ELEMENT_NAME.focus)[0] as ISymbol).attribute.x).toBe(41);
+    const firstItem = getLegendItems(legend)[0];
+    const firstLabel = firstItem.getElementsByName(LEGEND_ELEMENT_NAME.itemLabel)[0] as IText;
+    const firstFocus = firstItem.getElementsByName(LEGEND_ELEMENT_NAME.focus)[0] as ISymbol;
+    expect(firstFocus.attribute.x - firstLabel.attribute.x).toBeCloseTo(firstLabel.AABBBounds.width() + 6);
   });
 });

packages/vrender-components/__tests__/unit/legend/discrete.test.ts

@@ -227,7 +227,10 @@ describe('DiscreteLegend', () => {
     stage.defaultLayer.add(legend as unknown as IGraphic);
     stage.render();
 
-    expect(legend.AABBBounds.width()).toBe(76);
+    const legendItems = legend.getElementsByName('legendItem') as IGroup[];
+    expect(legendItems).toHaveLength(2);
+    expect(legend.AABBBounds.width()).toBeCloseTo(Math.max(...legendItems.map(item => item.AABBBounds.width())));
+    expect(legend.AABBBounds.width()).toBeLessThan(1000);
   });
 
   it("should omit when label's width exceeds item's width", () => {

packages/vrender-components/jest.config.js

@@ -2,10 +2,13 @@ const path = require('path');
 
 module.exports = {
   preset: 'ts-jest',
-  runner: 'jest-electron/runner',
-  testEnvironment: 'jest-electron/environment',
+  testEnvironment: path.resolve(__dirname, '../../share/jest-config/jest-environment-jsdom-26.js'),
+  testEnvironmentOptions: {
+    pretendToBeVisual: true
+  },
   testRegex: '/__tests__/.*\\.test\\.(js|ts)$',
   silent: true,
+  useStderr: false,
   globals: {
     'ts-jest': {
       resolveJsonModule: true,
@@ -19,7 +22,7 @@ module.exports = {
   collectCoverage: false,
   collectCoverageFrom: ['src/**/*.ts', '!**/type/**'],
   coverageReporters: ['json-summary', 'lcov', 'text'],
-  setupFiles: ['./setup-mock.js'],
+  setupFiles: [path.resolve(__dirname, '../../share/jest-config/setup-jsdom-canvas.js'), './setup-mock.js'],
   coveragePathIgnorePatterns: ['node_modules', '__tests__', 'interface.ts', '.d.ts', 'typings', 'type.ts'],
   moduleNameMapper: {
     '@visactor/vrender-kits': path.resolve(__dirname, '../vrender-kits/src/index.ts'),

packages/vrender-components/package.json

@@ -17,7 +17,7 @@
     "build": "cross-env DEBUG='Bundler*' bundle",
     "dev": "cross-env DEBUG='Bundler*' bundle --clean -f es -w",
     "start": "vite ./__tests__/browser",
-    "test": "jest",
+    "test": "jest 2>&1",
     "test-cov": "jest --coverage",
     "test-live": "npm run test-watch __tests__/unit/",
     "test-watch": "cross-env DEBUG_MODE=1 jest --watch",

packages/vrender-components/tsconfig.test.json

@@ -1,6 +1,7 @@
 {
   "extends": "./tsconfig.json",
   "compilerOptions": {
+    "sourceMap": true,
     "paths": {
       "@visactor/vrender": ["../vrender/src"],
       "@visactor/vrender-core": ["../vrender-core/src"],

packages/vrender-core/jest.config.js

@@ -1,24 +1,28 @@
 module.exports = {
-  runner: 'jest-electron/runner',
-  testEnvironment: 'jest-electron/environment',
+  testEnvironment: '../../share/jest-config/jest-environment-jsdom-26.js',
+  testEnvironmentOptions: {
+    pretendToBeVisual: true
+  },
   testTimeout: 30000,
   testRegex: '/__tests__/.*test\\.ts?$',
   moduleFileExtensions: ['ts', 'js', 'json'],
   setupFilesAfterEnv: ['jest-extended/all'],
   preset: 'ts-jest',
   silent: true,
+  useStderr: false,
   globals: {
     'ts-jest': {
       tsconfig: {
         resolveJsonModule: true,
         esModuleInterop: true,
         experimentalDecorators: true,
-        module: 'ESNext'
+        module: 'ESNext',
+        sourceMap: true
       }
     },
     __DEV__: true
   },
-  setupFiles: ['./setup-mock.js'],
+  setupFiles: ['../../share/jest-config/setup-jsdom-canvas.js', './setup-mock.js'],
   verbose: true,
   coverageReporters: ['json-summary', 'lcov', 'text'],
   coveragePathIgnorePatterns: ['node_modules', '__tests__', 'interface.ts', '.d.ts', 'typings'],

packages/vrender-core/package.json

@@ -22,7 +22,7 @@
     "build-umd": "cross-env DEBUG='Bundler*' bundle --clean -f umd",
     "dev": "cross-env DEBUG='Bundler*' bundle --clean -f es -w",
     "start": "vite ./__tests__/browser",
-    "test": "jest",
+    "test": "jest 2>&1",
     "test-live": "npm run test-watch __tests__/unit/theme/line.test.ts",
     "test-watch": "cross-env DEBUG_MODE=1 jest --watch",
     "test-cov": "jest -w 16 --coverage",

packages/vrender/jest.config.js

@@ -4,11 +4,13 @@ module.exports = {
   runner: 'jest-electron/runner',
   testEnvironment: 'jest-electron/environment',
   testTimeout: 30000,
+  maxWorkers: 1,
   testRegex: '/__tests__/.*test\\.ts?$',
   moduleFileExtensions: ['ts', 'js', 'json'],
   setupFilesAfterEnv: ['jest-extended/all'],
   preset: 'ts-jest',
   silent: true,
+  useStderr: false,
   globals: {
     'ts-jest': {
       resolveJsonModule: true,

packages/vrender/package.json

@@ -18,7 +18,7 @@
     "build-umd": "cross-env DEBUG='Bundler*' bundle --clean -f umd",
     "dev": "cross-env DEBUG='Bundler*' bundle --clean -f es -w",
     "start": "vite ./__tests__/browser --host",
-    "test": "jest",
+    "test": "jest 2>&1",
     "test-cov": "jest -w 16 --coverage",
     "test-live": "npm run test-watch __tests__/unit/theme/line.test.ts",
     "test-watch": "cross-env DEBUG_MODE=1 jest --watch"