chore(deps-dev): bump the vitest group with 3 updates (#3337)

dependabot[bot] · connor-baer · web-flow · commit dc304fcef33c · 2025-11-03T17:42:03.000Z
* chore(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.6 - [Release notes](https://github.com/vitest-dev/vitest/releases) - [Commits](https://github.com/vitest-dev/vitest/commits/v4.0.6/packages/coverage-v8) Updates `@vitest/eslint-plugin` from 1.3.13 to 1.4.0 - [Release notes](https://github.com/vitest-dev/eslint-plugin-vitest/releases) - [Commits](vitest-dev/eslint-plugin-vitest@v1.3.13...v1.4.0) Updates `vitest` from 3.2.4 to 4.0.6 - [Release notes](https://github.com/vitest-dev/vitest/releases) - [Commits](https://github.com/vitest-dev/vitest/commits/v4.0.6/packages/vitest) --- updated-dependencies: - dependency-name: "@vitest/coverage-v8" dependency-version: 4.0.6 dependency-type: direct:development update-type: version-update:semver-major dependency-group: vitest - dependency-name: "@vitest/eslint-plugin" dependency-version: 1.4.0 dependency-type: direct:development update-type: version-update:semver-minor dependency-group: vitest - dependency-name: vitest dependency-version: 4.0.6 dependency-type: direct:development update-type: version-update:semver-major dependency-group: vitest ... Signed-off-by: dependabot[bot] <support@github.com> * Fix new lint errors * Silence type error * Fix unit tests --------- Signed-off-by: dependabot[bot] <support@github.com> Co-authored-by: dependabot[bot] <49699333+dependabot[bot]@users.noreply.github.com> Co-authored-by: Connor Bär <github@connorbaer.com>
diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -55,8 +55,8 @@
     "@sumup-oss/foundry": "^9.0.5",
     "@sumup-oss/stylelint-plugin-circuit-ui": "^4.1.0",
     "@types/node": "^24.5.2",
-    "@vitest/coverage-v8": "^3.2.4",
-    "@vitest/eslint-plugin": "^1.3.13",
+    "@vitest/coverage-v8": "^4.0.6",
+    "@vitest/eslint-plugin": "^1.4.0",
     "audit-ci": "^7.1.0",
     "chromatic": "^13.3.0",
     "eslint-plugin-react": "^7.37.5",
@@ -80,7 +80,7 @@
     "typescript": "^5.9.2",
     "vite": "^7.1.12",
     "vite-plugin-svgr": "^4.5.0",
-    "vitest": "^3.0.9",
+    "vitest": "^4.0.6",
     "vitest-github-actions-reporter": "^0.11.1"
   },
   "overrides": {
diff --git a/packages/circuit-ui/components/AutocompleteInput/AutocompleteInput.spec.tsx b/packages/circuit-ui/components/AutocompleteInput/AutocompleteInput.spec.tsx
@@ -64,7 +64,7 @@ describe('AutocompleteInput', () => {
 
   afterEach(() => {
     vi.useRealTimers();
-    vi.restoreAllMocks();
+    vi.clearAllMocks();
   });
 
   it('should forward a ref', () => {
diff --git a/packages/circuit-ui/components/ComparisonTable/ComparisonTable.spec.tsx b/packages/circuit-ui/components/ComparisonTable/ComparisonTable.spec.tsx
@@ -55,10 +55,13 @@ const baseProps: ComparisonTableProps = {
 
 describe('ComparisonTable', () => {
   beforeEach(() => {
-    window.ResizeObserver = vi.fn().mockImplementation(() => ({
-      observe: vi.fn(),
-      unobserve: vi.fn(),
-    }));
+    // biome-ignore lint/complexity/useArrowFunction: Vitest requires the mock to use the function keyword
+    window.ResizeObserver = vi.fn().mockImplementation(function () {
+      return {
+        observe: vi.fn(),
+        unobserve: vi.fn(),
+      };
+    });
     (useMedia as Mock).mockReturnValue(false);
   });
 
diff --git a/packages/circuit-ui/components/ComparisonTable/components/PlanTable/PlanTable.spec.tsx b/packages/circuit-ui/components/ComparisonTable/components/PlanTable/PlanTable.spec.tsx
@@ -39,10 +39,13 @@ const baseProps: PlanTableProps = {
 
 describe('PlanTable', () => {
   beforeEach(() => {
-    window.ResizeObserver = vi.fn().mockImplementation(() => ({
-      observe: vi.fn(),
-      unobserve: vi.fn(),
-    }));
+    // biome-ignore lint/complexity/useArrowFunction: Vitest requires the mock to use the function keyword
+    window.ResizeObserver = vi.fn().mockImplementation(function () {
+      return {
+        observe: vi.fn(),
+        unobserve: vi.fn(),
+      };
+    });
     (useMedia as Mock).mockReturnValue(false);
   });
 
diff --git a/packages/circuit-ui/components/Dialog/Dialog.spec.tsx b/packages/circuit-ui/components/Dialog/Dialog.spec.tsx
@@ -68,7 +68,7 @@ describe('Dialog', () => {
 
   afterEach(() => {
     vi.useRealTimers();
-    vi.restoreAllMocks();
+    vi.clearAllMocks();
     Object.defineProperty(window, 'HTMLDialogElement', {
       writable: true,
       value: originalHTMLDialogElement,
diff --git a/packages/circuit-ui/components/Toggletip/Toggletip.spec.tsx b/packages/circuit-ui/components/Toggletip/Toggletip.spec.tsx
@@ -130,8 +130,9 @@ describe('Toggletip', () => {
     const actionButton = screen.getByRole('button', { name: /learn more/i });
     await userEvent.click(actionButton);
     expect(dialog).not.toHaveAttribute('open');
-    expect(baseProps.action.onClick).toHaveBeenCalledOnce();
-    expect(baseProps.action.onClick).toHaveBeenCalledWith(expect.any(Object));
+    expect(baseProps.action.onClick).toHaveBeenCalledExactlyOnceWith(
+      expect.any(Object),
+    );
   });
 
   it('should have no accessibility violations', async () => {
diff --git a/packages/circuit-ui/hooks/useComponentSize/useComponentSize.spec.ts b/packages/circuit-ui/hooks/useComponentSize/useComponentSize.spec.ts
@@ -25,7 +25,7 @@ vi.mock('../../util/helpers.js', () => ({
 
 describe('useComponentSize', () => {
   afterAll(() => {
-    vi.resetModules();
+    vi.clearAllMocks();
   });
 
   it('should return the current element size', () => {
@@ -50,11 +50,13 @@ describe('useComponentSize', () => {
     beforeAll(() => {
       originalResizeObserver = global.ResizeObserver;
 
-      global.ResizeObserver = vi.fn(() => ({
-        observe,
-        disconnect,
-        unobserve,
-      }));
+      global.ResizeObserver = vi.fn(
+        class MockResizeObserver {
+          observe = observe;
+          disconnect = disconnect;
+          unobserve = unobserve;
+        },
+      );
     });
 
     afterAll(() => {
@@ -70,15 +72,19 @@ describe('useComponentSize', () => {
       };
 
       const { unmount } = renderHook(() => useComponentSize(ref));
-      expect(observe).toHaveBeenCalledTimes(1);
+      expect(observe).toHaveBeenCalledOnce();
 
       unmount();
-      expect(disconnect).toHaveBeenCalledTimes(1);
+
+      expect(disconnect).toHaveBeenCalledOnce();
     });
   });
 
   describe('when ResizeObserver is not supported', () => {
     it('should update on window resize events', () => {
+      vi.spyOn(window, 'addEventListener');
+      vi.spyOn(window, 'removeEventListener');
+
       const ref = {
         current: {
           offsetWidth: 800,
@@ -88,6 +94,8 @@ describe('useComponentSize', () => {
 
       const { result, unmount } = renderHook(() => useComponentSize(ref));
 
+      expect(window.addEventListener).toHaveBeenCalledOnce();
+
       act(() => {
         // @ts-expect-error The value is mocked
         ref.current.offsetWidth = 400;
@@ -97,6 +105,7 @@ describe('useComponentSize', () => {
 
       expect(result.current).toEqual({ width: 400, height: 450 });
       unmount();
+      expect(window.removeEventListener).toHaveBeenCalledOnce();
     });
   });
 });
diff --git a/packages/circuit-ui/hooks/useLocale/useLocale.spec.ts b/packages/circuit-ui/hooks/useLocale/useLocale.spec.ts
@@ -46,8 +46,7 @@ describe('useLocale', () => {
     renderHook(() => useLocale());
     renderHook(() => useLocale());
 
-    expect(addEventListener).toHaveBeenCalledOnce();
-    expect(addEventListener).toHaveBeenCalledWith(
+    expect(addEventListener).toHaveBeenCalledExactlyOnceWith(
       'languagechange',
       expect.any(Function),
     );
diff --git a/packages/circuit-ui/hooks/useSwipe/useSwipe.spec.ts b/packages/circuit-ui/hooks/useSwipe/useSwipe.spec.ts
@@ -42,8 +42,7 @@ describe('useSwipe', () => {
       onTouchEnd();
     });
 
-    expect(onSwipe).toHaveBeenCalledOnce();
-    expect(onSwipe).toHaveBeenCalledWith('right');
+    expect(onSwipe).toHaveBeenCalledExactlyOnceWith('right');
   });
 
   it('should call the callback when a user swipes left', () => {
@@ -58,8 +57,7 @@ describe('useSwipe', () => {
       onTouchEnd();
     });
 
-    expect(onSwipe).toHaveBeenCalledOnce();
-    expect(onSwipe).toHaveBeenCalledWith('left');
+    expect(onSwipe).toHaveBeenCalledExactlyOnceWith('left');
   });
 
   it('should call the callback when a user swipes up', () => {
@@ -74,8 +72,7 @@ describe('useSwipe', () => {
       onTouchEnd();
     });
 
-    expect(onSwipe).toHaveBeenCalledOnce();
-    expect(onSwipe).toHaveBeenCalledWith('up');
+    expect(onSwipe).toHaveBeenCalledExactlyOnceWith('up');
   });
 
   it('should call the callback when a user swipes down', () => {
@@ -90,8 +87,7 @@ describe('useSwipe', () => {
       onTouchEnd();
     });
 
-    expect(onSwipe).toHaveBeenCalledOnce();
-    expect(onSwipe).toHaveBeenCalledWith('down');
+    expect(onSwipe).toHaveBeenCalledExactlyOnceWith('down');
   });
 
   it('should prioritize the dimension with the larger swipe distance', () => {
@@ -106,8 +102,7 @@ describe('useSwipe', () => {
       onTouchEnd();
     });
 
-    expect(onSwipe).toHaveBeenCalledOnce();
-    expect(onSwipe).toHaveBeenCalledWith('down');
+    expect(onSwipe).toHaveBeenCalledExactlyOnceWith('down');
   });
 
   it('should not call the callback when a user swipes less than the minimum distance', () => {
diff --git a/packages/circuit-ui/package.json b/packages/circuit-ui/package.json
@@ -88,7 +88,7 @@
     "typescript": "^5.9.2",
     "typescript-plugin-css-modules": "^5.2.0",
     "vite": "^7.1.12",
-    "vitest": "^3.0.9"
+    "vitest": "^4.0.6"
   },
   "peerDependencies": {
     "@emotion/is-prop-valid": "^1.2.1",
diff --git a/packages/circuit-ui/setupTests.ts b/packages/circuit-ui/setupTests.ts
@@ -24,6 +24,7 @@ expect.extend(toHaveNoViolations);
 // Add a snapshot serializer that removes random hashes
 // from emotion class names.
 expect.addSnapshotSerializer(
+  // @ts-expect-error -- Legacy code
   createSerializer({
     classNameReplacer(_, index) {
       return `circuit-${index}`;
diff --git a/packages/design-tokens/package.json b/packages/design-tokens/package.json
@@ -36,6 +36,6 @@
     "lightningcss": "^1.30.1",
     "tsx": "^4.20.6",
     "typescript": "^5.9.2",
-    "vitest": "^3.0.9"
+    "vitest": "^4.0.6"
   }
 }
diff --git a/packages/eslint-plugin-circuit-ui/package.json b/packages/eslint-plugin-circuit-ui/package.json
@@ -37,7 +37,7 @@
     "@tsconfig/node20": "^20.1.6",
     "@typescript-eslint/rule-tester": "^8.46.2",
     "typescript": "^5.9.2",
-    "vitest": "^3.0.9"
+    "vitest": "^4.0.6"
   },
   "peerDependencies": {
     "@sumup-oss/circuit-ui": ">=10.0.0",
diff --git a/packages/icons/package.json b/packages/icons/package.json
@@ -43,7 +43,7 @@
     "fast-xml-parser": "^5.2.5",
     "tsx": "^4.20.6",
     "typescript": "^5.9.2",
-    "vitest": "^3.0.9"
+    "vitest": "^4.0.6"
   },
   "peerDependencies": {
     "react": ">=16.0.0 <20.0.0"
diff --git a/packages/stylelint-plugin-circuit-ui/package.json b/packages/stylelint-plugin-circuit-ui/package.json
@@ -34,7 +34,7 @@
     "@tsconfig/node20": "^20.1.6",
     "jest-preset-stylelint": "^8.0.0",
     "typescript": "^5.9.2",
-    "vitest": "^3.0.9"
+    "vitest": "^4.0.6"
   },
   "peerDependencies": {
     "@sumup-oss/design-tokens": ">=9.0.0",
