@instructure/ui-checkbox 9.2.1-snapshot-1 → 9.2.1-snapshot-3

package/CHANGELOG.md

@@ -3,7 +3,7 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
-## [9.2.1-snapshot-1](https://github.com/instructure/instructure-ui/compare/v9.2.0...v9.2.1-snapshot-1) (2024-07-10)
+## [9.2.1-snapshot-3](https://github.com/instructure/instructure-ui/compare/v9.2.0...v9.2.1-snapshot-3) (2024-07-12)
 
 **Note:** Version bump only for package @instructure/ui-checkbox
 

package/es/Checkbox/CheckboxFacade/__new-tests__/CheckboxFacade.test.js

@@ -25,11 +25,23 @@ var _CheckboxFacade, _CheckboxFacade2;
 
 import React from 'react';
 import { render, screen } from '@testing-library/react';
+import { vi } from 'vitest';
 import '@testing-library/jest-dom';
 import { runAxeCheck } from '@instructure/ui-axe-check';
 import { CheckboxFacade } from '../index';
 const TEST_TEXT = 'test-text';
 describe('<CheckboxFacade />', () => {
+  let consoleWarningMock;
+  let consoleErrorMock;
+  beforeEach(() => {
+    // Mocking console to prevent test output pollution
+    consoleWarningMock = vi.spyOn(console, 'warn').mockImplementation(() => {});
+    consoleErrorMock = vi.spyOn(console, 'error').mockImplementation(() => {});
+  });
+  afterEach(() => {
+    consoleWarningMock.mockRestore();
+    consoleErrorMock.mockRestore();
+  });
   it('should render', () => {
     render(_CheckboxFacade || (_CheckboxFacade = /*#__PURE__*/React.createElement(CheckboxFacade, null, TEST_TEXT)));
     const facade = screen.getByText(TEST_TEXT);

package/es/Checkbox/ToggleFacade/__new-tests__/ToggleFacade.test.js

@@ -25,11 +25,23 @@ var _ToggleFacade, _ToggleFacade2;
 
 import React from 'react';
 import { render, screen } from '@testing-library/react';
+import { vi } from 'vitest';
 import '@testing-library/jest-dom';
 import { runAxeCheck } from '@instructure/ui-axe-check';
 import { ToggleFacade } from '../index';
 const TEST_TEXT = 'test-text';
 describe('<ToggleFacade />', () => {
+  let consoleWarningMock;
+  let consoleErrorMock;
+  beforeEach(() => {
+    // Mocking console to prevent test output pollution
+    consoleWarningMock = vi.spyOn(console, 'warn').mockImplementation(() => {});
+    consoleErrorMock = vi.spyOn(console, 'error').mockImplementation(() => {});
+  });
+  afterEach(() => {
+    consoleWarningMock.mockRestore();
+    consoleErrorMock.mockRestore();
+  });
   it('should render', () => {
     render(_ToggleFacade || (_ToggleFacade = /*#__PURE__*/React.createElement(ToggleFacade, null, TEST_TEXT)));
     const facade = screen.getByText(TEST_TEXT);

package/es/Checkbox/__new-tests__/Checkbox.test.js

@@ -24,6 +24,7 @@
 
 import React from 'react';
 import { fireEvent, render, screen, waitFor } from '@testing-library/react';
+import { vi } from 'vitest';
 import userEvent from '@testing-library/user-event';
 import '@testing-library/jest-dom';
 import { runAxeCheck } from '@instructure/ui-axe-check';
@@ -45,6 +46,17 @@ const renderCheckbox = props => {
   return render( /*#__PURE__*/React.createElement(Checkbox, allProps));
 };
 describe('<Checkbox />', () => {
+  let consoleWarningMock;
+  let consoleErrorMock;
+  beforeEach(() => {
+    // Mocking console to prevent test output pollution
+    consoleWarningMock = vi.spyOn(console, 'warn').mockImplementation(() => {});
+    consoleErrorMock = vi.spyOn(console, 'error').mockImplementation(() => {});
+  });
+  afterEach(() => {
+    consoleWarningMock.mockRestore();
+    consoleErrorMock.mockRestore();
+  });
   it('renders an input with type "checkbox"', () => {
     renderCheckbox();
     const inputElem = screen.getByRole('checkbox');
@@ -78,8 +90,8 @@ describe('<Checkbox />', () => {
   });
   describe('events', () => {
     it('when clicked, fires onClick and onChange events', async () => {
-      const onClick = jest.fn();
-      const onChange = jest.fn();
+      const onClick = vi.fn();
+      const onChange = vi.fn();
       renderCheckbox({
         onClick,
         onChange
@@ -92,8 +104,8 @@ describe('<Checkbox />', () => {
       });
     });
     it('when clicked, does not call onClick or onChange when disabled', async () => {
-      const onClick = jest.fn();
-      const onChange = jest.fn();
+      const onClick = vi.fn();
+      const onChange = vi.fn();
       renderCheckbox({
         onClick,
         onChange,
@@ -108,8 +120,8 @@ describe('<Checkbox />', () => {
       });
     });
     it('when clicked, does not call onClick or onChange when readOnly', async () => {
-      const onClick = jest.fn();
-      const onChange = jest.fn();
+      const onClick = vi.fn();
+      const onChange = vi.fn();
       renderCheckbox({
         onClick,
         onChange,
@@ -123,7 +135,7 @@ describe('<Checkbox />', () => {
       });
     });
     it('calls onChange when enter key is pressed', async () => {
-      const onChange = jest.fn();
+      const onChange = vi.fn();
       renderCheckbox({
         onChange
       });
@@ -134,7 +146,7 @@ describe('<Checkbox />', () => {
       });
     });
     it('responds to onBlur event', async () => {
-      const onBlur = jest.fn();
+      const onBlur = vi.fn();
       renderCheckbox({
         onBlur
       });
@@ -145,7 +157,7 @@ describe('<Checkbox />', () => {
       });
     });
     it('responds to onFocus event', async () => {
-      const onFocus = jest.fn();
+      const onFocus = vi.fn();
       renderCheckbox({
         onFocus
       });
@@ -166,7 +178,7 @@ describe('<Checkbox />', () => {
       expect(checkboxElement).toHaveFocus();
     });
     it('calls onMouseOver', async () => {
-      const onMouseOver = jest.fn();
+      const onMouseOver = vi.fn();
       renderCheckbox({
         onMouseOver
       });
@@ -177,7 +189,7 @@ describe('<Checkbox />', () => {
       });
     });
     it('calls onMouseOut', async () => {
-      const onMouseOut = jest.fn();
+      const onMouseOut = vi.fn();
       renderCheckbox({
         onMouseOut
       });

package/es/CheckboxGroup/__new-tests__/CheckboxGroup.test.js

@@ -25,6 +25,7 @@ var _Checkbox, _Checkbox2;
 
 import React from 'react';
 import { fireEvent, render, screen, waitFor } from '@testing-library/react';
+import { vi } from 'vitest';
 import userEvent from '@testing-library/user-event';
 import '@testing-library/jest-dom';
 import { runAxeCheck } from '@instructure/ui-axe-check';
@@ -52,6 +53,17 @@ const renderCheckboxGroup = props => {
   }))));
 };
 describe('<CheckboxGroup />', () => {
+  let consoleWarningMock;
+  let consoleErrorMock;
+  beforeEach(() => {
+    // Mocking console to prevent test output pollution
+    consoleWarningMock = vi.spyOn(console, 'warn').mockImplementation(() => {});
+    consoleErrorMock = vi.spyOn(console, 'error').mockImplementation(() => {});
+  });
+  afterEach(() => {
+    consoleWarningMock.mockRestore();
+    consoleErrorMock.mockRestore();
+  });
   it('adds the name props to all Checkbox types', () => {
     renderCheckboxGroup({
       name: TEST_NAME
@@ -85,7 +97,7 @@ describe('<CheckboxGroup />', () => {
     expect(legend).toHaveTextContent(TEST_DESCRIPTION);
   });
   it('does not call the onChange prop when disabled', async () => {
-    const onChange = jest.fn();
+    const onChange = vi.fn();
     renderCheckboxGroup({
       onChange,
       disabled: true
@@ -98,7 +110,7 @@ describe('<CheckboxGroup />', () => {
     });
   });
   it('does not call the onChange prop when readOnly', async () => {
-    const onChange = jest.fn();
+    const onChange = vi.fn();
     renderCheckboxGroup({
       onChange,
       readOnly: true
@@ -111,7 +123,7 @@ describe('<CheckboxGroup />', () => {
     });
   });
   it('should not update the value when the value prop is set', async () => {
-    const onChange = jest.fn();
+    const onChange = vi.fn();
     renderCheckboxGroup({
       onChange,
       value: ['tester']
@@ -127,7 +139,7 @@ describe('<CheckboxGroup />', () => {
     });
   });
   it('should add the checkbox value to the value list when it is checked', async () => {
-    const onChange = jest.fn();
+    const onChange = vi.fn();
     renderCheckboxGroup({
       onChange
     });
@@ -152,7 +164,7 @@ describe('<CheckboxGroup />', () => {
     expect(checkboxes[1]).toBeChecked();
   });
   it('should remove the checkbox value from the value list when it is unchecked', async () => {
-    const onChange = jest.fn();
+    const onChange = vi.fn();
     const defaultValue = [TEST_VALUE_1, TEST_VALUE_2];
     renderCheckboxGroup({
       onChange,
@@ -169,7 +181,7 @@ describe('<CheckboxGroup />', () => {
     });
   });
   it('passes the array of selected values to onChange handler', async () => {
-    const onChange = jest.fn();
+    const onChange = vi.fn();
     const defaultValue = [TEST_VALUE_2];
     renderCheckboxGroup({
       onChange,

package/lib/Checkbox/CheckboxFacade/__new-tests__/CheckboxFacade.test.js

@@ -3,6 +3,7 @@
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
 var _react = _interopRequireDefault(require("react"));
 var _react2 = require("@testing-library/react");
+var _vitest = require("vitest");
 require("@testing-library/jest-dom");
 var _runAxeCheck = require("@instructure/ui-axe-check/lib/runAxeCheck.js");
 var _index = require("../index");
@@ -32,6 +33,17 @@ var _CheckboxFacade, _CheckboxFacade2;
  */
 const TEST_TEXT = 'test-text';
 describe('<CheckboxFacade />', () => {
+  let consoleWarningMock;
+  let consoleErrorMock;
+  beforeEach(() => {
+    // Mocking console to prevent test output pollution
+    consoleWarningMock = _vitest.vi.spyOn(console, 'warn').mockImplementation(() => {});
+    consoleErrorMock = _vitest.vi.spyOn(console, 'error').mockImplementation(() => {});
+  });
+  afterEach(() => {
+    consoleWarningMock.mockRestore();
+    consoleErrorMock.mockRestore();
+  });
   it('should render', () => {
     (0, _react2.render)(_CheckboxFacade || (_CheckboxFacade = /*#__PURE__*/_react.default.createElement(_index.CheckboxFacade, null, TEST_TEXT)));
     const facade = _react2.screen.getByText(TEST_TEXT);

package/lib/Checkbox/ToggleFacade/__new-tests__/ToggleFacade.test.js

@@ -3,6 +3,7 @@
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
 var _react = _interopRequireDefault(require("react"));
 var _react2 = require("@testing-library/react");
+var _vitest = require("vitest");
 require("@testing-library/jest-dom");
 var _runAxeCheck = require("@instructure/ui-axe-check/lib/runAxeCheck.js");
 var _index = require("../index");
@@ -32,6 +33,17 @@ var _ToggleFacade, _ToggleFacade2;
  */
 const TEST_TEXT = 'test-text';
 describe('<ToggleFacade />', () => {
+  let consoleWarningMock;
+  let consoleErrorMock;
+  beforeEach(() => {
+    // Mocking console to prevent test output pollution
+    consoleWarningMock = _vitest.vi.spyOn(console, 'warn').mockImplementation(() => {});
+    consoleErrorMock = _vitest.vi.spyOn(console, 'error').mockImplementation(() => {});
+  });
+  afterEach(() => {
+    consoleWarningMock.mockRestore();
+    consoleErrorMock.mockRestore();
+  });
   it('should render', () => {
     (0, _react2.render)(_ToggleFacade || (_ToggleFacade = /*#__PURE__*/_react.default.createElement(_index.ToggleFacade, null, TEST_TEXT)));
     const facade = _react2.screen.getByText(TEST_TEXT);

package/lib/Checkbox/__new-tests__/Checkbox.test.js

@@ -3,6 +3,7 @@
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
 var _react = _interopRequireDefault(require("react"));
 var _react2 = require("@testing-library/react");
+var _vitest = require("vitest");
 var _userEvent = _interopRequireDefault(require("@testing-library/user-event"));
 require("@testing-library/jest-dom");
 var _runAxeCheck = require("@instructure/ui-axe-check/lib/runAxeCheck.js");
@@ -48,6 +49,17 @@ const renderCheckbox = props => {
   return (0, _react2.render)( /*#__PURE__*/_react.default.createElement(_index.Checkbox, allProps));
 };
 describe('<Checkbox />', () => {
+  let consoleWarningMock;
+  let consoleErrorMock;
+  beforeEach(() => {
+    // Mocking console to prevent test output pollution
+    consoleWarningMock = _vitest.vi.spyOn(console, 'warn').mockImplementation(() => {});
+    consoleErrorMock = _vitest.vi.spyOn(console, 'error').mockImplementation(() => {});
+  });
+  afterEach(() => {
+    consoleWarningMock.mockRestore();
+    consoleErrorMock.mockRestore();
+  });
   it('renders an input with type "checkbox"', () => {
     renderCheckbox();
     const inputElem = _react2.screen.getByRole('checkbox');
@@ -81,8 +93,8 @@ describe('<Checkbox />', () => {
   });
   describe('events', () => {
     it('when clicked, fires onClick and onChange events', async () => {
-      const onClick = jest.fn();
-      const onChange = jest.fn();
+      const onClick = _vitest.vi.fn();
+      const onChange = _vitest.vi.fn();
       renderCheckbox({
         onClick,
         onChange
@@ -95,8 +107,8 @@ describe('<Checkbox />', () => {
       });
     });
     it('when clicked, does not call onClick or onChange when disabled', async () => {
-      const onClick = jest.fn();
-      const onChange = jest.fn();
+      const onClick = _vitest.vi.fn();
+      const onChange = _vitest.vi.fn();
       renderCheckbox({
         onClick,
         onChange,
@@ -111,8 +123,8 @@ describe('<Checkbox />', () => {
       });
     });
     it('when clicked, does not call onClick or onChange when readOnly', async () => {
-      const onClick = jest.fn();
-      const onChange = jest.fn();
+      const onClick = _vitest.vi.fn();
+      const onChange = _vitest.vi.fn();
       renderCheckbox({
         onClick,
         onChange,
@@ -126,7 +138,7 @@ describe('<Checkbox />', () => {
       });
     });
     it('calls onChange when enter key is pressed', async () => {
-      const onChange = jest.fn();
+      const onChange = _vitest.vi.fn();
       renderCheckbox({
         onChange
       });
@@ -137,7 +149,7 @@ describe('<Checkbox />', () => {
       });
     });
     it('responds to onBlur event', async () => {
-      const onBlur = jest.fn();
+      const onBlur = _vitest.vi.fn();
       renderCheckbox({
         onBlur
       });
@@ -148,7 +160,7 @@ describe('<Checkbox />', () => {
       });
     });
     it('responds to onFocus event', async () => {
-      const onFocus = jest.fn();
+      const onFocus = _vitest.vi.fn();
       renderCheckbox({
         onFocus
       });
@@ -169,7 +181,7 @@ describe('<Checkbox />', () => {
       expect(checkboxElement).toHaveFocus();
     });
     it('calls onMouseOver', async () => {
-      const onMouseOver = jest.fn();
+      const onMouseOver = _vitest.vi.fn();
       renderCheckbox({
         onMouseOver
       });
@@ -180,7 +192,7 @@ describe('<Checkbox />', () => {
       });
     });
     it('calls onMouseOut', async () => {
-      const onMouseOut = jest.fn();
+      const onMouseOut = _vitest.vi.fn();
       renderCheckbox({
         onMouseOut
       });

package/lib/CheckboxGroup/__new-tests__/CheckboxGroup.test.js

@@ -3,6 +3,7 @@
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
 var _react = _interopRequireDefault(require("react"));
 var _react2 = require("@testing-library/react");
+var _vitest = require("vitest");
 var _userEvent = _interopRequireDefault(require("@testing-library/user-event"));
 require("@testing-library/jest-dom");
 var _runAxeCheck = require("@instructure/ui-axe-check/lib/runAxeCheck.js");
@@ -54,6 +55,17 @@ const renderCheckboxGroup = props => {
   }))));
 };
 describe('<CheckboxGroup />', () => {
+  let consoleWarningMock;
+  let consoleErrorMock;
+  beforeEach(() => {
+    // Mocking console to prevent test output pollution
+    consoleWarningMock = _vitest.vi.spyOn(console, 'warn').mockImplementation(() => {});
+    consoleErrorMock = _vitest.vi.spyOn(console, 'error').mockImplementation(() => {});
+  });
+  afterEach(() => {
+    consoleWarningMock.mockRestore();
+    consoleErrorMock.mockRestore();
+  });
   it('adds the name props to all Checkbox types', () => {
     renderCheckboxGroup({
       name: TEST_NAME
@@ -87,7 +99,7 @@ describe('<CheckboxGroup />', () => {
     expect(legend).toHaveTextContent(TEST_DESCRIPTION);
   });
   it('does not call the onChange prop when disabled', async () => {
-    const onChange = jest.fn();
+    const onChange = _vitest.vi.fn();
     renderCheckboxGroup({
       onChange,
       disabled: true
@@ -100,7 +112,7 @@ describe('<CheckboxGroup />', () => {
     });
   });
   it('does not call the onChange prop when readOnly', async () => {
-    const onChange = jest.fn();
+    const onChange = _vitest.vi.fn();
     renderCheckboxGroup({
       onChange,
       readOnly: true
@@ -113,7 +125,7 @@ describe('<CheckboxGroup />', () => {
     });
   });
   it('should not update the value when the value prop is set', async () => {
-    const onChange = jest.fn();
+    const onChange = _vitest.vi.fn();
     renderCheckboxGroup({
       onChange,
       value: ['tester']
@@ -129,7 +141,7 @@ describe('<CheckboxGroup />', () => {
     });
   });
   it('should add the checkbox value to the value list when it is checked', async () => {
-    const onChange = jest.fn();
+    const onChange = _vitest.vi.fn();
     renderCheckboxGroup({
       onChange
     });
@@ -154,7 +166,7 @@ describe('<CheckboxGroup />', () => {
     expect(checkboxes[1]).toBeChecked();
   });
   it('should remove the checkbox value from the value list when it is unchecked', async () => {
-    const onChange = jest.fn();
+    const onChange = _vitest.vi.fn();
     const defaultValue = [TEST_VALUE_1, TEST_VALUE_2];
     renderCheckboxGroup({
       onChange,
@@ -171,7 +183,7 @@ describe('<CheckboxGroup />', () => {
     });
   });
   it('passes the array of selected values to onChange handler', async () => {
-    const onChange = jest.fn();
+    const onChange = _vitest.vi.fn();
     const defaultValue = [TEST_VALUE_2];
     renderCheckboxGroup({
       onChange,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@instructure/ui-checkbox",
-  "version": "9.2.1-snapshot-1",
+  "version": "9.2.1-snapshot-3",
   "description": " styled HTML input type='checkbox' component.",
   "author": "Instructure, Inc. Engineering and Product Design",
   "module": "./es/index.js",
@@ -24,31 +24,32 @@
   "license": "MIT",
   "dependencies": {
     "@babel/runtime": "^7.24.5",
-    "@instructure/console": "9.2.1-snapshot-1",
-    "@instructure/emotion": "9.2.1-snapshot-1",
-    "@instructure/shared-types": "9.2.1-snapshot-1",
-    "@instructure/ui-dom-utils": "9.2.1-snapshot-1",
-    "@instructure/ui-form-field": "9.2.1-snapshot-1",
-    "@instructure/ui-icons": "9.2.1-snapshot-1",
-    "@instructure/ui-prop-types": "9.2.1-snapshot-1",
-    "@instructure/ui-react-utils": "9.2.1-snapshot-1",
-    "@instructure/ui-svg-images": "9.2.1-snapshot-1",
-    "@instructure/ui-testable": "9.2.1-snapshot-1",
-    "@instructure/ui-utils": "9.2.1-snapshot-1",
-    "@instructure/ui-view": "9.2.1-snapshot-1",
-    "@instructure/uid": "9.2.1-snapshot-1",
+    "@instructure/console": "9.2.1-snapshot-3",
+    "@instructure/emotion": "9.2.1-snapshot-3",
+    "@instructure/shared-types": "9.2.1-snapshot-3",
+    "@instructure/ui-dom-utils": "9.2.1-snapshot-3",
+    "@instructure/ui-form-field": "9.2.1-snapshot-3",
+    "@instructure/ui-icons": "9.2.1-snapshot-3",
+    "@instructure/ui-prop-types": "9.2.1-snapshot-3",
+    "@instructure/ui-react-utils": "9.2.1-snapshot-3",
+    "@instructure/ui-svg-images": "9.2.1-snapshot-3",
+    "@instructure/ui-testable": "9.2.1-snapshot-3",
+    "@instructure/ui-utils": "9.2.1-snapshot-3",
+    "@instructure/ui-view": "9.2.1-snapshot-3",
+    "@instructure/uid": "9.2.1-snapshot-3",
     "keycode": "^2.2.1",
     "prop-types": "^15.8.1"
   },
   "devDependencies": {
-    "@instructure/ui-axe-check": "9.2.1-snapshot-1",
-    "@instructure/ui-babel-preset": "9.2.1-snapshot-1",
-    "@instructure/ui-color-utils": "9.2.1-snapshot-1",
-    "@instructure/ui-test-utils": "9.2.1-snapshot-1",
-    "@instructure/ui-themes": "9.2.1-snapshot-1",
+    "@instructure/ui-axe-check": "9.2.1-snapshot-3",
+    "@instructure/ui-babel-preset": "9.2.1-snapshot-3",
+    "@instructure/ui-color-utils": "9.2.1-snapshot-3",
+    "@instructure/ui-test-utils": "9.2.1-snapshot-3",
+    "@instructure/ui-themes": "9.2.1-snapshot-3",
     "@testing-library/jest-dom": "^6.4.5",
     "@testing-library/react": "^15.0.7",
-    "@testing-library/user-event": "^14.5.2"
+    "@testing-library/user-event": "^14.5.2",
+    "vitest": "^1.6.0"
   },
   "peerDependencies": {
     "react": ">=16.8 <=18"

package/src/Checkbox/CheckboxFacade/__new-tests__/CheckboxFacade.test.tsx

@@ -24,6 +24,7 @@
 
 import React from 'react'
 import { render, screen } from '@testing-library/react'
+import { vi } from 'vitest'
 import '@testing-library/jest-dom'
 
 import { runAxeCheck } from '@instructure/ui-axe-check'
@@ -32,6 +33,24 @@ import { CheckboxFacade } from '../index'
 const TEST_TEXT = 'test-text'
 
 describe('<CheckboxFacade />', () => {
+  let consoleWarningMock: ReturnType<typeof vi.spyOn>
+  let consoleErrorMock: ReturnType<typeof vi.spyOn>
+
+  beforeEach(() => {
+    // Mocking console to prevent test output pollution
+    consoleWarningMock = vi
+      .spyOn(console, 'warn')
+      .mockImplementation(() => {}) as any
+    consoleErrorMock = vi
+      .spyOn(console, 'error')
+      .mockImplementation(() => {}) as any
+  })
+
+  afterEach(() => {
+    consoleWarningMock.mockRestore()
+    consoleErrorMock.mockRestore()
+  })
+
   it('should render', () => {
     render(<CheckboxFacade>{TEST_TEXT}</CheckboxFacade>)
     const facade = screen.getByText(TEST_TEXT)

package/src/Checkbox/ToggleFacade/__new-tests__/ToggleFacade.test.tsx

@@ -24,6 +24,7 @@
 
 import React from 'react'
 import { render, screen } from '@testing-library/react'
+import { vi } from 'vitest'
 import '@testing-library/jest-dom'
 
 import { runAxeCheck } from '@instructure/ui-axe-check'
@@ -32,6 +33,24 @@ import { ToggleFacade } from '../index'
 const TEST_TEXT = 'test-text'
 
 describe('<ToggleFacade />', () => {
+  let consoleWarningMock: ReturnType<typeof vi.spyOn>
+  let consoleErrorMock: ReturnType<typeof vi.spyOn>
+
+  beforeEach(() => {
+    // Mocking console to prevent test output pollution
+    consoleWarningMock = vi
+      .spyOn(console, 'warn')
+      .mockImplementation(() => {}) as any
+    consoleErrorMock = vi
+      .spyOn(console, 'error')
+      .mockImplementation(() => {}) as any
+  })
+
+  afterEach(() => {
+    consoleWarningMock.mockRestore()
+    consoleErrorMock.mockRestore()
+  })
+
   it('should render', () => {
     render(<ToggleFacade>{TEST_TEXT}</ToggleFacade>)
     const facade = screen.getByText(TEST_TEXT)