Merge pull request #13232 from owncloud/renovate/major-vitest-monorepo

chore(deps): update vitest monorepo to v4 (major)

Author: LukasHirt

package.json

@@ -52,8 +52,8 @@
     "@types/semver": "7.7.1",
     "@types/uuid": "11.0.0",
     "@vitejs/plugin-vue": "6.0.1",
-    "@vitest/coverage-v8": "3.2.4",
-    "@vitest/web-worker": "3.2.4",
+    "@vitest/coverage-v8": "4.0.8",
+    "@vitest/web-worker": "4.0.8",
     "@vue/compiler-dom": "3.5.24",
     "@vue/compiler-sfc": "3.5.24",
     "@vue/test-utils": "2.4.6",
@@ -87,7 +87,7 @@
     "vite-plugin-node-polyfills": "0.24.0",
     "vite-plugin-static-copy": "^3.1.4",
     "vite-plugin-treat-umd-as-commonjs": "0.1.4",
-    "vitest": "^3.2.4",
+    "vitest": "^4.0.8",
     "vitest-mock-extended": "3.1.0",
     "vue": "3.5.24",
     "vue-demi": "0.14.10",

packages/design-system/src/composables/useIsVisible/index.spec.ts

@@ -10,7 +10,9 @@ const mockIntersectionObserver = () => {
       unobserve: vi.fn()
     }
 
