chore: upgrade vitest to v4 (#5869)

Author: DorianMaliszewski

.changeset/nice-sides-begin.md

@@ -0,0 +1,6 @@
+---
+"@ultraviolet/plus": patch
+"@ultraviolet/ui": patch
+---
+
+Dependency upgrade: Upgrade vitest to v4

.oxlintrc.json

@@ -51,6 +51,7 @@
       "plugins": ["import", "oxc", "vitest"],
       "rules": {
         "@typescript-eslint/consistent-type-imports": "off",
+        "eslint/func-names": "off",
         "import/export": "off",
         "import/no-anonymous-default-export": "off",
         "import/no-named-export": "off",

eslint.config.mjs

@@ -151,6 +151,7 @@ export default [
       ...disableRules,
       'no-console': 'off',
       'no-alert': 'off',
+      'prefer-arrow-callback': 'off',
       'react/jsx-props-no-spreading': 'off',
       'react/no-unstable-nested-components': 'off',
       'react/jsx-key': 'off',

package.json

@@ -134,8 +134,8 @@
     "@vanilla-extract/css": "1.17.4",
     "@vanilla-extract/vite-plugin": "5.1.1",
     "@vitejs/plugin-react": "5.1.1",
-    "@vitest/coverage-istanbul": "3.2.4",
-    "@vitest/ui": "3.2.4",
+    "@vitest/coverage-istanbul": "4.0.15",
+    "@vitest/ui": "4.0.15",
     "babel-loader": "10.0.0",
     "babel-plugin-annotate-pure-calls": "0.5.0",
     "babel-plugin-named-exports-order": "0.0.2",
@@ -178,8 +178,8 @@
     "turbo": "2.6.1",
     "typescript": "5.9.3",
     "vite": "7.2.6",
-    "vitest": "3.2.4",
-    "vitest-canvas-mock": "0.3.3",
+    "vitest": "4.0.15",
+    "vitest-canvas-mock": "1.1.3",
     "vitest-localstorage-mock": "0.1.2",
     "zxcvbn": "4.4.2"
   }

packages/plus/src/components/ContentCard/__tests__/index.test.tsx

@@ -5,7 +5,6 @@ import illustration from '../assets/illustration.png'
 
 describe('contentCard', () => {
   beforeEach(() => {
-    vi.useFakeTimers()
     vi.spyOn(global.Math, 'random').mockReturnValue(0.4155913669444804)
   })
 

packages/ui/src/components/Notification/__tests__/index.test.tsx

@@ -1,13 +1,9 @@
 import { act, screen } from '@testing-library/react'
 import { renderWithTheme } from '@utils/test'
-import { afterEach, beforeEach, describe, expect, test, vi } from 'vitest'
+import { afterEach, describe, expect, test, vi } from 'vitest'
 import { NotificationContainer, notification } from '..'
 
 describe('toaster', () => {
-  beforeEach(() => {
-    vi.useFakeTimers()
-  })
-
   afterEach(() => {
     vi.clearAllTimers()
   })

packages/ui/src/components/SwitchButton/__tests__/index.test.tsx

@@ -44,7 +44,7 @@ describe('switchButton', () => {
 
   test('renders correctly with children changing', () => {
     const tempResizeObserver = window.ResizeObserver
-    window.ResizeObserver = vi.fn((cb: ResizeObserverCallback) => {
+    window.ResizeObserver = vi.fn(function (cb: ResizeObserverCallback) {
       resizeCallback = cb
 
       return {

packages/ui/src/components/Toaster/__tests__/index.test.tsx

@@ -1,14 +1,10 @@
 import { act, screen } from '@testing-library/react'
 import { consoleLightTheme } from '@ultraviolet/themes'
 import { renderWithTheme } from '@utils/test'
-import { afterEach, beforeEach, describe, expect, test, vi } from 'vitest'
+import { afterEach, describe, expect, test, vi } from 'vitest'
 import { Toast, ToastContainer, toast } from '..'
 
 describe('toaster', () => {
-  beforeEach(() => {
-    vi.useFakeTimers()
-  })
-
   afterEach(() => {
     vi.clearAllTimers()
   })