@instructure/ui-react-utils 9.2.1-snapshot-1 → 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-1](https://github.com/instructure/instructure-ui/compare/v9.2.0...v9.2.1-snapshot-1) (2024-07-10)
+## [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-react-utils
 

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

@@ -23,6 +23,7 @@
  */
 
 import React, { Component } from 'react';
+import { vi } from 'vitest';
 import PropTypes from 'prop-types';
 import { render } from '@testing-library/react';
 import '@testing-library/jest-dom';
@@ -49,7 +50,7 @@ describe('@deprecated', () => {
       baz: true
     })(TestComponent);
     it('should warn when suggesting new prop when using old prop', () => {
-      const consoleWarningSpy = jest.spyOn(console, 'warn').mockImplementation(() => {});
+      const consoleWarningSpy = vi.spyOn(console, 'warn').mockImplementation(() => {});
       render(_DeprecatedComponent || (_DeprecatedComponent = /*#__PURE__*/React.createElement(DeprecatedComponent, {
         foo: "Jane"
       })));
@@ -58,7 +59,7 @@ describe('@deprecated', () => {
       consoleWarningSpy.mockRestore();
     });
     it('should warn when using old prop with no new prop', () => {
-      const consoleWarningSpy = jest.spyOn(console, 'warn').mockImplementation(() => {});
+      const consoleWarningSpy = vi.spyOn(console, 'warn').mockImplementation(() => {});
       render(_DeprecatedComponent2 || (_DeprecatedComponent2 = /*#__PURE__*/React.createElement(DeprecatedComponent, {
         baz: "Goodbye"
       })));
@@ -67,7 +68,7 @@ describe('@deprecated', () => {
       consoleWarningSpy.mockRestore();
     });
     it('should not output a warning using new prop', () => {
-      const consoleWarningSpy = jest.spyOn(console, 'warn').mockImplementation(() => {});
+      const consoleWarningSpy = vi.spyOn(console, 'warn').mockImplementation(() => {});
       render(_DeprecatedComponent3 || (_DeprecatedComponent3 = /*#__PURE__*/React.createElement(DeprecatedComponent, {
         bar: "Jane"
       })));
@@ -79,7 +80,7 @@ describe('@deprecated', () => {
     var _DeprecatedComponent4;
     const DeprecatedComponent = deprecated('3.4.0')(TestComponent);
     it('should warn that the entire component is deprecated if no old props are supplied', () => {
-      const consoleWarningSpy = jest.spyOn(console, 'warn').mockImplementation(() => {});
+      const consoleWarningSpy = vi.spyOn(console, 'warn').mockImplementation(() => {});
       render(_DeprecatedComponent4 || (_DeprecatedComponent4 = /*#__PURE__*/React.createElement(DeprecatedComponent, null)));
       const expectedWarningMessage = 'Warning: [TestComponent] is deprecated and will be removed in version 3.4.0.';
       expect(consoleWarningSpy).toHaveBeenCalledWith(expect.stringContaining(expectedWarningMessage), expect.any(String));
@@ -90,7 +91,7 @@ describe('@deprecated', () => {
     var _DeprecatedComponent5;
     const DeprecatedComponent = deprecated('5.0.0', null, deprecated.changedPackageWarning('ui-forms', 'ui-number-input'))(TestComponent);
     it('should warn that the component is deprecated and output a warning that the package changed', () => {
-      const consoleWarningSpy = jest.spyOn(console, 'warn').mockImplementation(() => {});
+      const consoleWarningSpy = vi.spyOn(console, 'warn').mockImplementation(() => {});
       const expectedWarningMessage = 'Warning: [TestComponent] is deprecated and will be removed in version 5.0.0. It has been moved from @instructure/ui-forms to @instructure/ui-number-input.';
       render(_DeprecatedComponent5 || (_DeprecatedComponent5 = /*#__PURE__*/React.createElement(DeprecatedComponent, null)));
       expect(consoleWarningSpy).toHaveBeenCalledWith(expect.stringContaining(expectedWarningMessage), expect.any(String));
@@ -99,7 +100,7 @@ describe('@deprecated', () => {
   });
   describe('component with deprecated prop values', () => {
     it('should not warn when an allowed prop value is supplied', () => {
-      const consoleWarningSpy = jest.spyOn(console, 'warn').mockImplementation(() => {});
+      const consoleWarningSpy = vi.spyOn(console, 'warn').mockImplementation(() => {});
       class DeprecatedPropValueComponent extends Component {
         render() {
           return /*#__PURE__*/React.createElement("div", null, this.props.color);
@@ -119,7 +120,7 @@ describe('@deprecated', () => {
       consoleWarningSpy.mockRestore();
     });
     it('should warn when a forbidden prop value is supplied', () => {
-      const consoleWarningSpy = jest.spyOn(console, 'warn').mockImplementation(() => {});
+      const consoleWarningSpy = vi.spyOn(console, 'warn').mockImplementation(() => {});
       const color = 'orange';
       class DeprecatedPropValueComponent extends Component {
         render() {
@@ -141,7 +142,7 @@ describe('@deprecated', () => {
       consoleWarningSpy.mockRestore();
     });
     it('should warn with additional message text when a forbidden prop value is supplied and has message text', () => {
-      const consoleWarningSpy = jest.spyOn(console, 'warn').mockImplementation(() => {});
+      const consoleWarningSpy = vi.spyOn(console, 'warn').mockImplementation(() => {});
       const color = 'gold';
       const message = 'It will be removed in v8.0.0.';
       class DeprecatedPropValueComponent extends Component {
@@ -164,8 +165,8 @@ describe('@deprecated', () => {
       consoleWarningSpy.mockRestore();
     });
     it('should call functional message with the correct props', () => {
-      const consoleWarningSpy = jest.spyOn(console, 'warn').mockImplementation(() => {});
-      const messageMock = jest.fn();
+      const consoleWarningSpy = vi.spyOn(console, 'warn').mockImplementation(() => {});
+      const messageMock = vi.fn();
       const color = 'gold';
       class DeprecatedPropValueComponent extends Component {
         render() {
@@ -195,7 +196,7 @@ describe('@deprecated', () => {
       consoleWarningSpy.mockRestore();
     });
     it('should warn with a completely custom message when provided message is functional and prop value is forbidden', () => {
-      const consoleWarningSpy = jest.spyOn(console, 'warn').mockImplementation(() => {});
+      const consoleWarningSpy = vi.spyOn(console, 'warn').mockImplementation(() => {});
       const color = 'gold';
       class DeprecatedPropValueComponent extends Component {
         render() {

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

@@ -23,6 +23,7 @@
  */
 
 import React, { Component } from 'react';
+import { vi } from 'vitest';
 import PropTypes from 'prop-types';
 import { render } from '@testing-library/react';
 import '@testing-library/jest-dom';
@@ -46,7 +47,7 @@ describe('@experimental', () => {
     var _ExperimentalComponen, _ExperimentalComponen2, _ExperimentalComponen3;
     const ExperimentalComponent = experimental(['bar'])(TestComponent);
     it('should warn when using an experimental prop', () => {
-      const consoleWarningSpy = jest.spyOn(console, 'warn').mockImplementation(() => {});
+      const consoleWarningSpy = vi.spyOn(console, 'warn').mockImplementation(() => {});
       render(_ExperimentalComponen || (_ExperimentalComponen = /*#__PURE__*/React.createElement(ExperimentalComponent, {
         bar: "Jane"
       })));
@@ -55,7 +56,7 @@ describe('@experimental', () => {
       consoleWarningSpy.mockRestore();
     });
     it('should not output a warning using a non-experimental prop', () => {
-      const consoleWarningSpy = jest.spyOn(console, 'warn').mockImplementation(() => {});
+      const consoleWarningSpy = vi.spyOn(console, 'warn').mockImplementation(() => {});
       render(_ExperimentalComponen2 || (_ExperimentalComponen2 = /*#__PURE__*/React.createElement(ExperimentalComponent, {
         qux: "Jane"
       })));
@@ -63,7 +64,7 @@ describe('@experimental', () => {
       consoleWarningSpy.mockRestore();
     });
     it('should not output a warning for an experimental prop when dangerously ignored', () => {
-      const consoleWarningSpy = jest.spyOn(console, 'warn').mockImplementation(() => {});
+      const consoleWarningSpy = vi.spyOn(console, 'warn').mockImplementation(() => {});
       render(_ExperimentalComponen3 || (_ExperimentalComponen3 = /*#__PURE__*/React.createElement(ExperimentalComponent, {
         qux: "Jane",
         __dangerouslyIgnoreExperimentalWarnings: true
@@ -76,14 +77,14 @@ describe('@experimental', () => {
     var _ExperimentalComponen4, _ExperimentalComponen5;
     const ExperimentalComponent = experimental()(TestComponent);
     it('should warn that the entire component is experimental if no props are supplied', () => {
-      const consoleWarningSpy = jest.spyOn(console, 'warn').mockImplementation(() => {});
+      const consoleWarningSpy = vi.spyOn(console, 'warn').mockImplementation(() => {});
       render(_ExperimentalComponen4 || (_ExperimentalComponen4 = /*#__PURE__*/React.createElement(ExperimentalComponent, null)));
       const expectedWarningMessage = 'Warning: [TestComponent] is experimental and its API could change significantly in a future release.';
       expect(consoleWarningSpy).toHaveBeenCalledWith(expect.stringContaining(expectedWarningMessage), expect.any(String));
       consoleWarningSpy.mockRestore();
     });
     it('should not output a warning for a component when dangerously ignored', () => {
-      const consoleWarningSpy = jest.spyOn(console, 'warn').mockImplementation(() => {});
+      const consoleWarningSpy = vi.spyOn(console, 'warn').mockImplementation(() => {});
       render(_ExperimentalComponen5 || (_ExperimentalComponen5 = /*#__PURE__*/React.createElement(ExperimentalComponent, {
         __dangerouslyIgnoreExperimentalWarnings: true
       })));

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

@@ -23,6 +23,7 @@
  */
 
 import React, { Component } from 'react';
+import { vi } from 'vitest';
 import PropTypes from 'prop-types';
 import { render } from '@testing-library/react';
 import '@testing-library/jest-dom';
@@ -46,7 +47,7 @@ describe('@hack', () => {
     var _HackComponent, _HackComponent2;
     const HackComponent = hack(['bar'])(TestComponent);
     it('should warn when using an hack prop', () => {
-      const consoleWarningSpy = jest.spyOn(console, 'warn').mockImplementation(() => {});
+      const consoleWarningSpy = vi.spyOn(console, 'warn').mockImplementation(() => {});
       render(_HackComponent || (_HackComponent = /*#__PURE__*/React.createElement(HackComponent, {
         bar: "Jane"
       })));
@@ -55,7 +56,7 @@ describe('@hack', () => {
       consoleWarningSpy.mockRestore();
     });
     it('should not output a warning using a non-hack prop', () => {
-      const consoleWarningSpy = jest.spyOn(console, 'warn').mockImplementation(() => {});
+      const consoleWarningSpy = vi.spyOn(console, 'warn').mockImplementation(() => {});
       render(_HackComponent2 || (_HackComponent2 = /*#__PURE__*/React.createElement(HackComponent, {
         qux: "Jane"
       })));

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

@@ -23,6 +23,7 @@
  */
 
 import React from 'react';
+import { vi } from 'vitest';
 import { createChainedFunction } from '@instructure/ui-utils';
 import { render, screen } from '@testing-library/react';
 import '@testing-library/jest-dom';
@@ -36,8 +37,8 @@ describe('safeCloneElement', () => {
     return safeCloneElement(element, props, children);
   };
   it('should preserve refs', () => {
-    const origRef = jest.fn();
-    const cloneRef = jest.fn();
+    const origRef = vi.fn();
+    const cloneRef = vi.fn();
     render( /*#__PURE__*/React.createElement(SafeClone, {
       element: /*#__PURE__*/React.createElement("div", {
         ref: origRef
@@ -50,8 +51,8 @@ describe('safeCloneElement', () => {
     expect(cloneRef).toHaveBeenCalled();
   });
   it('should preserve event handlers', () => {
-    const onClickA = jest.fn();
-    const onClickB = jest.fn();
+    const onClickA = vi.fn();
+    const onClickB = vi.fn();
     render( /*#__PURE__*/React.createElement(SafeClone, {
       element: /*#__PURE__*/React.createElement("button", {
         onClick: onClickA
@@ -66,9 +67,9 @@ describe('safeCloneElement', () => {
     expect(onClickB).toHaveBeenCalled();
   });
   it('should preserve already chained functions', () => {
-    const onClickA = jest.fn();
-    const onClickB = jest.fn();
-    const onClickC = jest.fn();
+    const onClickA = vi.fn();
+    const onClickB = vi.fn();
+    const onClickC = vi.fn();
     render( /*#__PURE__*/React.createElement(SafeClone, {
       element: /*#__PURE__*/React.createElement("button", {
         onClick: onClickA

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

@@ -3,6 +3,7 @@
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
 var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
 var _react = _interopRequireWildcard(require("react"));
+var _vitest = require("vitest");
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _react2 = require("@testing-library/react");
 require("@testing-library/jest-dom");
@@ -53,7 +54,7 @@ describe('@deprecated', () => {
       baz: true
     })(TestComponent);
     it('should warn when suggesting new prop when using old prop', () => {
-      const consoleWarningSpy = jest.spyOn(console, 'warn').mockImplementation(() => {});
+      const consoleWarningSpy = _vitest.vi.spyOn(console, 'warn').mockImplementation(() => {});
       (0, _react2.render)(_DeprecatedComponent || (_DeprecatedComponent = /*#__PURE__*/_react.default.createElement(DeprecatedComponent, {
         foo: "Jane"
       })));
@@ -62,7 +63,7 @@ describe('@deprecated', () => {
       consoleWarningSpy.mockRestore();
     });
     it('should warn when using old prop with no new prop', () => {
-      const consoleWarningSpy = jest.spyOn(console, 'warn').mockImplementation(() => {});
+      const consoleWarningSpy = _vitest.vi.spyOn(console, 'warn').mockImplementation(() => {});
       (0, _react2.render)(_DeprecatedComponent2 || (_DeprecatedComponent2 = /*#__PURE__*/_react.default.createElement(DeprecatedComponent, {
         baz: "Goodbye"
       })));
@@ -71,7 +72,7 @@ describe('@deprecated', () => {
       consoleWarningSpy.mockRestore();
     });
     it('should not output a warning using new prop', () => {
-      const consoleWarningSpy = jest.spyOn(console, 'warn').mockImplementation(() => {});
+      const consoleWarningSpy = _vitest.vi.spyOn(console, 'warn').mockImplementation(() => {});
       (0, _react2.render)(_DeprecatedComponent3 || (_DeprecatedComponent3 = /*#__PURE__*/_react.default.createElement(DeprecatedComponent, {
         bar: "Jane"
       })));
@@ -83,7 +84,7 @@ describe('@deprecated', () => {
     var _DeprecatedComponent4;
     const DeprecatedComponent = (0, _deprecated.deprecated)('3.4.0')(TestComponent);
     it('should warn that the entire component is deprecated if no old props are supplied', () => {
-      const consoleWarningSpy = jest.spyOn(console, 'warn').mockImplementation(() => {});
+      const consoleWarningSpy = _vitest.vi.spyOn(console, 'warn').mockImplementation(() => {});
       (0, _react2.render)(_DeprecatedComponent4 || (_DeprecatedComponent4 = /*#__PURE__*/_react.default.createElement(DeprecatedComponent, null)));
       const expectedWarningMessage = 'Warning: [TestComponent] is deprecated and will be removed in version 3.4.0.';
       expect(consoleWarningSpy).toHaveBeenCalledWith(expect.stringContaining(expectedWarningMessage), expect.any(String));
@@ -94,7 +95,7 @@ describe('@deprecated', () => {
     var _DeprecatedComponent5;
     const DeprecatedComponent = (0, _deprecated.deprecated)('5.0.0', null, _deprecated.deprecated.changedPackageWarning('ui-forms', 'ui-number-input'))(TestComponent);
     it('should warn that the component is deprecated and output a warning that the package changed', () => {
-      const consoleWarningSpy = jest.spyOn(console, 'warn').mockImplementation(() => {});
+      const consoleWarningSpy = _vitest.vi.spyOn(console, 'warn').mockImplementation(() => {});
       const expectedWarningMessage = 'Warning: [TestComponent] is deprecated and will be removed in version 5.0.0. It has been moved from @instructure/ui-forms to @instructure/ui-number-input.';
       (0, _react2.render)(_DeprecatedComponent5 || (_DeprecatedComponent5 = /*#__PURE__*/_react.default.createElement(DeprecatedComponent, null)));
       expect(consoleWarningSpy).toHaveBeenCalledWith(expect.stringContaining(expectedWarningMessage), expect.any(String));
@@ -103,7 +104,7 @@ describe('@deprecated', () => {
   });
   describe('component with deprecated prop values', () => {
     it('should not warn when an allowed prop value is supplied', () => {
-      const consoleWarningSpy = jest.spyOn(console, 'warn').mockImplementation(() => {});
+      const consoleWarningSpy = _vitest.vi.spyOn(console, 'warn').mockImplementation(() => {});
       class DeprecatedPropValueComponent extends _react.Component {
         render() {
           return /*#__PURE__*/_react.default.createElement("div", null, this.props.color);
@@ -123,7 +124,7 @@ describe('@deprecated', () => {
       consoleWarningSpy.mockRestore();
     });
     it('should warn when a forbidden prop value is supplied', () => {
-      const consoleWarningSpy = jest.spyOn(console, 'warn').mockImplementation(() => {});
+      const consoleWarningSpy = _vitest.vi.spyOn(console, 'warn').mockImplementation(() => {});
       const color = 'orange';
       class DeprecatedPropValueComponent extends _react.Component {
         render() {
@@ -145,7 +146,7 @@ describe('@deprecated', () => {
       consoleWarningSpy.mockRestore();
     });
     it('should warn with additional message text when a forbidden prop value is supplied and has message text', () => {
-      const consoleWarningSpy = jest.spyOn(console, 'warn').mockImplementation(() => {});
+      const consoleWarningSpy = _vitest.vi.spyOn(console, 'warn').mockImplementation(() => {});
       const color = 'gold';
       const message = 'It will be removed in v8.0.0.';
       class DeprecatedPropValueComponent extends _react.Component {
@@ -168,8 +169,8 @@ describe('@deprecated', () => {
       consoleWarningSpy.mockRestore();
     });
     it('should call functional message with the correct props', () => {
-      const consoleWarningSpy = jest.spyOn(console, 'warn').mockImplementation(() => {});
-      const messageMock = jest.fn();
+      const consoleWarningSpy = _vitest.vi.spyOn(console, 'warn').mockImplementation(() => {});
+      const messageMock = _vitest.vi.fn();
       const color = 'gold';
       class DeprecatedPropValueComponent extends _react.Component {
         render() {
@@ -199,7 +200,7 @@ describe('@deprecated', () => {
       consoleWarningSpy.mockRestore();
     });
     it('should warn with a completely custom message when provided message is functional and prop value is forbidden', () => {
-      const consoleWarningSpy = jest.spyOn(console, 'warn').mockImplementation(() => {});
+      const consoleWarningSpy = _vitest.vi.spyOn(console, 'warn').mockImplementation(() => {});
       const color = 'gold';
       class DeprecatedPropValueComponent extends _react.Component {
         render() {

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

@@ -3,6 +3,7 @@
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
 var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
 var _react = _interopRequireWildcard(require("react"));
+var _vitest = require("vitest");
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _react2 = require("@testing-library/react");
 require("@testing-library/jest-dom");
@@ -50,7 +51,7 @@ describe('@experimental', () => {
     var _ExperimentalComponen, _ExperimentalComponen2, _ExperimentalComponen3;
     const ExperimentalComponent = (0, _experimental.experimental)(['bar'])(TestComponent);
     it('should warn when using an experimental prop', () => {
-      const consoleWarningSpy = jest.spyOn(console, 'warn').mockImplementation(() => {});
+      const consoleWarningSpy = _vitest.vi.spyOn(console, 'warn').mockImplementation(() => {});
       (0, _react2.render)(_ExperimentalComponen || (_ExperimentalComponen = /*#__PURE__*/_react.default.createElement(ExperimentalComponent, {
         bar: "Jane"
       })));
@@ -59,7 +60,7 @@ describe('@experimental', () => {
       consoleWarningSpy.mockRestore();
     });
     it('should not output a warning using a non-experimental prop', () => {
-      const consoleWarningSpy = jest.spyOn(console, 'warn').mockImplementation(() => {});
+      const consoleWarningSpy = _vitest.vi.spyOn(console, 'warn').mockImplementation(() => {});
       (0, _react2.render)(_ExperimentalComponen2 || (_ExperimentalComponen2 = /*#__PURE__*/_react.default.createElement(ExperimentalComponent, {
         qux: "Jane"
       })));
@@ -67,7 +68,7 @@ describe('@experimental', () => {
       consoleWarningSpy.mockRestore();
     });
     it('should not output a warning for an experimental prop when dangerously ignored', () => {
-      const consoleWarningSpy = jest.spyOn(console, 'warn').mockImplementation(() => {});
+      const consoleWarningSpy = _vitest.vi.spyOn(console, 'warn').mockImplementation(() => {});
       (0, _react2.render)(_ExperimentalComponen3 || (_ExperimentalComponen3 = /*#__PURE__*/_react.default.createElement(ExperimentalComponent, {
         qux: "Jane",
         __dangerouslyIgnoreExperimentalWarnings: true
@@ -80,14 +81,14 @@ describe('@experimental', () => {
     var _ExperimentalComponen4, _ExperimentalComponen5;
     const ExperimentalComponent = (0, _experimental.experimental)()(TestComponent);
     it('should warn that the entire component is experimental if no props are supplied', () => {
-      const consoleWarningSpy = jest.spyOn(console, 'warn').mockImplementation(() => {});
+      const consoleWarningSpy = _vitest.vi.spyOn(console, 'warn').mockImplementation(() => {});
       (0, _react2.render)(_ExperimentalComponen4 || (_ExperimentalComponen4 = /*#__PURE__*/_react.default.createElement(ExperimentalComponent, null)));
       const expectedWarningMessage = 'Warning: [TestComponent] is experimental and its API could change significantly in a future release.';
       expect(consoleWarningSpy).toHaveBeenCalledWith(expect.stringContaining(expectedWarningMessage), expect.any(String));
       consoleWarningSpy.mockRestore();
     });
     it('should not output a warning for a component when dangerously ignored', () => {
-      const consoleWarningSpy = jest.spyOn(console, 'warn').mockImplementation(() => {});
+      const consoleWarningSpy = _vitest.vi.spyOn(console, 'warn').mockImplementation(() => {});
       (0, _react2.render)(_ExperimentalComponen5 || (_ExperimentalComponen5 = /*#__PURE__*/_react.default.createElement(ExperimentalComponent, {
         __dangerouslyIgnoreExperimentalWarnings: true
       })));

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

@@ -3,6 +3,7 @@
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
 var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
 var _react = _interopRequireWildcard(require("react"));
+var _vitest = require("vitest");
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _react2 = require("@testing-library/react");
 require("@testing-library/jest-dom");
@@ -50,7 +51,7 @@ describe('@hack', () => {
     var _HackComponent, _HackComponent2;
     const HackComponent = (0, _hack.hack)(['bar'])(TestComponent);
     it('should warn when using an hack prop', () => {
-      const consoleWarningSpy = jest.spyOn(console, 'warn').mockImplementation(() => {});
+      const consoleWarningSpy = _vitest.vi.spyOn(console, 'warn').mockImplementation(() => {});
       (0, _react2.render)(_HackComponent || (_HackComponent = /*#__PURE__*/_react.default.createElement(HackComponent, {
         bar: "Jane"
       })));
@@ -59,7 +60,7 @@ describe('@hack', () => {
       consoleWarningSpy.mockRestore();
     });
     it('should not output a warning using a non-hack prop', () => {
-      const consoleWarningSpy = jest.spyOn(console, 'warn').mockImplementation(() => {});
+      const consoleWarningSpy = _vitest.vi.spyOn(console, 'warn').mockImplementation(() => {});
       (0, _react2.render)(_HackComponent2 || (_HackComponent2 = /*#__PURE__*/_react.default.createElement(HackComponent, {
         qux: "Jane"
       })));

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

@@ -2,6 +2,7 @@
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
 var _react = _interopRequireDefault(require("react"));
+var _vitest = require("vitest");
 var _createChainedFunction = require("@instructure/ui-utils/lib/createChainedFunction.js");
 var _react2 = require("@testing-library/react");
 require("@testing-library/jest-dom");
@@ -39,8 +40,8 @@ describe('safeCloneElement', () => {
     return (0, _safeCloneElement.safeCloneElement)(element, props, children);
   };
   it('should preserve refs', () => {
-    const origRef = jest.fn();
-    const cloneRef = jest.fn();
+    const origRef = _vitest.vi.fn();
+    const cloneRef = _vitest.vi.fn();
     (0, _react2.render)( /*#__PURE__*/_react.default.createElement(SafeClone, {
       element: /*#__PURE__*/_react.default.createElement("div", {
         ref: origRef
@@ -53,8 +54,8 @@ describe('safeCloneElement', () => {
     expect(cloneRef).toHaveBeenCalled();
   });
   it('should preserve event handlers', () => {
-    const onClickA = jest.fn();
-    const onClickB = jest.fn();
+    const onClickA = _vitest.vi.fn();
+    const onClickB = _vitest.vi.fn();
     (0, _react2.render)( /*#__PURE__*/_react.default.createElement(SafeClone, {
       element: /*#__PURE__*/_react.default.createElement("button", {
         onClick: onClickA
@@ -69,9 +70,9 @@ describe('safeCloneElement', () => {
     expect(onClickB).toHaveBeenCalled();
   });
   it('should preserve already chained functions', () => {
-    const onClickA = jest.fn();
-    const onClickB = jest.fn();
-    const onClickC = jest.fn();
+    const onClickA = _vitest.vi.fn();
+    const onClickB = _vitest.vi.fn();
+    const onClickC = _vitest.vi.fn();
     (0, _react2.render)( /*#__PURE__*/_react.default.createElement(SafeClone, {
       element: /*#__PURE__*/_react.default.createElement("button", {
         onClick: onClickA

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@instructure/ui-react-utils",
-  "version": "9.2.1-snapshot-1",
+  "version": "9.2.1-snapshot-2",
   "description": "A React utility library made by Instructure Inc.",
   "author": "Instructure, Inc. Engineering and Product Design",
   "module": "./es/index.js",
@@ -22,18 +22,19 @@
   },
   "license": "MIT",
   "devDependencies": {
-    "@instructure/ui-babel-preset": "9.2.1-snapshot-1",
+    "@instructure/ui-babel-preset": "9.2.1-snapshot-2",
     "@testing-library/jest-dom": "^6.4.5",
-    "@testing-library/react": "^15.0.7"
+    "@testing-library/react": "^15.0.7",
+    "vitest": "^1.6.0"
   },
   "dependencies": {
     "@babel/runtime": "^7.24.5",
     "@emotion/is-prop-valid": "^1.2.2",
-    "@instructure/console": "9.2.1-snapshot-1",
-    "@instructure/shared-types": "9.2.1-snapshot-1",
-    "@instructure/ui-decorator": "9.2.1-snapshot-1",
-    "@instructure/ui-dom-utils": "9.2.1-snapshot-1",
-    "@instructure/ui-utils": "9.2.1-snapshot-1",
+    "@instructure/console": "9.2.1-snapshot-2",
+    "@instructure/shared-types": "9.2.1-snapshot-2",
+    "@instructure/ui-decorator": "9.2.1-snapshot-2",
+    "@instructure/ui-dom-utils": "9.2.1-snapshot-2",
+    "@instructure/ui-utils": "9.2.1-snapshot-2",
     "hoist-non-react-statics": "^3.3.2",
     "prop-types": "^15.8.1"
   },

package/src/__new-tests__/deprecated.test.tsx

@@ -23,6 +23,7 @@
  */
 
 import React, { Component } from 'react'
+import { vi } from 'vitest'
 import PropTypes from 'prop-types'
 
 import { render } from '@testing-library/react'
@@ -62,7 +63,7 @@ describe('@deprecated', () => {
     })(TestComponent)
 
     it('should warn when suggesting new prop when using old prop', () => {
-      const consoleWarningSpy = jest
+      const consoleWarningSpy = vi
         .spyOn(console, 'warn')
         .mockImplementation(() => {})
 
@@ -80,7 +81,7 @@ describe('@deprecated', () => {
     })
 
     it('should warn when using old prop with no new prop', () => {
-      const consoleWarningSpy = jest
+      const consoleWarningSpy = vi
         .spyOn(console, 'warn')
         .mockImplementation(() => {})
 
@@ -98,7 +99,7 @@ describe('@deprecated', () => {
     })
 
     it('should not output a warning using new prop', () => {
-      const consoleWarningSpy = jest
+      const consoleWarningSpy = vi
         .spyOn(console, 'warn')
         .mockImplementation(() => {})
 
@@ -114,7 +115,7 @@ describe('@deprecated', () => {
     const DeprecatedComponent = deprecated('3.4.0')(TestComponent)
 
     it('should warn that the entire component is deprecated if no old props are supplied', () => {
-      const consoleWarningSpy = jest
+      const consoleWarningSpy = vi
         .spyOn(console, 'warn')
         .mockImplementation(() => {})
 
@@ -140,7 +141,7 @@ describe('@deprecated', () => {
     )(TestComponent)
 
     it('should warn that the component is deprecated and output a warning that the package changed', () => {
-      const consoleWarningSpy = jest
+      const consoleWarningSpy = vi
         .spyOn(console, 'warn')
         .mockImplementation(() => {})
 
@@ -160,7 +161,7 @@ describe('@deprecated', () => {
 
   describe('component with deprecated prop values', () => {
     it('should not warn when an allowed prop value is supplied', () => {
-      const consoleWarningSpy = jest
+      const consoleWarningSpy = vi
         .spyOn(console, 'warn')
         .mockImplementation(() => {})
       type DeprecatedPropValueComponentProps = {
@@ -191,7 +192,7 @@ describe('@deprecated', () => {
     })
 
     it('should warn when a forbidden prop value is supplied', () => {
-      const consoleWarningSpy = jest
+      const consoleWarningSpy = vi
         .spyOn(console, 'warn')
         .mockImplementation(() => {})
 
@@ -229,7 +230,7 @@ describe('@deprecated', () => {
     })
 
     it('should warn with additional message text when a forbidden prop value is supplied and has message text', () => {
-      const consoleWarningSpy = jest
+      const consoleWarningSpy = vi
         .spyOn(console, 'warn')
         .mockImplementation(() => {})
 
@@ -269,10 +270,10 @@ describe('@deprecated', () => {
     })
 
     it('should call functional message with the correct props', () => {
-      const consoleWarningSpy = jest
+      const consoleWarningSpy = vi
         .spyOn(console, 'warn')
         .mockImplementation(() => {})
-      const messageMock = jest.fn()
+      const messageMock = vi.fn()
 
       const color = 'gold'
       type DeprecatedPropValueComponentProps = {
@@ -309,7 +310,7 @@ describe('@deprecated', () => {
     })
 
     it('should warn with a completely custom message when provided message is functional and prop value is forbidden', () => {
-      const consoleWarningSpy = jest
+      const consoleWarningSpy = vi
         .spyOn(console, 'warn')
         .mockImplementation(() => {})
 

package/src/__new-tests__/experimental.test.tsx

@@ -23,6 +23,7 @@
  */
 
 import React, { Component } from 'react'
+import { vi } from 'vitest'
 import PropTypes from 'prop-types'
 
 import { render } from '@testing-library/react'
@@ -59,7 +60,7 @@ describe('@experimental', () => {
     const ExperimentalComponent = experimental(['bar'])(TestComponent)
 
     it('should warn when using an experimental prop', () => {
-      const consoleWarningSpy = jest
+      const consoleWarningSpy = vi
         .spyOn(console, 'warn')
         .mockImplementation(() => {})
       render(<ExperimentalComponent bar="Jane" />)
@@ -76,7 +77,7 @@ describe('@experimental', () => {
     })
 
     it('should not output a warning using a non-experimental prop', () => {
-      const consoleWarningSpy = jest
+      const consoleWarningSpy = vi
         .spyOn(console, 'warn')
         .mockImplementation(() => {})
       render(<ExperimentalComponent qux="Jane" />)
@@ -87,7 +88,7 @@ describe('@experimental', () => {
     })
 
     it('should not output a warning for an experimental prop when dangerously ignored', () => {
-      const consoleWarningSpy = jest
+      const consoleWarningSpy = vi
         .spyOn(console, 'warn')
         .mockImplementation(() => {})
 
@@ -108,7 +109,7 @@ describe('@experimental', () => {
     const ExperimentalComponent = experimental()(TestComponent)
 
     it('should warn that the entire component is experimental if no props are supplied', () => {
-      const consoleWarningSpy = jest
+      const consoleWarningSpy = vi
         .spyOn(console, 'warn')
         .mockImplementation(() => {})
       render(<ExperimentalComponent />)
@@ -125,7 +126,7 @@ describe('@experimental', () => {
     })
 
     it('should not output a warning for a component when dangerously ignored', () => {
-      const consoleWarningSpy = jest
+      const consoleWarningSpy = vi
         .spyOn(console, 'warn')
         .mockImplementation(() => {})
       render(<ExperimentalComponent __dangerouslyIgnoreExperimentalWarnings />)