@instructure/ui-buttons 9.2.1-snapshot-0 → 9.2.1-snapshot-2

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-0](https://github.com/instructure/instructure-ui/compare/v9.2.0...v9.2.1-snapshot-0) (2024-07-09)
+## [9.2.1-snapshot-2](https://github.com/instructure/instructure-ui/compare/v9.2.0...v9.2.1-snapshot-2) (2024-07-10)
 
 **Note:** Version bump only for package @instructure/ui-buttons
 

package/README.md

@@ -4,8 +4,8 @@ category: packages
 
 ## ui-buttons
 
-[![npm][npm]][npm-url] 
-[![MIT License][license-badge]][license] 
+[![npm][npm]][npm-url]
+[![MIT License][license-badge]][license]
 [![Code of Conduct][coc-badge]][coc]
 
 Accessible button components.

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

@@ -25,18 +25,22 @@ var _BaseButton, _BaseButton2, _BaseButton3, _BaseButton4, _BaseButton5, _svg, _
 
 import React from 'react';
 import { render, screen, waitFor } from '@testing-library/react';
+import { vi } from 'vitest';
 import userEvent from '@testing-library/user-event';
 import '@testing-library/jest-dom';
 import { BaseButton } from '../index';
 import { runAxeCheck } from '@instructure/ui-axe-check';
 describe('<BaseButton/>', () => {
   let consoleWarningMock;
+  let consoleErrorMock;
   beforeEach(() => {
-    // Mocking console to prevent test output pollution
-    consoleWarningMock = jest.spyOn(console, 'warn').mockImplementation();
+    // Mocking console to prevent test output pollution and expect for messages
+    consoleWarningMock = vi.spyOn(console, 'warn').mockImplementation(() => {});
+    consoleErrorMock = vi.spyOn(console, 'error').mockImplementation(() => {});
   });
   afterEach(() => {
     consoleWarningMock.mockRestore();
+    consoleErrorMock.mockRestore();
   });
   it('should render a button and the children as button text', () => {
     render(_BaseButton || (_BaseButton = /*#__PURE__*/React.createElement(BaseButton, null, "Hello World")));
@@ -79,7 +83,7 @@ describe('<BaseButton/>', () => {
     expect(button.tagName).toBe('SPAN');
   });
   it('should set role="button"', () => {
-    const onClick = jest.fn();
+    const onClick = vi.fn();
     const _render3 = render( /*#__PURE__*/React.createElement(BaseButton, {
         as: "span",
         onClick: onClick
@@ -90,7 +94,7 @@ describe('<BaseButton/>', () => {
     expect(button).toHaveAttribute('role', 'button');
   });
   it('should set tabIndex="0"', () => {
-    const onClick = jest.fn();
+    const onClick = vi.fn();
     render( /*#__PURE__*/React.createElement(BaseButton, {
       as: "span",
       onClick: onClick
@@ -102,7 +106,7 @@ describe('<BaseButton/>', () => {
     expect(button).toHaveAttribute('tabIndex', '0');
   });
   it('should pass down the type prop to the button element', async () => {
-    const onClick = jest.fn();
+    const onClick = vi.fn();
     render( /*#__PURE__*/React.createElement(BaseButton, {
       type: "submit",
       onClick: onClick
@@ -134,7 +138,7 @@ describe('<BaseButton/>', () => {
     expect(document.activeElement).toBe(button);
   });
   it('should provide an  elementRef prop', async () => {
-    const elementRef = jest.fn();
+    const elementRef = vi.fn();
     render( /*#__PURE__*/React.createElement(BaseButton, {
       elementRef: elementRef
     }, "Hello World"));
@@ -145,7 +149,7 @@ describe('<BaseButton/>', () => {
   });
   describe('onClick', () => {
     it('should call onClick when clicked', async () => {
-      const onClick = jest.fn();
+      const onClick = vi.fn();
       render( /*#__PURE__*/React.createElement(BaseButton, {
         onClick: onClick
       }, "Hello World"));
@@ -158,7 +162,7 @@ describe('<BaseButton/>', () => {
       });
     });
     it('should not call onClick when interaction is "disabled"', async () => {
-      const onClick = jest.fn();
+      const onClick = vi.fn();
       render( /*#__PURE__*/React.createElement(BaseButton, {
         interaction: "disabled",
         onClick: onClick
@@ -172,7 +176,7 @@ describe('<BaseButton/>', () => {
       });
     });
     it('should not call onClick when disabled is set"', async () => {
-      const onClick = jest.fn();
+      const onClick = vi.fn();
       render( /*#__PURE__*/React.createElement(BaseButton, {
         disabled: true,
         onClick: onClick
@@ -186,7 +190,7 @@ describe('<BaseButton/>', () => {
       });
     });
     it('should not call onClick when interaction is "readonly"', async () => {
-      const onClick = jest.fn();
+      const onClick = vi.fn();
       render( /*#__PURE__*/React.createElement(BaseButton, {
         interaction: "readonly",
         onClick: onClick
@@ -200,7 +204,7 @@ describe('<BaseButton/>', () => {
       });
     });
     it('should not call onClick when readOnly is set', async () => {
-      const onClick = jest.fn();
+      const onClick = vi.fn();
       render( /*#__PURE__*/React.createElement(BaseButton, {
         readOnly: true,
         onClick: onClick
@@ -214,7 +218,7 @@ describe('<BaseButton/>', () => {
       });
     });
     it('should not call onClick when button is disabled and an href prop is provided', async () => {
-      const onClick = jest.fn();
+      const onClick = vi.fn();
       render(_BaseButton7 || (_BaseButton7 = /*#__PURE__*/React.createElement(BaseButton, {
         href: "#"
       }, "Hello World")));
@@ -227,7 +231,7 @@ describe('<BaseButton/>', () => {
       });
     });
     it('should not call onClick when interaction is "readonly" and an href prop is provided', async () => {
-      const onClick = jest.fn();
+      const onClick = vi.fn();
       render( /*#__PURE__*/React.createElement(BaseButton, {
         interaction: "readonly",
         onClick: onClick,
@@ -242,7 +246,7 @@ describe('<BaseButton/>', () => {
       });
     });
     it('should call onClick when space key is pressed if href is provided', async () => {
-      const onClick = jest.fn();
+      const onClick = vi.fn();
       render( /*#__PURE__*/React.createElement(BaseButton, {
         onClick: onClick,
         href: "#"
@@ -256,7 +260,7 @@ describe('<BaseButton/>', () => {
       });
     });
     it('should call onClick when enter key is pressed when not a button or link', async () => {
-      const onClick = jest.fn();
+      const onClick = vi.fn();
       render( /*#__PURE__*/React.createElement(BaseButton, {
         as: "span",
         onClick: onClick
@@ -270,7 +274,7 @@ describe('<BaseButton/>', () => {
       });
     });
     it('should not call onClick when interaction is "disabled" and space key is pressed', async () => {
-      const onClick = jest.fn();
+      const onClick = vi.fn();
       render( /*#__PURE__*/React.createElement(BaseButton, {
         interaction: "disabled",
         onClick: onClick,
@@ -285,7 +289,7 @@ describe('<BaseButton/>', () => {
       });
     });
     it('should not call onClick when interaction is "readonly" and space key is pressed', async () => {
-      const onClick = jest.fn();
+      const onClick = vi.fn();
       render( /*#__PURE__*/React.createElement(BaseButton, {
         interaction: "readonly",
         onClick: onClick,
@@ -322,7 +326,7 @@ describe('<BaseButton/>', () => {
   });
   describe('for a11y', () => {
     it('should meet standards when onClick is given', async () => {
-      const onClick = jest.fn();
+      const onClick = vi.fn();
       render( /*#__PURE__*/React.createElement(BaseButton, {
         onClick: onClick
       }, "Hello World"));

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

@@ -25,6 +25,7 @@ var _circle, _Button, _Button2, _Button3, _Button4, _Button5, _Button6, _Button7
 
 import React from 'react';
 import { 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';
@@ -32,6 +33,7 @@ import { Button } from '../index';
 describe('<Button/>', () => {
   var _Button9;
   let consoleWarningMock;
+  let consoleErrorMock;
   const iconSelector = 'svg[data-title="myIcon"]';
   const icon = /*#__PURE__*/React.createElement("svg", {
     "data-title": "myIcon",
@@ -47,10 +49,12 @@ describe('<Button/>', () => {
   })));
   beforeEach(() => {
     // Mocking console to prevent test output pollution
-    consoleWarningMock = jest.spyOn(console, 'warn').mockImplementation();
+    consoleWarningMock = vi.spyOn(console, 'warn').mockImplementation(() => {});
+    consoleErrorMock = vi.spyOn(console, 'error').mockImplementation(() => {});
   });
   afterEach(() => {
     consoleWarningMock.mockRestore();
+    consoleErrorMock.mockRestore();
   });
   it('should render children', () => {
     const children = 'Hello world';
@@ -110,7 +114,7 @@ describe('<Button/>', () => {
     expect(button).toHaveAttribute('type', 'submit');
   });
   it('should pass the `elementRef` prop', () => {
-    const elementRef = jest.fn();
+    const elementRef = vi.fn();
     render( /*#__PURE__*/React.createElement(Button, {
       elementRef: elementRef
     }, "Hello"));
@@ -187,7 +191,7 @@ describe('<Button/>', () => {
     expect(svgIcon).toBeInTheDocument();
   });
   it('should pass the `onClick` prop', async () => {
-    const onClick = jest.fn();
+    const onClick = vi.fn();
     render( /*#__PURE__*/React.createElement(Button, {
       onClick: onClick
     }, "Hello"));
@@ -249,7 +253,7 @@ describe('<Button/>', () => {
     expect(button.tagName).toBe('SPAN');
   });
   it('should set role="button"', () => {
-    const onClick = jest.fn();
+    const onClick = vi.fn();
     const _render4 = render( /*#__PURE__*/React.createElement(Button, {
         as: "span",
         onClick: onClick
@@ -260,7 +264,7 @@ describe('<Button/>', () => {
     expect(button).toHaveAttribute('role', 'button');
   });
   it('should set tabIndex="0"', () => {
-    const onClick = jest.fn();
+    const onClick = vi.fn();
     render( /*#__PURE__*/React.createElement(Button, {
       as: "span",
       onClick: onClick
@@ -270,7 +274,7 @@ describe('<Button/>', () => {
     expect(button).toHaveAttribute('tabIndex', '0');
   });
   it('should pass down the type prop to the button element', () => {
-    const onClick = jest.fn();
+    const onClick = vi.fn();
     render( /*#__PURE__*/React.createElement(Button, {
       type: "submit",
       onClick: onClick
@@ -280,7 +284,7 @@ describe('<Button/>', () => {
     expect(button).toHaveAttribute('type', 'submit');
   });
   it('focuses with the focus helper', () => {
-    const onFocus = jest.fn();
+    const onFocus = vi.fn();
     render( /*#__PURE__*/React.createElement(Button, {
       onFocus: onFocus
     }, "Hello World"));
@@ -291,7 +295,7 @@ describe('<Button/>', () => {
   });
   describe('onClick', () => {
     it('should call onClick when clicked', async () => {
-      const onClick = jest.fn();
+      const onClick = vi.fn();
       render( /*#__PURE__*/React.createElement(Button, {
         onClick: onClick
       }, "Hello World"));
@@ -304,7 +308,7 @@ describe('<Button/>', () => {
       });
     });
     it('should not call onClick when button is disabled', async () => {
-      const onClick = jest.fn();
+      const onClick = vi.fn();
       render( /*#__PURE__*/React.createElement(Button, {
         disabled: true,
         onClick: onClick
@@ -318,7 +322,7 @@ describe('<Button/>', () => {
       });
     });
     it('should not call onClick when button is readOnly', async () => {
-      const onClick = jest.fn();
+      const onClick = vi.fn();
       render( /*#__PURE__*/React.createElement(Button, {
         readOnly: true,
         onClick: onClick
@@ -332,7 +336,7 @@ describe('<Button/>', () => {
       });
     });
     it('should not call onClick when button is disabled and an href prop is provided', async () => {
-      const onClick = jest.fn();
+      const onClick = vi.fn();
       render(_Button16 || (_Button16 = /*#__PURE__*/React.createElement(Button, {
         href: "#"
       }, "Hello World")));
@@ -345,7 +349,7 @@ describe('<Button/>', () => {
       });
     });
     it('should not call onClick when button is readOnly and an href prop is provided', async () => {
-      const onClick = jest.fn();
+      const onClick = vi.fn();
       render( /*#__PURE__*/React.createElement(Button, {
         readOnly: true,
         onClick: onClick,
@@ -360,7 +364,7 @@ describe('<Button/>', () => {
       });
     });
     it('should call onClick when space key is pressed if href is provided', async () => {
-      const onClick = jest.fn();
+      const onClick = vi.fn();
       render( /*#__PURE__*/React.createElement(Button, {
         onClick: onClick,
         href: "#"
@@ -374,7 +378,7 @@ describe('<Button/>', () => {
       });
     });
     it('should call onClick when enter key is pressed when not a button or link', async () => {
-      const onClick = jest.fn();
+      const onClick = vi.fn();
       render( /*#__PURE__*/React.createElement(Button, {
         as: "span",
         onClick: onClick
@@ -388,7 +392,7 @@ describe('<Button/>', () => {
       });
     });
     it('should not call onClick when button is disabled and space key is pressed', async () => {
-      const onClick = jest.fn();
+      const onClick = vi.fn();
       render( /*#__PURE__*/React.createElement(Button, {
         disabled: true,
         onClick: onClick,
@@ -403,7 +407,7 @@ describe('<Button/>', () => {
       });
     });
     it('should not call onClick when button is readOnly and space key is pressed', async () => {
-      const onClick = jest.fn();
+      const onClick = vi.fn();
       render( /*#__PURE__*/React.createElement(Button, {
         readOnly: true,
         onClick: onClick,
@@ -420,7 +424,7 @@ describe('<Button/>', () => {
   });
   describe('for a11y', () => {
     it('should meet standards when onClick is given', async () => {
-      const onClick = jest.fn();
+      const onClick = vi.fn();
       render( /*#__PURE__*/React.createElement(Button, {
         onClick: onClick
       }, "Hello World"));

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

@@ -25,6 +25,7 @@ var _CloseButton;
 
 import React from 'react';
 import { render, screen, waitFor } from '@testing-library/react';
+import { vi } from 'vitest';
 import userEvent from '@testing-library/user-event';
 import '@testing-library/jest-dom';
 import { CloseButton } from '../index';
@@ -32,7 +33,7 @@ describe('<CloseButton />', () => {
   let consoleWarningMock;
   beforeEach(() => {
     // Mocking console to prevent test output pollution
-    consoleWarningMock = jest.spyOn(console, 'warn').mockImplementation();
+    consoleWarningMock = vi.spyOn(console, 'warn').mockImplementation(() => {});
   });
   afterEach(() => {
     consoleWarningMock.mockRestore();
@@ -49,7 +50,7 @@ describe('<CloseButton />', () => {
     expect(button).toHaveTextContent('Close');
   });
   it('should pass the `onClick` prop', async () => {
-    const onClick = jest.fn();
+    const onClick = vi.fn();
     render( /*#__PURE__*/React.createElement(CloseButton, {
       onClick: onClick,
       screenReaderLabel: "Hello"

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

@@ -25,6 +25,7 @@ var _circle, _CondensedButton, _CondensedButton2, _CondensedButton3, _CondensedB
 
 import React from 'react';
 import { render, screen, waitFor } from '@testing-library/react';
+import { vi } from 'vitest';
 import userEvent from '@testing-library/user-event';
 import '@testing-library/jest-dom';
 import { CondensedButton } from '../index';
@@ -89,7 +90,7 @@ describe('<CondensedButton/>', () => {
     expect(button).toHaveAttribute('type', 'submit');
   });
   it('should pass the `elementRef` prop', async () => {
-    const elementRef = jest.fn();
+    const elementRef = vi.fn();
     render( /*#__PURE__*/React.createElement(CondensedButton, {
       elementRef: elementRef
     }, "Hello"));
@@ -166,7 +167,7 @@ describe('<CondensedButton/>', () => {
     expect(svgIcon).toBeInTheDocument();
   });
   it('should pass the `onClick` prop', async () => {
-    const onClick = jest.fn();
+    const onClick = vi.fn();
     render( /*#__PURE__*/React.createElement(CondensedButton, {
       onClick: onClick
     }, "Hello"));

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

@@ -25,6 +25,7 @@ var _circle;
 
 import React from 'react';
 import { render, screen, waitFor } from '@testing-library/react';
+import { vi } from 'vitest';
 import userEvent from '@testing-library/user-event';
 import '@testing-library/jest-dom';
 import { IconButton } from '../index';
@@ -112,7 +113,7 @@ describe('<IconButton/>', () => {
     expect(button).toHaveAttribute('type', 'reset');
   });
   it('should pass the `elementRef` prop', () => {
-    const elementRef = jest.fn();
+    const elementRef = vi.fn();
     render( /*#__PURE__*/React.createElement(IconButton, {
       screenReaderLabel: "some action",
       renderIcon: icon,
@@ -170,7 +171,7 @@ describe('<IconButton/>', () => {
     expect(button).toHaveAttribute('disabled');
   });
   it('should pass the `onClick` prop', async () => {
-    const onClick = jest.fn();
+    const onClick = vi.fn();
     render( /*#__PURE__*/React.createElement(IconButton, {
       screenReaderLabel: "some action",
       renderIcon: icon,

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

@@ -25,6 +25,7 @@ var _svg;
 
 import React from 'react';
 import { render, screen, waitFor } from '@testing-library/react';
+import { vi } from 'vitest';
 import userEvent from '@testing-library/user-event';
 import '@testing-library/jest-dom';
 import { ToggleButton } from '../index';
@@ -146,7 +147,7 @@ describe('<ToggleButton />', () => {
     expect(button).toHaveAttribute('disabled');
   });
   it('should pass the `onClick` prop', async () => {
-    const onClick = jest.fn();
+    const onClick = vi.fn();
     render( /*#__PURE__*/React.createElement(ToggleButton, {
       screenReaderLabel: "This is a screen reader label",
       renderIcon: icon,

package/lib/BaseButton/__new-tests__/BaseButton.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 _index = require("../index");
@@ -33,12 +34,15 @@ var _BaseButton, _BaseButton2, _BaseButton3, _BaseButton4, _BaseButton5, _svg, _
  */
 describe('<BaseButton/>', () => {
   let consoleWarningMock;
+  let consoleErrorMock;
   beforeEach(() => {
-    // Mocking console to prevent test output pollution
-    consoleWarningMock = jest.spyOn(console, 'warn').mockImplementation();
+    // Mocking console to prevent test output pollution and expect for messages
+    consoleWarningMock = _vitest.vi.spyOn(console, 'warn').mockImplementation(() => {});
+    consoleErrorMock = _vitest.vi.spyOn(console, 'error').mockImplementation(() => {});
   });
   afterEach(() => {
     consoleWarningMock.mockRestore();
+    consoleErrorMock.mockRestore();
   });
   it('should render a button and the children as button text', () => {
     (0, _react2.render)(_BaseButton || (_BaseButton = /*#__PURE__*/_react.default.createElement(_index.BaseButton, null, "Hello World")));
@@ -81,7 +85,7 @@ describe('<BaseButton/>', () => {
     expect(button.tagName).toBe('SPAN');
   });
   it('should set role="button"', () => {
-    const onClick = jest.fn();
+    const onClick = _vitest.vi.fn();
     const _render3 = (0, _react2.render)( /*#__PURE__*/_react.default.createElement(_index.BaseButton, {
         as: "span",
         onClick: onClick
@@ -92,7 +96,7 @@ describe('<BaseButton/>', () => {
     expect(button).toHaveAttribute('role', 'button');
   });
   it('should set tabIndex="0"', () => {
-    const onClick = jest.fn();
+    const onClick = _vitest.vi.fn();
     (0, _react2.render)( /*#__PURE__*/_react.default.createElement(_index.BaseButton, {
       as: "span",
       onClick: onClick
@@ -104,7 +108,7 @@ describe('<BaseButton/>', () => {
     expect(button).toHaveAttribute('tabIndex', '0');
   });
   it('should pass down the type prop to the button element', async () => {
-    const onClick = jest.fn();
+    const onClick = _vitest.vi.fn();
     (0, _react2.render)( /*#__PURE__*/_react.default.createElement(_index.BaseButton, {
       type: "submit",
       onClick: onClick
@@ -136,7 +140,7 @@ describe('<BaseButton/>', () => {
     expect(document.activeElement).toBe(button);
   });
   it('should provide an  elementRef prop', async () => {
-    const elementRef = jest.fn();
+    const elementRef = _vitest.vi.fn();
     (0, _react2.render)( /*#__PURE__*/_react.default.createElement(_index.BaseButton, {
       elementRef: elementRef
     }, "Hello World"));
@@ -147,7 +151,7 @@ describe('<BaseButton/>', () => {
   });
   describe('onClick', () => {
     it('should call onClick when clicked', async () => {
-      const onClick = jest.fn();
+      const onClick = _vitest.vi.fn();
       (0, _react2.render)( /*#__PURE__*/_react.default.createElement(_index.BaseButton, {
         onClick: onClick
       }, "Hello World"));
@@ -160,7 +164,7 @@ describe('<BaseButton/>', () => {
       });
     });
     it('should not call onClick when interaction is "disabled"', async () => {
-      const onClick = jest.fn();
+      const onClick = _vitest.vi.fn();
       (0, _react2.render)( /*#__PURE__*/_react.default.createElement(_index.BaseButton, {
         interaction: "disabled",
         onClick: onClick
@@ -174,7 +178,7 @@ describe('<BaseButton/>', () => {
       });
     });
     it('should not call onClick when disabled is set"', async () => {
-      const onClick = jest.fn();
+      const onClick = _vitest.vi.fn();
       (0, _react2.render)( /*#__PURE__*/_react.default.createElement(_index.BaseButton, {
         disabled: true,
         onClick: onClick
@@ -188,7 +192,7 @@ describe('<BaseButton/>', () => {
       });
     });
     it('should not call onClick when interaction is "readonly"', async () => {
-      const onClick = jest.fn();
+      const onClick = _vitest.vi.fn();
       (0, _react2.render)( /*#__PURE__*/_react.default.createElement(_index.BaseButton, {
         interaction: "readonly",
         onClick: onClick
@@ -202,7 +206,7 @@ describe('<BaseButton/>', () => {
       });
     });
     it('should not call onClick when readOnly is set', async () => {
-      const onClick = jest.fn();
+      const onClick = _vitest.vi.fn();
       (0, _react2.render)( /*#__PURE__*/_react.default.createElement(_index.BaseButton, {
         readOnly: true,
         onClick: onClick
@@ -216,7 +220,7 @@ describe('<BaseButton/>', () => {
       });
     });
     it('should not call onClick when button is disabled and an href prop is provided', async () => {
-      const onClick = jest.fn();
+      const onClick = _vitest.vi.fn();
       (0, _react2.render)(_BaseButton7 || (_BaseButton7 = /*#__PURE__*/_react.default.createElement(_index.BaseButton, {
         href: "#"
       }, "Hello World")));
@@ -229,7 +233,7 @@ describe('<BaseButton/>', () => {
       });
     });
     it('should not call onClick when interaction is "readonly" and an href prop is provided', async () => {
-      const onClick = jest.fn();
+      const onClick = _vitest.vi.fn();
       (0, _react2.render)( /*#__PURE__*/_react.default.createElement(_index.BaseButton, {
         interaction: "readonly",
         onClick: onClick,
@@ -244,7 +248,7 @@ describe('<BaseButton/>', () => {
       });
     });
     it('should call onClick when space key is pressed if href is provided', async () => {
-      const onClick = jest.fn();
+      const onClick = _vitest.vi.fn();
       (0, _react2.render)( /*#__PURE__*/_react.default.createElement(_index.BaseButton, {
         onClick: onClick,
         href: "#"
@@ -258,7 +262,7 @@ describe('<BaseButton/>', () => {
       });
     });
     it('should call onClick when enter key is pressed when not a button or link', async () => {
-      const onClick = jest.fn();
+      const onClick = _vitest.vi.fn();
       (0, _react2.render)( /*#__PURE__*/_react.default.createElement(_index.BaseButton, {
         as: "span",
         onClick: onClick
@@ -272,7 +276,7 @@ describe('<BaseButton/>', () => {
       });
     });
     it('should not call onClick when interaction is "disabled" and space key is pressed', async () => {
-      const onClick = jest.fn();
+      const onClick = _vitest.vi.fn();
       (0, _react2.render)( /*#__PURE__*/_react.default.createElement(_index.BaseButton, {
         interaction: "disabled",
         onClick: onClick,
@@ -287,7 +291,7 @@ describe('<BaseButton/>', () => {
       });
     });
     it('should not call onClick when interaction is "readonly" and space key is pressed', async () => {
-      const onClick = jest.fn();
+      const onClick = _vitest.vi.fn();
       (0, _react2.render)( /*#__PURE__*/_react.default.createElement(_index.BaseButton, {
         interaction: "readonly",
         onClick: onClick,
@@ -324,7 +328,7 @@ describe('<BaseButton/>', () => {
   });
   describe('for a11y', () => {
     it('should meet standards when onClick is given', async () => {
-      const onClick = jest.fn();
+      const onClick = _vitest.vi.fn();
       (0, _react2.render)( /*#__PURE__*/_react.default.createElement(_index.BaseButton, {
         onClick: onClick
       }, "Hello World"));