-    window.IntersectionObserver = vi.fn().mockImplementation(() => mock)
+    window.IntersectionObserver = vi.fn().mockImplementation(function () {
+      return mock
+    })
 
     return {
       mock,

packages/web-app-files/tests/unit/HandleUpload.spec.ts

@@ -269,7 +269,9 @@ const getWrapper = ({
   const resourceConflict = mock<UploadResourceConflict>()
   resourceConflict.getConflicts.mockReturnValue(conflicts)
   resourceConflict.displayOverwriteDialog.mockResolvedValue(conflictHandlerResult)
-  vi.mocked(UploadResourceConflict).mockImplementation(() => resourceConflict)
+  vi.mocked(UploadResourceConflict).mockImplementation(function () {
+    return resourceConflict
+  })
 
   const route = mock<RouteLocationNormalizedLoaded>()
   route.params.driveAliasAndItem = '1'

packages/web-app-files/tests/unit/components/Spaces/__snapshots__/SpaceHeader.spec.ts.snap

@@ -21,7 +21,7 @@ exports[`SpaceHeader > should add the "squashed"-class when the sidebar is opene
         </div>
       </div> <button type="button" aria-label="Open context menu and show members" class="oc-button oc-rounded oc-button-m oc-button-justify-content-center oc-button-gap-m oc-button-passive oc-button-passive-raw">
         <!--v-if-->
-        <!-- @slot Content of the button --> <span class="oc-icon oc-icon-s oc-icon-passive"><!----></span> <span class="space-header-people-count oc-text-small">17 members</span>
+        <!-- @slot Content of the button --> <span class="oc-icon oc-icon-s oc-icon-passive"><!----></span> <span class="space-header-people-count oc-text-small">19 members</span>
       </button>
     </div>
     <!--v-if-->
@@ -52,7 +52,7 @@ exports[`SpaceHeader > space description > should show the description 1`] = `
         </div>
       </div> <button type="button" aria-label="Open context menu and show members" class="oc-button oc-rounded oc-button-m oc-button-justify-content-center oc-button-gap-m oc-button-passive oc-button-passive-raw">
         <!--v-if-->
-        <!-- @slot Content of the button --> <span class="oc-icon oc-icon-s oc-icon-passive"><!----></span> <span class="space-header-people-count oc-text-small">17 members</span>
+        <!-- @slot Content of the button --> <span class="oc-icon oc-icon-s oc-icon-passive"><!----></span> <span class="space-header-people-count oc-text-small">19 members</span>
       </button>
     </div>
     <!--v-if-->
@@ -86,7 +86,7 @@ exports[`SpaceHeader > space image > should show the default image if no other i
         </div>
       </div> <button type="button" aria-label="Open context menu and show members" class="oc-button oc-rounded oc-button-m oc-button-justify-content-center oc-button-gap-m oc-button-passive oc-button-passive-raw">
         <!--v-if-->
-        <!-- @slot Content of the button --> <span class="oc-icon oc-icon-s oc-icon-passive"><!----></span> <span class="space-header-people-count oc-text-small">17 members</span>
+        <!-- @slot Content of the button --> <span class="oc-icon oc-icon-s oc-icon-passive"><!----></span> <span class="space-header-people-count oc-text-small">19 members</span>
       </button>
     </div>
     <!--v-if-->
@@ -115,7 +115,7 @@ exports[`SpaceHeader > space image > should show the set image 1`] = `
         </div>
       </div> <button type="button" aria-label="Open context menu and show members" class="oc-button oc-rounded oc-button-m oc-button-justify-content-center oc-button-gap-m oc-button-passive oc-button-passive-raw">
         <!--v-if-->
-        <!-- @slot Content of the button --> <span class="oc-icon oc-icon-s oc-icon-passive"><!----></span> <span class="space-header-people-count oc-text-small">17 members</span>
+        <!-- @slot Content of the button --> <span class="oc-icon oc-icon-s oc-icon-passive"><!----></span> <span class="space-header-people-count oc-text-small">19 members</span>
       </button>
     </div>
     <!--v-if-->

packages/web-pkg/package.json

@@ -85,7 +85,7 @@
   "devDependencies": {
     "@ownclouders/web-test-helpers": "workspace:^",
     "@types/lodash-es": "4.17.12",
-    "@vitest/web-worker": "3.2.4",
+    "@vitest/web-worker": "4.0.8",
     "clean-publish": "6.0.1",
     "vite": "7.2.2",
     "vite-plugin-dts": "4.5.4",

packages/web-pkg/tests/unit/components/CreateLinkModal.spec.ts

@@ -87,7 +87,9 @@ describe('CreateLinkModal', () => {
       expect(consoleMock).toHaveBeenCalledTimes(1)
     })
     it('calls clipboard after link creation', async () => {
-      global.ClipboardItem = vi.fn().mockImplementation((data) => ({ data })) as any
+      global.ClipboardItem = vi.fn().mockImplementation(function (data) {
+        return { data }
+      }) as any
       global.navigator = {
         ...global.navigator,
         clipboard: {

packages/web-pkg/tests/unit/composables/webWorkers/exportAsPdfWorker/useImages.spec.ts

@@ -59,7 +59,7 @@ describe('useImages', () => {
     })
 
     Object.defineProperty(global, 'Image', {
-      value: vi.fn(() => {
+      value: vi.fn(function () {
         const image = { ...mockImage }
 
         setTimeout(() => {
@@ -154,7 +154,7 @@ describe('useImages', () => {
 
     it('should replace failed image conversions with error message', async () => {
       Object.defineProperty(global, 'Image', {
-        value: vi.fn(() => {
+        value: vi.fn(function () {
           const image = { ...mockImage }
 
           setTimeout(() => {
@@ -205,7 +205,7 @@ describe('useImages', () => {
 
     it('should handle mixed scenarios with some successful and some failed conversions', async () => {
       Object.defineProperty(global, 'Image', {
-        value: vi.fn(() => {
+        value: vi.fn(function () {
           const image = { ...mockImage }
 
           setTimeout(() => {

packages/web-pkg/tests/unit/composables/webWorkers/exportAsPdfWorker/worker.spec.ts

@@ -32,9 +32,11 @@ const createdResourceMock = {
 }
 
 vi.mock('../../../../../src/composables/webWorkers/exportAsPdfWorker/renderer', () => ({
-  PDFRenderer: vi.fn().mockImplementation(() => ({
-    renderAsArrayBuffer: vi.fn().mockResolvedValue(new ArrayBuffer(1024))
-  }))
+  PDFRenderer: vi.fn().mockImplementation(function () {
+    return {
+      renderAsArrayBuffer: vi.fn().mockResolvedValue(new ArrayBuffer(1024))
+    }
+  })
 }))
 
 describe('export as PDF worker', () => {

packages/web-pkg/tests/unit/observer/visibility.spec.ts

@@ -10,7 +10,7 @@ const reset = () => {
     disconnect: vi.fn(),
     unobserve: vi.fn()
   } as unknown as IntersectionObserver
-  window.IntersectionObserver = vi.fn().mockImplementation((cb) => {
+  window.IntersectionObserver = vi.fn().mockImplementation(function (cb) {
     callback = cb
     return mockIntersectionObserver
   })