feat: support mock image loaded with size

Author: GuoQichen

jest.config.js

@@ -6,6 +6,7 @@ module.exports = {
         '^.+\\.tsx?$': 'ts-jest',
     },
     transformIgnorePatterns: ['/node_modules/'],
+    coveragePathIgnorePatterns: ['/tests/unit/'],
     moduleNameMapper: {
         '^@/(.*)$': '<rootDir>/src/$1',
     },

tests/unit/util.ts

@@ -79,14 +79,21 @@ export namespace mockImageOnload {
     const originalImgProtoDesc = Object.getOwnPropertyDescriptor(
         window.Image.prototype,
         'src'
-    ) as PropertyDecorator
+    ) as PropertyDescriptor
 
     const mockImgProtoDesc = {
         set(this: HTMLImageElement, value: string) {
+            if (originalImgProtoDesc.set) {
+                originalImgProtoDesc.set.call(this, value)
+            }
             loadedImgs.add(value)
             this.dispatchEvent(new CustomEvent('load'))
+            const [, width = 0, height = 0] =
+                value.match(/https:\/\/placeimg.com\/(\d+)\/(\d+)\/any/) || []
+            this.width = +width
+            this.height = +height
         },
-    }
+    } as PropertyDescriptor
 
     const setImgProtoSrc = (enableMock: boolean) => {
         const desc = enableMock ? mockImgProtoDesc : originalImgProtoDesc