@instructure/ui-date-time-input 8.53.2-snapshot-3 → 8.53.3-pr-snapshot-8
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +9 -1
- package/es/DateTimeInput/__new-tests__/DateTimeInput.test.js +130 -69
- package/lib/DateTimeInput/__new-tests__/DateTimeInput.test.js +130 -68
- package/package.json +19 -19
- package/src/DateTimeInput/__new-tests__/DateTimeInput.test.tsx +97 -76
- package/tsconfig.build.tsbuildinfo +1 -1
package/CHANGELOG.md
CHANGED
|
@@ -3,7 +3,15 @@
|
|
|
3
3
|
All notable changes to this project will be documented in this file.
|
|
4
4
|
See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
|
|
5
5
|
|
|
6
|
-
## [8.53.
|
|
6
|
+
## [8.53.3-pr-snapshot-8](https://github.com/instructure/instructure-ui/compare/v8.53.2...v8.53.3-pr-snapshot-8) (2024-02-23)
|
|
7
|
+
|
|
8
|
+
**Note:** Version bump only for package @instructure/ui-date-time-input
|
|
9
|
+
|
|
10
|
+
|
|
11
|
+
|
|
12
|
+
|
|
13
|
+
|
|
14
|
+
## [8.53.2](https://github.com/instructure/instructure-ui/compare/v8.53.1...v8.53.2) (2024-02-15)
|
|
7
15
|
|
|
8
16
|
**Note:** Version bump only for package @instructure/ui-date-time-input
|
|
9
17
|
|
|
@@ -23,79 +23,140 @@
|
|
|
23
23
|
*/
|
|
24
24
|
|
|
25
25
|
import React from 'react';
|
|
26
|
-
import {
|
|
26
|
+
import { render } from '@testing-library/react';
|
|
27
27
|
import '@testing-library/jest-dom';
|
|
28
|
-
import { userEvent } from '@testing-library/user-event'
|
|
28
|
+
// import { userEvent } from '@testing-library/user-event'
|
|
29
29
|
import DateTimeInput from '../index';
|
|
30
30
|
describe('<DateTimeInput />', () => {
|
|
31
|
-
it(
|
|
31
|
+
it('should render', async () => {
|
|
32
32
|
const locale = 'en-US';
|
|
33
33
|
const timezone = 'US/Eastern';
|
|
34
|
-
render( /*#__PURE__*/React.createElement(DateTimeInput, {
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
const firstDay = screen.getByText('15');
|
|
48
|
-
await userEvent.click(firstDay);
|
|
49
|
-
const allInputs = screen.getAllByRole('combobox');
|
|
50
|
-
const targetInput = allInputs.find(input => input.value === '5:05 AM');
|
|
51
|
-
expect(targetInput).toBeInTheDocument();
|
|
52
|
-
});
|
|
53
|
-
it("should throw warning if initialTimeForNewDate prop's value is not HH:MM", async () => {
|
|
54
|
-
const locale = 'en-US';
|
|
55
|
-
const timezone = 'US/Eastern';
|
|
56
|
-
const consoleError = jest.spyOn(console, 'error').mockImplementation(() => {});
|
|
57
|
-
const initialTimeForNewDate = 'WRONG_FORMAT';
|
|
58
|
-
render( /*#__PURE__*/React.createElement(DateTimeInput, {
|
|
59
|
-
description: "date time",
|
|
60
|
-
prevMonthLabel: "Previous month",
|
|
61
|
-
nextMonthLabel: "Next month",
|
|
62
|
-
dateRenderLabel: "date",
|
|
63
|
-
timeRenderLabel: "time",
|
|
64
|
-
invalidDateTimeMessage: "whoops",
|
|
65
|
-
locale: locale,
|
|
66
|
-
timezone: timezone,
|
|
67
|
-
initialTimeForNewDate: initialTimeForNewDate
|
|
68
|
-
}));
|
|
69
|
-
expect(consoleError.mock.calls[0][2]).toContain(`Invalid prop \`initialTimeForNewDate\` \`${initialTimeForNewDate}\` supplied to \`DateTimeInput\`, expected a HH:MM formatted string.`);
|
|
70
|
-
const input = screen.getAllByRole('combobox')[0];
|
|
71
|
-
fireEvent.click(input);
|
|
72
|
-
const firstDay = screen.getByText('15');
|
|
73
|
-
await userEvent.click(firstDay);
|
|
74
|
-
expect(consoleError.mock.calls[1][0]).toBe(`Warning: [DateTimeInput] initialTimeForNewDate prop is not in the correct format. Please use HH:MM format.`);
|
|
75
|
-
});
|
|
76
|
-
it('should throw warning if initialTimeForNewDate prop hour and minute values are not in interval', async () => {
|
|
77
|
-
const locale = 'en-US';
|
|
78
|
-
const timezone = 'US/Eastern';
|
|
79
|
-
const consoleError = jest.spyOn(console, 'error').mockImplementation(() => {});
|
|
80
|
-
const initialTimeForNewDate = '99:99';
|
|
81
|
-
render( /*#__PURE__*/React.createElement(DateTimeInput, {
|
|
82
|
-
description: "date time",
|
|
83
|
-
prevMonthLabel: "Previous month",
|
|
84
|
-
nextMonthLabel: "Next month",
|
|
85
|
-
dateRenderLabel: "date",
|
|
86
|
-
timeRenderLabel: "time",
|
|
87
|
-
invalidDateTimeMessage: "whoops",
|
|
88
|
-
locale: locale,
|
|
89
|
-
timezone: timezone,
|
|
90
|
-
initialTimeForNewDate: initialTimeForNewDate
|
|
91
|
-
}));
|
|
92
|
-
const input = screen.getAllByRole('combobox')[0];
|
|
93
|
-
fireEvent.click(input);
|
|
94
|
-
const firstDay = screen.getByText('15');
|
|
95
|
-
await userEvent.click(firstDay);
|
|
96
|
-
expect(consoleError.mock.calls[0][0]).toContain(`Warning: [DateTimeInput] 0 <= hour < 24 and 0 <= minute < 60 for initialTimeForNewDate prop.`);
|
|
34
|
+
const _render = render( /*#__PURE__*/React.createElement(DateTimeInput, {
|
|
35
|
+
description: "date time",
|
|
36
|
+
prevMonthLabel: "Previous month",
|
|
37
|
+
nextMonthLabel: "Next month",
|
|
38
|
+
dateRenderLabel: "date",
|
|
39
|
+
timeRenderLabel: "time",
|
|
40
|
+
invalidDateTimeMessage: "whoops",
|
|
41
|
+
locale: locale,
|
|
42
|
+
timezone: timezone,
|
|
43
|
+
initialTimeForNewDate: "05:05"
|
|
44
|
+
})),
|
|
45
|
+
container = _render.container;
|
|
46
|
+
expect(container.firstChild).toBeInTheDocument();
|
|
97
47
|
});
|
|
98
48
|
|
|
49
|
+
// it("should change value of TimeSelect to initialTimeForNewDate prop's value", async () => {
|
|
50
|
+
// const locale = 'en-US'
|
|
51
|
+
// const timezone = 'US/Eastern'
|
|
52
|
+
|
|
53
|
+
// render(
|
|
54
|
+
// <DateTimeInput
|
|
55
|
+
// description="date time"
|
|
56
|
+
// prevMonthLabel="Previous month"
|
|
57
|
+
// nextMonthLabel="Next month"
|
|
58
|
+
// dateRenderLabel="date"
|
|
59
|
+
// timeRenderLabel="time"
|
|
60
|
+
// invalidDateTimeMessage="whoops"
|
|
61
|
+
// locale={locale}
|
|
62
|
+
// timezone={timezone}
|
|
63
|
+
// initialTimeForNewDate="05:05"
|
|
64
|
+
// />
|
|
65
|
+
// )
|
|
66
|
+
|
|
67
|
+
// const input = screen.getAllByRole('combobox')[0]
|
|
68
|
+
|
|
69
|
+
// fireEvent.click(input)
|
|
70
|
+
|
|
71
|
+
// const firstDay = screen.getByText('15')
|
|
72
|
+
|
|
73
|
+
// await userEvent.click(firstDay)
|
|
74
|
+
|
|
75
|
+
// const allInputs = screen.getAllByRole('combobox')
|
|
76
|
+
// const targetInput = allInputs.find(
|
|
77
|
+
// (input) => (input as HTMLInputElement).value === '5:05 AM'
|
|
78
|
+
// )
|
|
79
|
+
// expect(targetInput).toBeInTheDocument()
|
|
80
|
+
// })
|
|
81
|
+
|
|
82
|
+
// it("should throw warning if initialTimeForNewDate prop's value is not HH:MM", async () => {
|
|
83
|
+
// const locale = 'en-US'
|
|
84
|
+
// const timezone = 'US/Eastern'
|
|
85
|
+
|
|
86
|
+
// const consoleError = jest
|
|
87
|
+
// .spyOn(console, 'error')
|
|
88
|
+
// .mockImplementation(() => {})
|
|
89
|
+
|
|
90
|
+
// const initialTimeForNewDate = 'WRONG_FORMAT'
|
|
91
|
+
|
|
92
|
+
// render(
|
|
93
|
+
// <DateTimeInput
|
|
94
|
+
// description="date time"
|
|
95
|
+
// prevMonthLabel="Previous month"
|
|
96
|
+
// nextMonthLabel="Next month"
|
|
97
|
+
// dateRenderLabel="date"
|
|
98
|
+
// timeRenderLabel="time"
|
|
99
|
+
// invalidDateTimeMessage="whoops"
|
|
100
|
+
// locale={locale}
|
|
101
|
+
// timezone={timezone}
|
|
102
|
+
// initialTimeForNewDate={initialTimeForNewDate}
|
|
103
|
+
// />
|
|
104
|
+
// )
|
|
105
|
+
|
|
106
|
+
// expect(consoleError.mock.calls[0][2]).toContain(
|
|
107
|
+
// `Invalid prop \`initialTimeForNewDate\` \`${initialTimeForNewDate}\` supplied to \`DateTimeInput\`, expected a HH:MM formatted string.`
|
|
108
|
+
// )
|
|
109
|
+
|
|
110
|
+
// const input = screen.getAllByRole('combobox')[0]
|
|
111
|
+
|
|
112
|
+
// fireEvent.click(input)
|
|
113
|
+
|
|
114
|
+
// const firstDay = screen.getByText('15')
|
|
115
|
+
|
|
116
|
+
// await userEvent.click(firstDay)
|
|
117
|
+
|
|
118
|
+
// expect(consoleError.mock.calls[1][0]).toBe(
|
|
119
|
+
// `Warning: [DateTimeInput] initialTimeForNewDate prop is not in the correct format. Please use HH:MM format.`
|
|
120
|
+
// )
|
|
121
|
+
// })
|
|
122
|
+
|
|
123
|
+
// it('should throw warning if initialTimeForNewDate prop hour and minute values are not in interval', async () => {
|
|
124
|
+
// const locale = 'en-US'
|
|
125
|
+
// const timezone = 'US/Eastern'
|
|
126
|
+
|
|
127
|
+
// const consoleError = jest
|
|
128
|
+
// .spyOn(console, 'error')
|
|
129
|
+
// .mockImplementation(() => {})
|
|
130
|
+
|
|
131
|
+
// const initialTimeForNewDate = '99:99'
|
|
132
|
+
|
|
133
|
+
// render(
|
|
134
|
+
// <DateTimeInput
|
|
135
|
+
// description="date time"
|
|
136
|
+
// prevMonthLabel="Previous month"
|
|
137
|
+
// nextMonthLabel="Next month"
|
|
138
|
+
// dateRenderLabel="date"
|
|
139
|
+
// timeRenderLabel="time"
|
|
140
|
+
// invalidDateTimeMessage="whoops"
|
|
141
|
+
// locale={locale}
|
|
142
|
+
// timezone={timezone}
|
|
143
|
+
// initialTimeForNewDate={initialTimeForNewDate}
|
|
144
|
+
// />
|
|
145
|
+
// )
|
|
146
|
+
|
|
147
|
+
// const input = screen.getAllByRole('combobox')[0]
|
|
148
|
+
|
|
149
|
+
// fireEvent.click(input)
|
|
150
|
+
|
|
151
|
+
// const firstDay = screen.getByText('15')
|
|
152
|
+
|
|
153
|
+
// await userEvent.click(firstDay)
|
|
154
|
+
|
|
155
|
+
// expect(consoleError.mock.calls[0][0]).toContain(
|
|
156
|
+
// `Warning: [DateTimeInput] 0 <= hour < 24 and 0 <= minute < 60 for initialTimeForNewDate prop.`
|
|
157
|
+
// )
|
|
158
|
+
// })
|
|
159
|
+
|
|
99
160
|
/*
|
|
100
161
|
* TODO write this test with Cypress
|
|
101
162
|
* Steps:
|
|
@@ -161,7 +222,7 @@ describe('<DateTimeInput />', () => {
|
|
|
161
222
|
// // )
|
|
162
223
|
// })
|
|
163
224
|
|
|
164
|
-
afterEach(() => {
|
|
165
|
-
|
|
166
|
-
})
|
|
225
|
+
// afterEach(() => {
|
|
226
|
+
// jest.resetAllMocks()
|
|
227
|
+
// })
|
|
167
228
|
});
|
|
@@ -4,7 +4,6 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
|
|
|
4
4
|
var _react = _interopRequireDefault(require("react"));
|
|
5
5
|
var _react2 = require("@testing-library/react");
|
|
6
6
|
require("@testing-library/jest-dom");
|
|
7
|
-
var _userEvent = require("@testing-library/user-event");
|
|
8
7
|
var _index = _interopRequireDefault(require("../index"));
|
|
9
8
|
/*
|
|
10
9
|
* The MIT License (MIT)
|
|
@@ -30,75 +29,138 @@ var _index = _interopRequireDefault(require("../index"));
|
|
|
30
29
|
* SOFTWARE.
|
|
31
30
|
*/
|
|
32
31
|
|
|
32
|
+
// import { userEvent } from '@testing-library/user-event'
|
|
33
|
+
|
|
33
34
|
describe('<DateTimeInput />', () => {
|
|
34
|
-
it(
|
|
35
|
-
const locale = 'en-US';
|
|
36
|
-
const timezone = 'US/Eastern';
|
|
37
|
-
(0, _react2.render)( /*#__PURE__*/_react.default.createElement(_index.default, {
|
|
38
|
-
description: "date time",
|
|
39
|
-
prevMonthLabel: "Previous month",
|
|
40
|
-
nextMonthLabel: "Next month",
|
|
41
|
-
dateRenderLabel: "date",
|
|
42
|
-
timeRenderLabel: "time",
|
|
43
|
-
invalidDateTimeMessage: "whoops",
|
|
44
|
-
locale: locale,
|
|
45
|
-
timezone: timezone,
|
|
46
|
-
initialTimeForNewDate: "05:05"
|
|
47
|
-
}));
|
|
48
|
-
const input = _react2.screen.getAllByRole('combobox')[0];
|
|
49
|
-
_react2.fireEvent.click(input);
|
|
50
|
-
const firstDay = _react2.screen.getByText('15');
|
|
51
|
-
await _userEvent.userEvent.click(firstDay);
|
|
52
|
-
const allInputs = _react2.screen.getAllByRole('combobox');
|
|
53
|
-
const targetInput = allInputs.find(input => input.value === '5:05 AM');
|
|
54
|
-
expect(targetInput).toBeInTheDocument();
|
|
55
|
-
});
|
|
56
|
-
it("should throw warning if initialTimeForNewDate prop's value is not HH:MM", async () => {
|
|
57
|
-
const locale = 'en-US';
|
|
58
|
-
const timezone = 'US/Eastern';
|
|
59
|
-
const consoleError = jest.spyOn(console, 'error').mockImplementation(() => {});
|
|
60
|
-
const initialTimeForNewDate = 'WRONG_FORMAT';
|
|
61
|
-
(0, _react2.render)( /*#__PURE__*/_react.default.createElement(_index.default, {
|
|
62
|
-
description: "date time",
|
|
63
|
-
prevMonthLabel: "Previous month",
|
|
64
|
-
nextMonthLabel: "Next month",
|
|
65
|
-
dateRenderLabel: "date",
|
|
66
|
-
timeRenderLabel: "time",
|
|
67
|
-
invalidDateTimeMessage: "whoops",
|
|
68
|
-
locale: locale,
|
|
69
|
-
timezone: timezone,
|
|
70
|
-
initialTimeForNewDate: initialTimeForNewDate
|
|
71
|
-
}));
|
|
72
|
-
expect(consoleError.mock.calls[0][2]).toContain(`Invalid prop \`initialTimeForNewDate\` \`${initialTimeForNewDate}\` supplied to \`DateTimeInput\`, expected a HH:MM formatted string.`);
|
|
73
|
-
const input = _react2.screen.getAllByRole('combobox')[0];
|
|
74
|
-
_react2.fireEvent.click(input);
|
|
75
|
-
const firstDay = _react2.screen.getByText('15');
|
|
76
|
-
await _userEvent.userEvent.click(firstDay);
|
|
77
|
-
expect(consoleError.mock.calls[1][0]).toBe(`Warning: [DateTimeInput] initialTimeForNewDate prop is not in the correct format. Please use HH:MM format.`);
|
|
78
|
-
});
|
|
79
|
-
it('should throw warning if initialTimeForNewDate prop hour and minute values are not in interval', async () => {
|
|
35
|
+
it('should render', async () => {
|
|
80
36
|
const locale = 'en-US';
|
|
81
37
|
const timezone = 'US/Eastern';
|
|
82
|
-
const
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
const input = _react2.screen.getAllByRole('combobox')[0];
|
|
96
|
-
_react2.fireEvent.click(input);
|
|
97
|
-
const firstDay = _react2.screen.getByText('15');
|
|
98
|
-
await _userEvent.userEvent.click(firstDay);
|
|
99
|
-
expect(consoleError.mock.calls[0][0]).toContain(`Warning: [DateTimeInput] 0 <= hour < 24 and 0 <= minute < 60 for initialTimeForNewDate prop.`);
|
|
38
|
+
const _render = (0, _react2.render)( /*#__PURE__*/_react.default.createElement(_index.default, {
|
|
39
|
+
description: "date time",
|
|
40
|
+
prevMonthLabel: "Previous month",
|
|
41
|
+
nextMonthLabel: "Next month",
|
|
42
|
+
dateRenderLabel: "date",
|
|
43
|
+
timeRenderLabel: "time",
|
|
44
|
+
invalidDateTimeMessage: "whoops",
|
|
45
|
+
locale: locale,
|
|
46
|
+
timezone: timezone,
|
|
47
|
+
initialTimeForNewDate: "05:05"
|
|
48
|
+
})),
|
|
49
|
+
container = _render.container;
|
|
50
|
+
expect(container.firstChild).toBeInTheDocument();
|
|
100
51
|
});
|
|
101
52
|
|
|
53
|
+
// it("should change value of TimeSelect to initialTimeForNewDate prop's value", async () => {
|
|
54
|
+
// const locale = 'en-US'
|
|
55
|
+
// const timezone = 'US/Eastern'
|
|
56
|
+
|
|
57
|
+
// render(
|
|
58
|
+
// <DateTimeInput
|
|
59
|
+
// description="date time"
|
|
60
|
+
// prevMonthLabel="Previous month"
|
|
61
|
+
// nextMonthLabel="Next month"
|
|
62
|
+
// dateRenderLabel="date"
|
|
63
|
+
// timeRenderLabel="time"
|
|
64
|
+
// invalidDateTimeMessage="whoops"
|
|
65
|
+
// locale={locale}
|
|
66
|
+
// timezone={timezone}
|
|
67
|
+
// initialTimeForNewDate="05:05"
|
|
68
|
+
// />
|
|
69
|
+
// )
|
|
70
|
+
|
|
71
|
+
// const input = screen.getAllByRole('combobox')[0]
|
|
72
|
+
|
|
73
|
+
// fireEvent.click(input)
|
|
74
|
+
|
|
75
|
+
// const firstDay = screen.getByText('15')
|
|
76
|
+
|
|
77
|
+
// await userEvent.click(firstDay)
|
|
78
|
+
|
|
79
|
+
// const allInputs = screen.getAllByRole('combobox')
|
|
80
|
+
// const targetInput = allInputs.find(
|
|
81
|
+
// (input) => (input as HTMLInputElement).value === '5:05 AM'
|
|
82
|
+
// )
|
|
83
|
+
// expect(targetInput).toBeInTheDocument()
|
|
84
|
+
// })
|
|
85
|
+
|
|
86
|
+
// it("should throw warning if initialTimeForNewDate prop's value is not HH:MM", async () => {
|
|
87
|
+
// const locale = 'en-US'
|
|
88
|
+
// const timezone = 'US/Eastern'
|
|
89
|
+
|
|
90
|
+
// const consoleError = jest
|
|
91
|
+
// .spyOn(console, 'error')
|
|
92
|
+
// .mockImplementation(() => {})
|
|
93
|
+
|
|
94
|
+
// const initialTimeForNewDate = 'WRONG_FORMAT'
|
|
95
|
+
|
|
96
|
+
// render(
|
|
97
|
+
// <DateTimeInput
|
|
98
|
+
// description="date time"
|
|
99
|
+
// prevMonthLabel="Previous month"
|
|
100
|
+
// nextMonthLabel="Next month"
|
|
101
|
+
// dateRenderLabel="date"
|
|
102
|
+
// timeRenderLabel="time"
|
|
103
|
+
// invalidDateTimeMessage="whoops"
|
|
104
|
+
// locale={locale}
|
|
105
|
+
// timezone={timezone}
|
|
106
|
+
// initialTimeForNewDate={initialTimeForNewDate}
|
|
107
|
+
// />
|
|
108
|
+
// )
|
|
109
|
+
|
|
110
|
+
// expect(consoleError.mock.calls[0][2]).toContain(
|
|
111
|
+
// `Invalid prop \`initialTimeForNewDate\` \`${initialTimeForNewDate}\` supplied to \`DateTimeInput\`, expected a HH:MM formatted string.`
|
|
112
|
+
// )
|
|
113
|
+
|
|
114
|
+
// const input = screen.getAllByRole('combobox')[0]
|
|
115
|
+
|
|
116
|
+
// fireEvent.click(input)
|
|
117
|
+
|
|
118
|
+
// const firstDay = screen.getByText('15')
|
|
119
|
+
|
|
120
|
+
// await userEvent.click(firstDay)
|
|
121
|
+
|
|
122
|
+
// expect(consoleError.mock.calls[1][0]).toBe(
|
|
123
|
+
// `Warning: [DateTimeInput] initialTimeForNewDate prop is not in the correct format. Please use HH:MM format.`
|
|
124
|
+
// )
|
|
125
|
+
// })
|
|
126
|
+
|
|
127
|
+
// it('should throw warning if initialTimeForNewDate prop hour and minute values are not in interval', async () => {
|
|
128
|
+
// const locale = 'en-US'
|
|
129
|
+
// const timezone = 'US/Eastern'
|
|
130
|
+
|
|
131
|
+
// const consoleError = jest
|
|
132
|
+
// .spyOn(console, 'error')
|
|
133
|
+
// .mockImplementation(() => {})
|
|
134
|
+
|
|
135
|
+
// const initialTimeForNewDate = '99:99'
|
|
136
|
+
|
|
137
|
+
// render(
|
|
138
|
+
// <DateTimeInput
|
|
139
|
+
// description="date time"
|
|
140
|
+
// prevMonthLabel="Previous month"
|
|
141
|
+
// nextMonthLabel="Next month"
|
|
142
|
+
// dateRenderLabel="date"
|
|
143
|
+
// timeRenderLabel="time"
|
|
144
|
+
// invalidDateTimeMessage="whoops"
|
|
145
|
+
// locale={locale}
|
|
146
|
+
// timezone={timezone}
|
|
147
|
+
// initialTimeForNewDate={initialTimeForNewDate}
|
|
148
|
+
// />
|
|
149
|
+
// )
|
|
150
|
+
|
|
151
|
+
// const input = screen.getAllByRole('combobox')[0]
|
|
152
|
+
|
|
153
|
+
// fireEvent.click(input)
|
|
154
|
+
|
|
155
|
+
// const firstDay = screen.getByText('15')
|
|
156
|
+
|
|
157
|
+
// await userEvent.click(firstDay)
|
|
158
|
+
|
|
159
|
+
// expect(consoleError.mock.calls[0][0]).toContain(
|
|
160
|
+
// `Warning: [DateTimeInput] 0 <= hour < 24 and 0 <= minute < 60 for initialTimeForNewDate prop.`
|
|
161
|
+
// )
|
|
162
|
+
// })
|
|
163
|
+
|
|
102
164
|
/*
|
|
103
165
|
* TODO write this test with Cypress
|
|
104
166
|
* Steps:
|
|
@@ -164,7 +226,7 @@ describe('<DateTimeInput />', () => {
|
|
|
164
226
|
// // )
|
|
165
227
|
// })
|
|
166
228
|
|
|
167
|
-
afterEach(() => {
|
|
168
|
-
|
|
169
|
-
})
|
|
229
|
+
// afterEach(() => {
|
|
230
|
+
// jest.resetAllMocks()
|
|
231
|
+
// })
|
|
170
232
|
});
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@instructure/ui-date-time-input",
|
|
3
|
-
"version": "8.53.
|
|
3
|
+
"version": "8.53.3-pr-snapshot-8",
|
|
4
4
|
"description": "A UI component that allows to select date and time.",
|
|
5
5
|
"author": "Instructure, Inc. Engineering and Product Design",
|
|
6
6
|
"module": "./es/index.js",
|
|
@@ -23,30 +23,30 @@
|
|
|
23
23
|
},
|
|
24
24
|
"license": "MIT",
|
|
25
25
|
"devDependencies": {
|
|
26
|
-
"@instructure/ui-babel-preset": "8.53.
|
|
27
|
-
"@instructure/ui-test-locator": "8.53.
|
|
28
|
-
"@instructure/ui-test-utils": "8.53.
|
|
26
|
+
"@instructure/ui-babel-preset": "8.53.3-pr-snapshot-8",
|
|
27
|
+
"@instructure/ui-test-locator": "8.53.3-pr-snapshot-8",
|
|
28
|
+
"@instructure/ui-test-utils": "8.53.3-pr-snapshot-8",
|
|
29
29
|
"@testing-library/jest-dom": "^6.1.4",
|
|
30
30
|
"@testing-library/react": "^14.0.0",
|
|
31
31
|
"@testing-library/user-event": "^14.5.1"
|
|
32
32
|
},
|
|
33
33
|
"dependencies": {
|
|
34
34
|
"@babel/runtime": "^7.23.2",
|
|
35
|
-
"@instructure/console": "8.53.
|
|
36
|
-
"@instructure/debounce": "8.53.
|
|
37
|
-
"@instructure/emotion": "8.53.
|
|
38
|
-
"@instructure/ui-a11y-content": "8.53.
|
|
39
|
-
"@instructure/ui-buttons": "8.53.
|
|
40
|
-
"@instructure/ui-calendar": "8.53.
|
|
41
|
-
"@instructure/ui-date-input": "8.53.
|
|
42
|
-
"@instructure/ui-form-field": "8.53.
|
|
43
|
-
"@instructure/ui-i18n": "8.53.
|
|
44
|
-
"@instructure/ui-icons": "8.53.
|
|
45
|
-
"@instructure/ui-prop-types": "8.53.
|
|
46
|
-
"@instructure/ui-react-utils": "8.53.
|
|
47
|
-
"@instructure/ui-testable": "8.53.
|
|
48
|
-
"@instructure/ui-time-select": "8.53.
|
|
49
|
-
"@instructure/ui-utils": "8.53.
|
|
35
|
+
"@instructure/console": "8.53.3-pr-snapshot-8",
|
|
36
|
+
"@instructure/debounce": "8.53.3-pr-snapshot-8",
|
|
37
|
+
"@instructure/emotion": "8.53.3-pr-snapshot-8",
|
|
38
|
+
"@instructure/ui-a11y-content": "8.53.3-pr-snapshot-8",
|
|
39
|
+
"@instructure/ui-buttons": "8.53.3-pr-snapshot-8",
|
|
40
|
+
"@instructure/ui-calendar": "8.53.3-pr-snapshot-8",
|
|
41
|
+
"@instructure/ui-date-input": "8.53.3-pr-snapshot-8",
|
|
42
|
+
"@instructure/ui-form-field": "8.53.3-pr-snapshot-8",
|
|
43
|
+
"@instructure/ui-i18n": "8.53.3-pr-snapshot-8",
|
|
44
|
+
"@instructure/ui-icons": "8.53.3-pr-snapshot-8",
|
|
45
|
+
"@instructure/ui-prop-types": "8.53.3-pr-snapshot-8",
|
|
46
|
+
"@instructure/ui-react-utils": "8.53.3-pr-snapshot-8",
|
|
47
|
+
"@instructure/ui-testable": "8.53.3-pr-snapshot-8",
|
|
48
|
+
"@instructure/ui-time-select": "8.53.3-pr-snapshot-8",
|
|
49
|
+
"@instructure/ui-utils": "8.53.3-pr-snapshot-8",
|
|
50
50
|
"prop-types": "^15.8.1"
|
|
51
51
|
},
|
|
52
52
|
"peerDependencies": {
|