@instructure/ui-date-time-input 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-date-time-input
 

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

@@ -25,17 +25,21 @@ var _DateTimeInput, _DateTimeInput2, _DateTimeInput3;
 
 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 { DateTimeInput } from '../index';
 import { ApplyLocale, DateTime } from '@instructure/ui-i18n';
 describe('<DateTimeInput />', () => {
+  let consoleWarningMock;
   let consoleErrorMock;
   beforeEach(() => {
     // Mocking console to prevent test output pollution and expect for messages
-    consoleErrorMock = jest.spyOn(console, 'error').mockImplementation();
+    consoleWarningMock = vi.spyOn(console, 'warn').mockImplementation(() => {});
+    consoleErrorMock = vi.spyOn(console, 'error').mockImplementation(() => {});
   });
   afterEach(() => {
+    consoleWarningMock.mockRestore();
     consoleErrorMock.mockRestore();
   });
   it('should use the default value', () => {
@@ -59,7 +63,7 @@ describe('<DateTimeInput />', () => {
     expect(timeInput).toHaveValue(dateTime.format('LT'));
   });
   it('should use the value', () => {
-    const onChange = jest.fn();
+    const onChange = vi.fn();
     const locale = 'en-US';
     const timezone = 'US/Eastern';
     const dateTime = DateTime.parse('2017-05-01T23:30Z', locale, timezone);
@@ -85,7 +89,7 @@ describe('<DateTimeInput />', () => {
     const timezone = 'US/Eastern';
     const value = DateTime.parse('2017-05-01T17:30Z', locale, timezone);
     const defaultValue = DateTime.parse('2016-04-01T17:00Z', locale, timezone);
-    const onChange = jest.fn();
+    const onChange = vi.fn();
     render( /*#__PURE__*/React.createElement(DateTimeInput, {
       description: "date_time",
       prevMonthLabel: "Previous month",
@@ -126,7 +130,7 @@ describe('<DateTimeInput />', () => {
     expect(timeInput).toHaveValue('12:00 AM');
   });
   it('should call invalidDateTimeMessage if time is set w/o a date and is required', async () => {
-    const invalidDateTimeMessage = jest.fn(_rawd => 'whoops');
+    const invalidDateTimeMessage = vi.fn(_rawd => 'whoops');
     const _render = render( /*#__PURE__*/React.createElement(DateTimeInput, {
         description: "date_time",
         dateRenderLabel: "date-input",
@@ -148,7 +152,7 @@ describe('<DateTimeInput />', () => {
     });
   });
   it('should not call invalidDateTimeMessage if time is set w/o a date', async () => {
-    const invalidDateTimeMessage = jest.fn(_rawd => 'whoops');
+    const invalidDateTimeMessage = vi.fn(_rawd => 'whoops');
     render( /*#__PURE__*/React.createElement(DateTimeInput, {
       description: "date_time",
       dateRenderLabel: "date-input",
@@ -168,7 +172,7 @@ describe('<DateTimeInput />', () => {
     });
   });
   it('should fire the onChange event when TimeInput value changes', async () => {
-    const onChange = jest.fn();
+    const onChange = vi.fn();
     const locale = 'en-US';
     const timezone = 'US/Eastern';
     const defaultValue = DateTime.parse('2017-05-01T17:00', locale, timezone);
@@ -287,7 +291,7 @@ describe('<DateTimeInput />', () => {
     expect(timeInput).toEqual(tref);
   });
   it('should update message when value prop changes', () => {
-    const onChange = jest.fn();
+    const onChange = vi.fn();
     const locale = 'en-US';
     const timezone = 'US/Eastern';
     const dateTime = DateTime.parse('2017-05-01T17:30Z', locale, timezone);
@@ -313,7 +317,7 @@ describe('<DateTimeInput />', () => {
     expect(container).toHaveTextContent('March 29, 2018 12:30 PM');
   });
   it('should update message when locale changed', () => {
-    const onChange = jest.fn();
+    const onChange = vi.fn();
     const locale = 'en-US';
     const timezone = 'US/Eastern';
     const dateTime = DateTime.parse('2017-05-01T17:30Z', locale, timezone);
@@ -339,7 +343,7 @@ describe('<DateTimeInput />', () => {
     expect(container).toHaveTextContent('1 mai 2017 13:30');
   });
   it('should update message when timezone changed', () => {
-    const onChange = jest.fn();
+    const onChange = vi.fn();
     const locale = 'en-US';
     const timezone = 'US/Eastern';
     const dateTime = DateTime.parse('2017-05-01T17:30Z', locale, timezone);
@@ -506,7 +510,7 @@ describe('<DateTimeInput />', () => {
     });
   });
   it('should read locale and timezone from context', () => {
-    const onChange = jest.fn();
+    const onChange = vi.fn();
     const dateTime = DateTime.parse('2017-05-01T17:30Z', 'en-US', 'GMT');
     const _render13 = render(
       /*#__PURE__*/
@@ -528,7 +532,7 @@ describe('<DateTimeInput />', () => {
     expect(container).toHaveTextContent('lundi 1 mai 2017 20:30');
   });
   it('should format date according to dateFormat', async () => {
-    const onChange = jest.fn();
+    const onChange = vi.fn();
     const dateTime = DateTime.parse('2017-05-01T17:30Z', 'en-US', 'GMT');
     const props = {
       description: 'date_time',
@@ -555,7 +559,7 @@ describe('<DateTimeInput />', () => {
     });
   });
   it('should format bottom message according to messageFormat', async () => {
-    const onChange = jest.fn();
+    const onChange = vi.fn();
     const dateTime = DateTime.parse('2017-05-01T17:30Z', 'en-US', 'GMT');
     const props = {
       description: 'date_time',

package/lib/DateTimeInput/__new-tests__/DateTimeInput.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 _DateTimeInput, _DateTimeInput2, _DateTimeInput3;
  * SOFTWARE.
  */
 describe('<DateTimeInput />', () => {
+  let consoleWarningMock;
   let consoleErrorMock;
   beforeEach(() => {
     // Mocking console to prevent test output pollution and expect for messages
-    consoleErrorMock = jest.spyOn(console, 'error').mockImplementation();
+    consoleWarningMock = _vitest.vi.spyOn(console, 'warn').mockImplementation(() => {});
+    consoleErrorMock = _vitest.vi.spyOn(console, 'error').mockImplementation(() => {});
   });
   afterEach(() => {
+    consoleWarningMock.mockRestore();
     consoleErrorMock.mockRestore();
   });
   it('should use the default value', () => {
@@ -62,7 +66,7 @@ describe('<DateTimeInput />', () => {
     expect(timeInput).toHaveValue(dateTime.format('LT'));
   });
   it('should use the value', () => {
-    const onChange = jest.fn();
+    const onChange = _vitest.vi.fn();
     const locale = 'en-US';
     const timezone = 'US/Eastern';
     const dateTime = _DateTime.DateTime.parse('2017-05-01T23:30Z', locale, timezone);
@@ -88,7 +92,7 @@ describe('<DateTimeInput />', () => {
     const timezone = 'US/Eastern';
     const value = _DateTime.DateTime.parse('2017-05-01T17:30Z', locale, timezone);
     const defaultValue = _DateTime.DateTime.parse('2016-04-01T17:00Z', locale, timezone);
-    const onChange = jest.fn();
+    const onChange = _vitest.vi.fn();
     (0, _react2.render)( /*#__PURE__*/_react.default.createElement(_index.DateTimeInput, {
       description: "date_time",
       prevMonthLabel: "Previous month",
@@ -129,7 +133,7 @@ describe('<DateTimeInput />', () => {
     expect(timeInput).toHaveValue('12:00 AM');
   });
   it('should call invalidDateTimeMessage if time is set w/o a date and is required', async () => {
-    const invalidDateTimeMessage = jest.fn(_rawd => 'whoops');
+    const invalidDateTimeMessage = _vitest.vi.fn(_rawd => 'whoops');
     const _render = (0, _react2.render)( /*#__PURE__*/_react.default.createElement(_index.DateTimeInput, {
         description: "date_time",
         dateRenderLabel: "date-input",
@@ -151,7 +155,7 @@ describe('<DateTimeInput />', () => {
     });
   });
   it('should not call invalidDateTimeMessage if time is set w/o a date', async () => {
-    const invalidDateTimeMessage = jest.fn(_rawd => 'whoops');
+    const invalidDateTimeMessage = _vitest.vi.fn(_rawd => 'whoops');
     (0, _react2.render)( /*#__PURE__*/_react.default.createElement(_index.DateTimeInput, {
       description: "date_time",
       dateRenderLabel: "date-input",
@@ -171,7 +175,7 @@ describe('<DateTimeInput />', () => {
     });
   });
   it('should fire the onChange event when TimeInput value changes', async () => {
-    const onChange = jest.fn();
+    const onChange = _vitest.vi.fn();
     const locale = 'en-US';
     const timezone = 'US/Eastern';
     const defaultValue = _DateTime.DateTime.parse('2017-05-01T17:00', locale, timezone);
@@ -290,7 +294,7 @@ describe('<DateTimeInput />', () => {
     expect(timeInput).toEqual(tref);
   });
   it('should update message when value prop changes', () => {
-    const onChange = jest.fn();
+    const onChange = _vitest.vi.fn();
     const locale = 'en-US';
     const timezone = 'US/Eastern';
     const dateTime = _DateTime.DateTime.parse('2017-05-01T17:30Z', locale, timezone);
@@ -316,7 +320,7 @@ describe('<DateTimeInput />', () => {
     expect(container).toHaveTextContent('March 29, 2018 12:30 PM');
   });
   it('should update message when locale changed', () => {
-    const onChange = jest.fn();
+    const onChange = _vitest.vi.fn();
     const locale = 'en-US';
     const timezone = 'US/Eastern';
     const dateTime = _DateTime.DateTime.parse('2017-05-01T17:30Z', locale, timezone);
@@ -342,7 +346,7 @@ describe('<DateTimeInput />', () => {
     expect(container).toHaveTextContent('1 mai 2017 13:30');
   });
   it('should update message when timezone changed', () => {
-    const onChange = jest.fn();
+    const onChange = _vitest.vi.fn();
     const locale = 'en-US';
     const timezone = 'US/Eastern';
     const dateTime = _DateTime.DateTime.parse('2017-05-01T17:30Z', locale, timezone);
@@ -509,7 +513,7 @@ describe('<DateTimeInput />', () => {
     });
   });
   it('should read locale and timezone from context', () => {
-    const onChange = jest.fn();
+    const onChange = _vitest.vi.fn();
     const dateTime = _DateTime.DateTime.parse('2017-05-01T17:30Z', 'en-US', 'GMT');
     const _render13 = (0, _react2.render)(
       /*#__PURE__*/
@@ -531,7 +535,7 @@ describe('<DateTimeInput />', () => {
     expect(container).toHaveTextContent('lundi 1 mai 2017 20:30');
   });
   it('should format date according to dateFormat', async () => {
-    const onChange = jest.fn();
+    const onChange = _vitest.vi.fn();
     const dateTime = _DateTime.DateTime.parse('2017-05-01T17:30Z', 'en-US', 'GMT');
     const props = {
       description: 'date_time',
@@ -558,7 +562,7 @@ describe('<DateTimeInput />', () => {
     });
   });
   it('should format bottom message according to messageFormat', async () => {
-    const onChange = jest.fn();
+    const onChange = _vitest.vi.fn();
     const dateTime = _DateTime.DateTime.parse('2017-05-01T17:30Z', 'en-US', 'GMT');
     const props = {
       description: 'date_time',

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@instructure/ui-date-time-input",
-  "version": "9.2.1-snapshot-1",
+  "version": "9.2.1-snapshot-3",
   "description": "A UI component that allows to select date and time.",
   "author": "Instructure, Inc. Engineering and Product Design",
   "module": "./es/index.js",
@@ -23,28 +23,29 @@
   },
   "license": "MIT",
   "devDependencies": {
-    "@instructure/ui-babel-preset": "9.2.1-snapshot-1",
-    "@instructure/ui-test-utils": "9.2.1-snapshot-1",
+    "@instructure/ui-babel-preset": "9.2.1-snapshot-3",
+    "@instructure/ui-test-utils": "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"
   },
   "dependencies": {
     "@babel/runtime": "^7.24.5",
-    "@instructure/console": "9.2.1-snapshot-1",
-    "@instructure/shared-types": "9.2.1-snapshot-1",
-    "@instructure/ui-a11y-content": "9.2.1-snapshot-1",
-    "@instructure/ui-buttons": "9.2.1-snapshot-1",
-    "@instructure/ui-calendar": "9.2.1-snapshot-1",
-    "@instructure/ui-date-input": "9.2.1-snapshot-1",
-    "@instructure/ui-form-field": "9.2.1-snapshot-1",
-    "@instructure/ui-i18n": "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-testable": "9.2.1-snapshot-1",
-    "@instructure/ui-time-select": "9.2.1-snapshot-1",
-    "@instructure/ui-utils": "9.2.1-snapshot-1",
+    "@instructure/console": "9.2.1-snapshot-3",
+    "@instructure/shared-types": "9.2.1-snapshot-3",
+    "@instructure/ui-a11y-content": "9.2.1-snapshot-3",
+    "@instructure/ui-buttons": "9.2.1-snapshot-3",
+    "@instructure/ui-calendar": "9.2.1-snapshot-3",
+    "@instructure/ui-date-input": "9.2.1-snapshot-3",
+    "@instructure/ui-form-field": "9.2.1-snapshot-3",
+    "@instructure/ui-i18n": "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-testable": "9.2.1-snapshot-3",
+    "@instructure/ui-time-select": "9.2.1-snapshot-3",
+    "@instructure/ui-utils": "9.2.1-snapshot-3",
     "prop-types": "^15.8.1"
   },
   "peerDependencies": {

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

@@ -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'
 
@@ -31,14 +32,21 @@ import { DateTimeInput } from '../index'
 import { ApplyLocale, DateTime } from '@instructure/ui-i18n'
 
 describe('<DateTimeInput />', () => {
-  let consoleErrorMock: jest.SpyInstance
+  let consoleWarningMock: ReturnType<typeof vi.spyOn>
+  let consoleErrorMock: ReturnType<typeof vi.spyOn>
 
   beforeEach(() => {
     // Mocking console to prevent test output pollution and expect for messages
-    consoleErrorMock = jest.spyOn(console, 'error').mockImplementation()
+    consoleWarningMock = vi
+      .spyOn(console, 'warn')
+      .mockImplementation(() => {}) as any
+    consoleErrorMock = vi
+      .spyOn(console, 'error')
+      .mockImplementation(() => {}) as any
   })
 
   afterEach(() => {
+    consoleWarningMock.mockRestore()
     consoleErrorMock.mockRestore()
   })
 
@@ -68,7 +76,7 @@ describe('<DateTimeInput />', () => {
   })
 
   it('should use the value', () => {
-    const onChange = jest.fn()
+    const onChange = vi.fn()
     const locale = 'en-US'
     const timezone = 'US/Eastern'
     const dateTime = DateTime.parse('2017-05-01T23:30Z', locale, timezone)
@@ -99,7 +107,7 @@ describe('<DateTimeInput />', () => {
     const timezone = 'US/Eastern'
     const value = DateTime.parse('2017-05-01T17:30Z', locale, timezone)
     const defaultValue = DateTime.parse('2016-04-01T17:00Z', locale, timezone)
-    const onChange = jest.fn()
+    const onChange = vi.fn()
 
     render(
       <DateTimeInput
@@ -150,7 +158,7 @@ describe('<DateTimeInput />', () => {
   })
 
   it('should call invalidDateTimeMessage if time is set w/o a date and is required', async () => {
-    const invalidDateTimeMessage = jest.fn((_rawd) => 'whoops')
+    const invalidDateTimeMessage = vi.fn((_rawd) => 'whoops')
 
     const { container } = render(
       <DateTimeInput
@@ -177,7 +185,7 @@ describe('<DateTimeInput />', () => {
   })
 
   it('should not call invalidDateTimeMessage if time is set w/o a date', async () => {
-    const invalidDateTimeMessage = jest.fn((_rawd) => 'whoops')
+    const invalidDateTimeMessage = vi.fn((_rawd) => 'whoops')
 
     render(
       <DateTimeInput
@@ -204,7 +212,7 @@ describe('<DateTimeInput />', () => {
   })
 
   it('should fire the onChange event when TimeInput value changes', async () => {
-    const onChange = jest.fn()
+    const onChange = vi.fn()
 
     const locale = 'en-US'
     const timezone = 'US/Eastern'
@@ -332,7 +340,7 @@ describe('<DateTimeInput />', () => {
   })
 
   it('should update message when value prop changes', () => {
-    const onChange = jest.fn()
+    const onChange = vi.fn()
     const locale = 'en-US'
     const timezone = 'US/Eastern'
     const dateTime = DateTime.parse('2017-05-01T17:30Z', locale, timezone)
@@ -358,7 +366,7 @@ describe('<DateTimeInput />', () => {
   })
 
   it('should update message when locale changed', () => {
-    const onChange = jest.fn()
+    const onChange = vi.fn()
     const locale = 'en-US'
     const timezone = 'US/Eastern'
     const dateTime = DateTime.parse('2017-05-01T17:30Z', locale, timezone)
@@ -384,7 +392,7 @@ describe('<DateTimeInput />', () => {
   })
 
   it('should update message when timezone changed', () => {
-    const onChange = jest.fn()
+    const onChange = vi.fn()
     const locale = 'en-US'
     const timezone = 'US/Eastern'
     const dateTime = DateTime.parse('2017-05-01T17:30Z', locale, timezone)
@@ -561,7 +569,7 @@ describe('<DateTimeInput />', () => {
   })
 
   it('should read locale and timezone from context', () => {
-    const onChange = jest.fn()
+    const onChange = vi.fn()
     const dateTime = DateTime.parse('2017-05-01T17:30Z', 'en-US', 'GMT')
     const { container } = render(
       // Africa/Nairobi is GMT +3
@@ -583,7 +591,7 @@ describe('<DateTimeInput />', () => {
   })
 
   it('should format date according to dateFormat', async () => {
-    const onChange = jest.fn()
+    const onChange = vi.fn()
     const dateTime = DateTime.parse('2017-05-01T17:30Z', 'en-US', 'GMT')
     const props = {
       description: 'date_time',
@@ -616,7 +624,7 @@ describe('<DateTimeInput />', () => {
   })
 
   it('should format bottom message according to messageFormat', async () => {
-    const onChange = jest.fn()
+    const onChange = vi.fn()
     const dateTime = DateTime.parse('2017-05-01T17:30Z', 'en-US', 'GMT')
     const props = {
       description: 'date_time',