build(deps-dev): Bump the vitest group with 3 updates (#9100)

* build(deps-dev): Bump the vitest group with 3 updates

Bumps the vitest group with 3 updates: [@vitest/coverage-v8](https://github.com/vitest-dev/vitest/tree/HEAD/packages/coverage-v8), [@vitest/eslint-plugin](https://github.com/vitest-dev/eslint-plugin-vitest) and [vitest](https://github.com/vitest-dev/vitest/tree/HEAD/packages/vitest).

Updates `@vitest/coverage-v8` from 3.2.4 to 4.0.3
- [Release notes](https://github.com/vitest-dev/vitest/releases)
- [Commits](https://github.com/vitest-dev/vitest/commits/v4.0.3/packages/coverage-v8)

Updates `@vitest/eslint-plugin` from 1.3.23 to 1.3.25
- [Release notes](https://github.com/vitest-dev/eslint-plugin-vitest/releases)
- [Commits](vitest-dev/eslint-plugin-vitest@v1.3.23...v1.3.25)

Updates `vitest` from 3.2.4 to 4.0.3
- [Release notes](https://github.com/vitest-dev/vitest/releases)
- [Commits](https://github.com/vitest-dev/vitest/commits/v4.0.3/packages/vitest)

---
updated-dependencies:
- dependency-name: "@vitest/coverage-v8"
  dependency-version: 4.0.3
  dependency-type: direct:development
  update-type: version-update:semver-major
  dependency-group: vitest
- dependency-name: "@vitest/eslint-plugin"
  dependency-version: 1.3.25
  dependency-type: direct:development
  update-type: version-update:semver-patch
  dependency-group: vitest
- dependency-name: vitest
  dependency-version: 4.0.3
  dependency-type: direct:development
  update-type: version-update:semver-major
  dependency-group: vitest
...

Signed-off-by: dependabot[bot] <[email protected]>

* test: fix vi.mock

* test: fix types

---------

Signed-off-by: dependabot[bot] <[email protected]>
Co-authored-by: dependabot[bot] <49699333+dependabot[bot]@users.noreply.github.com>
Co-authored-by: Daniil Suvorov <[email protected]>

Author: dependabot[bot]

package.json

@@ -38,8 +38,8 @@
     "@types/semver": "^7.7.1",
     "@typescript-eslint/eslint-plugin": "^7.5.0",
     "@typescript-eslint/parser": "^7.5.0",
-    "@vitest/coverage-v8": "^3.2.4",
-    "@vitest/eslint-plugin": "^1.3.23",
+    "@vitest/coverage-v8": "^4.0.4",
+    "@vitest/eslint-plugin": "^1.3.25",
     "@vkontakte/eslint-plugin": "^2.0.0",
     "@vkontakte/prettier-config": "^0.2.1",
     "@vkontakte/stylelint-config": "^4.1.0",
@@ -101,7 +101,7 @@
     "swc-plugin-css-modules": "5.1.0",
     "swc-plugin-transform-remove-imports": "6.1.0",
     "typescript": "^5.9.3",
-    "vitest": "^3.2.4",
+    "vitest": "^4.0.4",
     "vitest-axe": "^0.1.0",
     "vitest-fail-on-console": "^0.10.1",
     "webpack": "^5.102.1",

packages/vkui/src/components/FixedLayout/FixedLayout.test.tsx

@@ -1,6 +1,5 @@
 import { act, type RefObject } from 'react';
 import { render } from '@testing-library/react';
-import { noop } from '@vkontakte/vkjs';
 import { baselineComponent } from '../../testing/utils';
 import { SplitCol } from '../SplitCol/SplitCol';
 import { FixedLayout, type FixedLayoutProps } from './FixedLayout';
@@ -9,14 +8,17 @@ import styles from './FixedLayout.module.css';
 let updateFunction: () => void;
 
 vi.mock('../../lib/floating/customResizeObserver', () => ({
-  CustomResizeObserver: vi.fn().mockImplementation((updateFunctionFn: () => void) => {
-    updateFunction = updateFunctionFn;
-    return {
-      observe: noop,
-      appendToTheDOM: noop,
-      disconnect: noop,
-    };
-  }),
+  CustomResizeObserver: vi.fn(
+    class MockCustomResizeObserver {
+      constructor(updateFunctionFn: () => void) {
+        updateFunction = updateFunctionFn;
+      }
+
+      observe = vi.fn();
+      appendToTheDOM = vi.fn();
+      disconnect = vi.fn();
+    },
+  ),
 }));
 
 describe('FixedLayout', () => {

packages/vkui/src/components/ImageBase/ImageBase.test.tsx

@@ -1,6 +1,7 @@
 import { fireEvent, render, screen, within } from '@testing-library/react';
 import { Icon12Add, Icon16Clear, Icon20Add, Icon96GoodsCollection } from '@vkontakte/icons';
 import { noop } from '@vkontakte/vkjs';
+import { type Mock } from 'vitest';
 import {
   IconExampleForBadgeBasedOnImageBaseSize,
   IconExampleForFallbackBasedOnImageBaseSize,
@@ -36,7 +37,7 @@ const getImageBaseRootEl = () => screen.getByTestId(TEST_LOCATORS.ROOT);
 
 const getImageBaseImgEl = (elParent = getImageBaseRootEl()) => within(elParent).getByRole('img');
 
-let logStub: ReturnType<typeof vi.spyOn> | null = null;
+let logStub: Mock<() => void> | null = null;
 beforeEach(() => {
   logStub = vi.spyOn(console, 'log').mockImplementation(noop);
 });

packages/vkui/src/components/View/View.test.tsx

@@ -1,5 +1,6 @@
 import { act, type ComponentType, Fragment, type ReactNode } from 'react';
 import { fireEvent, render, screen } from '@testing-library/react';
+import { type Mock } from 'vitest';
 import { getRandomUsers } from '../../testing/mock';
 import {
   baselineComponent,
@@ -114,7 +115,7 @@ describe(View, () => {
 
   describe('can swipeBack', () => {
     fakeTimersForScope(false);
-    let nowMock: ReturnType<typeof vi.spyOn>;
+    let nowMock: Mock<typeof Date.now>;
     beforeEach(() => {
       nowMock = vi.spyOn(Date, 'now');
     });

packages/vkui/src/components/View/ViewInfinite.test.tsx

@@ -1,5 +1,6 @@
 import { act, type ComponentType, Fragment, type ReactNode } from 'react';
 import { fireEvent, render, screen } from '@testing-library/react';
+import { type Mock } from 'vitest';
 import { getRandomUsers } from '../../testing/mock';
 import {
   baselineComponent,
@@ -120,7 +121,7 @@ describe(ViewInfinite, () => {
 
   describe('can swipeBack', () => {
     fakeTimersForScope(false);
-    let nowMock: ReturnType<typeof vi.spyOn>;
+    let nowMock: Mock<typeof Date.now>;
     beforeEach(() => {
       nowMock = vi.spyOn(Date, 'now');
     });

packages/vkui/src/hooks/usePatchChildren.test.tsx

@@ -3,6 +3,7 @@ import * as React from 'react';
 import { act } from 'react';
 import { fireEvent, render, renderHook } from '@testing-library/react';
 import { noop } from '@vkontakte/vkjs';
+import { type Mock } from 'vitest';
 import { setRef } from '../lib/utils';
 import type { HasRootRef } from '../types';
 import { usePatchChildren } from './usePatchChildren';
@@ -52,7 +53,7 @@ vi.mock('./useEffectDev', () => ({
 type ConsoleErrorArgs = Parameters<typeof console.error>;
 
 describe(usePatchChildren, () => {
-  let consoleErrorMock: ReturnType<typeof vi.spyOn> = vi.fn();
+  let consoleErrorMock: Mock<typeof console.log> = vi.fn();
   beforeAll(() => {
     consoleErrorMock.mockRestore();
     consoleErrorMock = vi.spyOn(global.console, 'error').mockImplementation(noop);

packages/vkui/src/lib/floating/adapters.test.ts

@@ -10,20 +10,29 @@ vi.mock('@vkontakte/vkui-floating-ui/react-dom', () => {
   };
 });
 
-const customResizeObserverInstanceStub = {
+const customResizeObserverInstanceStub = vi.hoisted(() => ({
   observe: vi.fn(),
   disconnect: vi.fn(),
   appendToTheDOM: vi.fn(),
-};
-const customResizeObserverStub = vi.fn().mockImplementation(() => {
-  return customResizeObserverInstanceStub;
-});
+}));
+
+const CustomResizeObserverStub = vi.hoisted(() =>
+  vi.fn(
+    class MockCustomResizeObserver {
+      observe = customResizeObserverInstanceStub.observe.bind(customResizeObserverInstanceStub);
+      disconnect = customResizeObserverInstanceStub.disconnect.bind(
+        customResizeObserverInstanceStub,
+      );
+      appendToTheDOM = customResizeObserverInstanceStub.appendToTheDOM.bind(
+        customResizeObserverInstanceStub,
+      );
+    },
+  ),
+);
 
 vi.mock('./customResizeObserver', () => {
   return {
-    CustomResizeObserver: vi.fn().mockImplementation(() => {
-      return customResizeObserverStub();
-    }),
+    CustomResizeObserver: CustomResizeObserverStub,
   };
 });
 
@@ -70,7 +79,7 @@ describe(autoUpdateFloatingElement, () => {
       expect.objectContaining({ elementResize: false }),
     );
 
-    expect(customResizeObserverStub.mock.instances.length).toBe(1);
+    expect(CustomResizeObserverStub.mock.instances.length).toBe(1);
   });
 
   test('calls disposer in unmount callback', () => {

packages/vkui/src/lib/floating/customResizeObserver.test.ts

@@ -35,9 +35,13 @@ function setup() {
     takeRecords: vi.fn(),
   };
 
-  const mutationObserverStub = vi.spyOn(global, 'MutationObserver').mockImplementation(() => {
-    return mutationObserverInstanceStub;
-  });
+  const mutationObserverStub = vi.spyOn(global, 'MutationObserver').mockImplementation(
+    class MockMutationObserver {
+      observe = mutationObserverInstanceStub.observe.bind(mutationObserverInstanceStub);
+      disconnect = mutationObserverInstanceStub.disconnect.bind(mutationObserverInstanceStub);
+      takeRecords = mutationObserverInstanceStub.takeRecords.bind(mutationObserverInstanceStub);
+    },
+  );
 
   return {
     updateFunctionStub,