chore: resolve CI relative problems (#3287)

* fix: sync relative CI

* fix: sync relative CI

* fix: test env

* fix: test env

Author: Miles-hxy

.github/workflows/sync-h5.yml

@@ -38,6 +38,6 @@ jobs:
           branch: new-site # action 应该部署到的分支 。
           folder: site_docs #操作应该部署的文件夹 。
           clean: false
-          repository-name: jd-opensource/nutui-docs
+          repository-name: jdf2e/nutui-docs
           token: ${{ secrets.GIT_ACTION }}
           target-folder: src/docs_vue

.github/workflows/sync-taro.yml

@@ -38,6 +38,6 @@ jobs:
           branch: new-site # action 应该部署到的分支 。
           folder: site_docs #操作应该部署的文件夹 。
           clean: false
-          repository-name: jd-opensource/nutui-docs
+          repository-name: jdf2e/nutui-docs
           token: ${{ secrets.GIT_ACTION }}
           target-folder: src/docs_vue_taro

src/packages/__VUE/avatarcropper/__tests__/avatarcropper.spec.ts

@@ -1,4 +1,3 @@
-import 'vitest-canvas-mock'
 import { mount } from '@vue/test-utils'
 import { AvatarCropper } from '@nutui/nutui'
 import { sleep, trigger, triggerDrag } from '@/packages/utils/unit'

src/packages/__VUE/signature/__tests__/__snapshots__/signature.spec.tsx.snap

@@ -1,3 +1,3 @@
 // Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
 
-exports[`props custom-class 1`] = `"data:image/png;base64,00"`;
+exports[`props custom-class 1`] = `"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAADUlEQVR42mNkYPhfDwAChwGA60e6kgAAAABJRU5ErkJggg=="`;

src/packages/__VUE/signature/__tests__/signature.spec.tsx

@@ -1,6 +1,5 @@
 import { mount } from '@vue/test-utils'
 import { Signature } from '@nutui/nutui'
-import 'vitest-canvas-mock'
 
 test('props custom-class', async () => {
   const wrapper = mount(() => {

src/packages/__VUE/watermark/__tests__/watermark.spec.tsx

@@ -1,7 +1,6 @@
 import { mount } from '@vue/test-utils'
 import { Watermark } from '@nutui/nutui'
 import { nextTick } from 'vue'
-import 'vitest-canvas-mock'
 
 test('WaterMark: fullPage = true', async () => {
   const wrapper = mount(() => {

test-setup.ts

@@ -0,0 +1,111 @@
+// Mock Canvas API for Vitest
+import { vi } from 'vitest'
+
+// Mock HTMLCanvasElement.getContext
+Object.defineProperty(HTMLCanvasElement.prototype, 'getContext', {
+  value: vi.fn(() => ({
+    fillRect: vi.fn(),
+    clearRect: vi.fn(),
+    getImageData: vi.fn(() => ({
+      data: new Array(4)
+    })),
+    putImageData: vi.fn(),
+    createImageData: vi.fn(() => []),
+    setTransform: vi.fn(),
+    drawImage: vi.fn(),
+    save: vi.fn(),
+    fillText: vi.fn(),
+    restore: vi.fn(),
+    beginPath: vi.fn(),
+    moveTo: vi.fn(),
+    lineTo: vi.fn(),
+    closePath: vi.fn(),
+    stroke: vi.fn(),
+    translate: vi.fn(),
+    scale: vi.fn(),
+    rotate: vi.fn(),
+    arc: vi.fn(),
+    fill: vi.fn(),
+    measureText: vi.fn(() => ({ width: 0 })),
+    transform: vi.fn(),
+    rect: vi.fn(),
+    clip: vi.fn()
+  })),
+  writable: true,
+  configurable: true
+})
+
+// Mock HTMLCanvasElement.toDataURL
+Object.defineProperty(HTMLCanvasElement.prototype, 'toDataURL', {
+  value: vi.fn(() => 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAADUlEQVR42mNkYPhfDwAChwGA60e6kgAAAABJRU5ErkJggg=='),
+  writable: true,
+  configurable: true
+})
+
+// Mock HTMLCanvasElement.toBlob
+Object.defineProperty(HTMLCanvasElement.prototype, 'toBlob', {
+  value: vi.fn((callback) => {
+    const blob = new Blob([''], { type: 'image/png' })
+    callback(blob)
+  }),
+  writable: true,
+  configurable: true
+})
+
+// Mock window.devicePixelRatio
+Object.defineProperty(window, 'devicePixelRatio', {
+  value: 1,
+  writable: true,
+  configurable: true
+})
+
+// Mock Image constructor
+global.Image = class MockImage {
+  onload: (() => void) | null = null
+  onerror: (() => void) | null = null
+  src = ''
+  crossOrigin = ''
+  referrerPolicy = ''
+  width = 0
+  height = 0
+
+  constructor() {
+    setTimeout(() => {
+      if (this.onload) {
+        this.onload()
+      }
+    }, 0)
+  }
+} as any
+
+// Mock createImageBitmap
+global.createImageBitmap = vi.fn(() => Promise.resolve({
+  width: 100,
+  height: 100,
+  close: vi.fn()
+}))
+
+// Mock OffscreenCanvas
+global.OffscreenCanvas = class MockOffscreenCanvas {
+  width: number
+  height: number
+
+  constructor(width: number, height: number) {
+    this.width = width
+    this.height = height
+  }
+
+  getContext() {
+    return {
+      fillRect: vi.fn(),
+      clearRect: vi.fn(),
+      drawImage: vi.fn(),
+      getImageData: vi.fn(() => ({ data: new Array(4) })),
+      putImageData: vi.fn()
+    }
+  }
+
+  convertToBlob() {
+    return Promise.resolve(new Blob([''], { type: 'image/png' }))
+  }
+} as any

vite.config.ts

@@ -71,6 +71,7 @@ export default defineConfig((env: ConfigEnv) => ({
       provider: 'v8'
     },
     include: ['src/packages/__VUE/**/*.(test|spec).(ts|tsx)'],
-    reporters: ['default', 'html']
+    reporters: ['default', 'html'],
+    setupFiles: ['./test-setup.ts']
   }
 }) as UserConfig)