@instructure/ui-date-input 10.2.3-snapshot-14 → 10.2.3-snapshot-15
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 +1 -1
- package/es/DateInput/__new-tests__/DateInput.test.js +36 -36
- package/lib/DateInput/__new-tests__/DateInput.test.js +36 -36
- package/package.json +23 -23
- package/tsconfig.build.tsbuildinfo +1 -1
- package/types/DateInput/index.d.ts +3 -3
- package/types/DateInput/index.d.ts.map +1 -1
package/CHANGELOG.md
CHANGED
@@ -3,7 +3,7 @@
|
|
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
|
-
## [10.2.3-snapshot-
|
6
|
+
## [10.2.3-snapshot-15](https://github.com/instructure/instructure-ui/compare/v10.2.2...v10.2.3-snapshot-15) (2024-10-03)
|
7
7
|
|
8
8
|
|
9
9
|
### Features
|
@@ -40,7 +40,7 @@ describe('<DateInput />', () => {
|
|
40
40
|
const days = [];
|
41
41
|
const date = new Date('2019-07-28');
|
42
42
|
while (days.length < count) {
|
43
|
-
days.push(
|
43
|
+
days.push(/*#__PURE__*/React.createElement(Calendar.Day, {
|
44
44
|
key: date.toISOString(),
|
45
45
|
date: date.toISOString(),
|
46
46
|
label: date.toISOString()
|
@@ -61,7 +61,7 @@ describe('<DateInput />', () => {
|
|
61
61
|
consoleErrorMock.mockRestore();
|
62
62
|
});
|
63
63
|
it('should render an input and a calendar', async () => {
|
64
|
-
const _render = render(
|
64
|
+
const _render = render(/*#__PURE__*/React.createElement(DateInput, {
|
65
65
|
renderLabel: "date-input",
|
66
66
|
renderWeekdayLabels: weekdayLabels,
|
67
67
|
isShowingCalendar: true
|
@@ -82,7 +82,7 @@ describe('<DateInput />', () => {
|
|
82
82
|
describe('input', () => {
|
83
83
|
it('should render a label', () => {
|
84
84
|
const labelText = 'label text';
|
85
|
-
render(
|
85
|
+
render(/*#__PURE__*/React.createElement(DateInput, {
|
86
86
|
renderLabel: labelText,
|
87
87
|
renderWeekdayLabels: weekdayLabels
|
88
88
|
}, generateDays()));
|
@@ -91,7 +91,7 @@ describe('<DateInput />', () => {
|
|
91
91
|
});
|
92
92
|
it('should set value', () => {
|
93
93
|
const value = 'January 5';
|
94
|
-
render(
|
94
|
+
render(/*#__PURE__*/React.createElement(DateInput, {
|
95
95
|
renderLabel: "Choose date",
|
96
96
|
value: value,
|
97
97
|
onChange: vi.fn(),
|
@@ -103,7 +103,7 @@ describe('<DateInput />', () => {
|
|
103
103
|
it('should call onChange with the updated value', async () => {
|
104
104
|
const onChange = vi.fn();
|
105
105
|
const value = 'May 18, 2022';
|
106
|
-
render(
|
106
|
+
render(/*#__PURE__*/React.createElement(DateInput, {
|
107
107
|
renderLabel: "Choose date",
|
108
108
|
renderWeekdayLabels: weekdayLabels,
|
109
109
|
onChange: onChange
|
@@ -126,7 +126,7 @@ describe('<DateInput />', () => {
|
|
126
126
|
});
|
127
127
|
it('should call onBlur', () => {
|
128
128
|
const onBlur = vi.fn();
|
129
|
-
render(
|
129
|
+
render(/*#__PURE__*/React.createElement(DateInput, {
|
130
130
|
renderLabel: "Choose date",
|
131
131
|
renderWeekdayLabels: weekdayLabels,
|
132
132
|
onBlur: onBlur
|
@@ -136,7 +136,7 @@ describe('<DateInput />', () => {
|
|
136
136
|
expect(onBlur).toHaveBeenCalledTimes(1);
|
137
137
|
});
|
138
138
|
it('should correctly set interaction type', async () => {
|
139
|
-
const _render2 = render(
|
139
|
+
const _render2 = render(/*#__PURE__*/React.createElement(DateInput, {
|
140
140
|
renderLabel: "Choose date",
|
141
141
|
renderWeekdayLabels: weekdayLabels,
|
142
142
|
interaction: "disabled"
|
@@ -144,7 +144,7 @@ describe('<DateInput />', () => {
|
|
144
144
|
rerender = _render2.rerender;
|
145
145
|
const dateInput = screen.getByLabelText('Choose date');
|
146
146
|
expect(dateInput).toHaveAttribute('disabled');
|
147
|
-
rerender(
|
147
|
+
rerender(/*#__PURE__*/React.createElement(DateInput, {
|
148
148
|
renderLabel: "Choose date",
|
149
149
|
renderWeekdayLabels: weekdayLabels,
|
150
150
|
interaction: "readonly"
|
@@ -155,7 +155,7 @@ describe('<DateInput />', () => {
|
|
155
155
|
});
|
156
156
|
});
|
157
157
|
it('should correctly set disabled', () => {
|
158
|
-
render(
|
158
|
+
render(/*#__PURE__*/React.createElement(DateInput, {
|
159
159
|
renderLabel: "Choose date",
|
160
160
|
renderWeekdayLabels: weekdayLabels,
|
161
161
|
disabled: true
|
@@ -164,7 +164,7 @@ describe('<DateInput />', () => {
|
|
164
164
|
expect(dateInput).toHaveAttribute('disabled');
|
165
165
|
});
|
166
166
|
it('should correctly set readOnly', () => {
|
167
|
-
render(
|
167
|
+
render(/*#__PURE__*/React.createElement(DateInput, {
|
168
168
|
renderLabel: "Choose date",
|
169
169
|
renderWeekdayLabels: weekdayLabels,
|
170
170
|
readOnly: true
|
@@ -174,7 +174,7 @@ describe('<DateInput />', () => {
|
|
174
174
|
});
|
175
175
|
it('should set placeholder', () => {
|
176
176
|
const placeholder = 'Start typing to choose a date';
|
177
|
-
render(
|
177
|
+
render(/*#__PURE__*/React.createElement(DateInput, {
|
178
178
|
renderLabel: "Choose date",
|
179
179
|
renderWeekdayLabels: weekdayLabels,
|
180
180
|
placeholder: placeholder
|
@@ -183,7 +183,7 @@ describe('<DateInput />', () => {
|
|
183
183
|
expect(dateInput).toHaveAttribute('placeholder', placeholder);
|
184
184
|
});
|
185
185
|
it('should be requireable', () => {
|
186
|
-
render(
|
186
|
+
render(/*#__PURE__*/React.createElement(DateInput, {
|
187
187
|
renderLabel: "Choose date",
|
188
188
|
renderWeekdayLabels: weekdayLabels,
|
189
189
|
isRequired: true
|
@@ -193,7 +193,7 @@ describe('<DateInput />', () => {
|
|
193
193
|
});
|
194
194
|
it('should provide inputRef', () => {
|
195
195
|
const inputRef = vi.fn();
|
196
|
-
render(
|
196
|
+
render(/*#__PURE__*/React.createElement(DateInput, {
|
197
197
|
renderLabel: "Choose date",
|
198
198
|
renderWeekdayLabels: weekdayLabels,
|
199
199
|
inputRef: inputRef
|
@@ -203,7 +203,7 @@ describe('<DateInput />', () => {
|
|
203
203
|
});
|
204
204
|
it('should render messages', () => {
|
205
205
|
const text = 'The selected date is invalid';
|
206
|
-
const _render3 = render(
|
206
|
+
const _render3 = render(/*#__PURE__*/React.createElement(DateInput, {
|
207
207
|
renderLabel: "Choose date",
|
208
208
|
renderWeekdayLabels: weekdayLabels,
|
209
209
|
messages: [{
|
@@ -215,7 +215,7 @@ describe('<DateInput />', () => {
|
|
215
215
|
expect(container).toHaveTextContent(text);
|
216
216
|
});
|
217
217
|
it('should allow custom props to pass through', () => {
|
218
|
-
render(
|
218
|
+
render(/*#__PURE__*/React.createElement(DateInput, {
|
219
219
|
renderLabel: "Choose date",
|
220
220
|
renderWeekdayLabels: weekdayLabels,
|
221
221
|
"data-custom-attr": "custom value",
|
@@ -228,7 +228,7 @@ describe('<DateInput />', () => {
|
|
228
228
|
});
|
229
229
|
describe('Calendar', () => {
|
230
230
|
it('should show calendar when `isShowingCalendar` is set', async () => {
|
231
|
-
const _render4 = render(
|
231
|
+
const _render4 = render(/*#__PURE__*/React.createElement(DateInput, {
|
232
232
|
renderLabel: "Choose date",
|
233
233
|
renderWeekdayLabels: weekdayLabels
|
234
234
|
}, generateDays())),
|
@@ -240,7 +240,7 @@ describe('<DateInput />', () => {
|
|
240
240
|
expect(dateInput).toBeInTheDocument();
|
241
241
|
expect(calendarTable).not.toBeInTheDocument();
|
242
242
|
expect(calendarWrapper).not.toBeInTheDocument();
|
243
|
-
rerender(
|
243
|
+
rerender(/*#__PURE__*/React.createElement(DateInput, {
|
244
244
|
renderLabel: "Choose date",
|
245
245
|
renderWeekdayLabels: weekdayLabels,
|
246
246
|
isShowingCalendar: true
|
@@ -257,7 +257,7 @@ describe('<DateInput />', () => {
|
|
257
257
|
describe('onRequestShowCalendar', () => {
|
258
258
|
it('should call onRequestShowCalendar when label is clicked', async () => {
|
259
259
|
const onRequestShowCalendar = vi.fn();
|
260
|
-
const _render5 = render(
|
260
|
+
const _render5 = render(/*#__PURE__*/React.createElement(DateInput, {
|
261
261
|
renderLabel: "Choose date",
|
262
262
|
renderWeekdayLabels: weekdayLabels,
|
263
263
|
onRequestShowCalendar: onRequestShowCalendar
|
@@ -272,7 +272,7 @@ describe('<DateInput />', () => {
|
|
272
272
|
});
|
273
273
|
it('should call onRequestShowCalendar when input is clicked', async () => {
|
274
274
|
const onRequestShowCalendar = vi.fn();
|
275
|
-
const _render6 = render(
|
275
|
+
const _render6 = render(/*#__PURE__*/React.createElement(DateInput, {
|
276
276
|
renderLabel: "Choose date",
|
277
277
|
renderWeekdayLabels: weekdayLabels,
|
278
278
|
onRequestShowCalendar: onRequestShowCalendar
|
@@ -286,7 +286,7 @@ describe('<DateInput />', () => {
|
|
286
286
|
});
|
287
287
|
it('should call onRequestShowCalendar when input receives space event', async () => {
|
288
288
|
const onRequestShowCalendar = vi.fn();
|
289
|
-
render(
|
289
|
+
render(/*#__PURE__*/React.createElement(DateInput, {
|
290
290
|
renderLabel: "Choose date",
|
291
291
|
renderWeekdayLabels: weekdayLabels,
|
292
292
|
onRequestShowCalendar: onRequestShowCalendar
|
@@ -299,7 +299,7 @@ describe('<DateInput />', () => {
|
|
299
299
|
});
|
300
300
|
it('should not call onRequestShowCalendar when input receives space event if calendar is already showing', async () => {
|
301
301
|
const onRequestShowCalendar = vi.fn();
|
302
|
-
render(
|
302
|
+
render(/*#__PURE__*/React.createElement(DateInput, {
|
303
303
|
renderLabel: "Choose date",
|
304
304
|
renderWeekdayLabels: weekdayLabels,
|
305
305
|
onRequestShowCalendar: onRequestShowCalendar,
|
@@ -313,7 +313,7 @@ describe('<DateInput />', () => {
|
|
313
313
|
});
|
314
314
|
it('should call onRequestShowCalendar when input receives down arrow event', async () => {
|
315
315
|
const onRequestShowCalendar = vi.fn();
|
316
|
-
render(
|
316
|
+
render(/*#__PURE__*/React.createElement(DateInput, {
|
317
317
|
renderLabel: "Choose date",
|
318
318
|
renderWeekdayLabels: weekdayLabels,
|
319
319
|
onRequestShowCalendar: onRequestShowCalendar
|
@@ -326,7 +326,7 @@ describe('<DateInput />', () => {
|
|
326
326
|
});
|
327
327
|
it('should not call onRequestShowCalendar when input receives down arrow event if calendar is already showing', async () => {
|
328
328
|
const onRequestShowCalendar = vi.fn();
|
329
|
-
render(
|
329
|
+
render(/*#__PURE__*/React.createElement(DateInput, {
|
330
330
|
renderLabel: "Choose date",
|
331
331
|
renderWeekdayLabels: weekdayLabels,
|
332
332
|
onRequestShowCalendar: onRequestShowCalendar,
|
@@ -340,7 +340,7 @@ describe('<DateInput />', () => {
|
|
340
340
|
});
|
341
341
|
it('should call onRequestShowCalendar when input receives up arrow event', async () => {
|
342
342
|
const onRequestShowCalendar = vi.fn();
|
343
|
-
render(
|
343
|
+
render(/*#__PURE__*/React.createElement(DateInput, {
|
344
344
|
renderLabel: "Choose date",
|
345
345
|
renderWeekdayLabels: weekdayLabels,
|
346
346
|
onRequestShowCalendar: onRequestShowCalendar
|
@@ -353,7 +353,7 @@ describe('<DateInput />', () => {
|
|
353
353
|
});
|
354
354
|
it('should not call onRequestShowCalendar when input receives up arrow event if calendar is already showing', async () => {
|
355
355
|
const onRequestShowCalendar = vi.fn();
|
356
|
-
render(
|
356
|
+
render(/*#__PURE__*/React.createElement(DateInput, {
|
357
357
|
renderLabel: "Choose date",
|
358
358
|
renderWeekdayLabels: weekdayLabels,
|
359
359
|
onRequestShowCalendar: onRequestShowCalendar,
|
@@ -367,7 +367,7 @@ describe('<DateInput />', () => {
|
|
367
367
|
});
|
368
368
|
it('should call onRequestShowCalendar when input receives onChange event', async () => {
|
369
369
|
const onRequestShowCalendar = vi.fn();
|
370
|
-
render(
|
370
|
+
render(/*#__PURE__*/React.createElement(DateInput, {
|
371
371
|
renderLabel: "Choose date",
|
372
372
|
renderWeekdayLabels: weekdayLabels,
|
373
373
|
onRequestShowCalendar: onRequestShowCalendar
|
@@ -384,7 +384,7 @@ describe('<DateInput />', () => {
|
|
384
384
|
});
|
385
385
|
it('should not call onRequestShowCalendar when disabled', async () => {
|
386
386
|
const onRequestShowCalendar = vi.fn();
|
387
|
-
render(
|
387
|
+
render(/*#__PURE__*/React.createElement(DateInput, {
|
388
388
|
renderLabel: "Choose date",
|
389
389
|
renderWeekdayLabels: weekdayLabels,
|
390
390
|
onRequestShowCalendar: onRequestShowCalendar,
|
@@ -404,7 +404,7 @@ describe('<DateInput />', () => {
|
|
404
404
|
it('should call onRequestHideCalendar and onRequestValidateDate input receives onBlur event', async () => {
|
405
405
|
const onRequestHideCalendar = vi.fn();
|
406
406
|
const onRequestValidateDate = vi.fn();
|
407
|
-
render(
|
407
|
+
render(/*#__PURE__*/React.createElement(DateInput, {
|
408
408
|
renderLabel: "Choose date",
|
409
409
|
renderWeekdayLabels: weekdayLabels,
|
410
410
|
onRequestHideCalendar: onRequestHideCalendar,
|
@@ -421,7 +421,7 @@ describe('<DateInput />', () => {
|
|
421
421
|
it('should call onRequestHideCalendar and onRequestValidateDate when input receives esc event', async () => {
|
422
422
|
const onRequestHideCalendar = vi.fn();
|
423
423
|
const onRequestValidateDate = vi.fn();
|
424
|
-
render(
|
424
|
+
render(/*#__PURE__*/React.createElement(DateInput, {
|
425
425
|
renderLabel: "Choose date",
|
426
426
|
renderWeekdayLabels: weekdayLabels,
|
427
427
|
onRequestHideCalendar: onRequestHideCalendar,
|
@@ -445,7 +445,7 @@ describe('<DateInput />', () => {
|
|
445
445
|
date: "2019-09-28",
|
446
446
|
isSelected: true
|
447
447
|
}, 4));
|
448
|
-
render(
|
448
|
+
render(/*#__PURE__*/React.createElement(DateInput, {
|
449
449
|
renderLabel: "Choose date",
|
450
450
|
renderWeekdayLabels: weekdayLabels,
|
451
451
|
onRequestHideCalendar: onRequestHideCalendar,
|
@@ -462,7 +462,7 @@ describe('<DateInput />', () => {
|
|
462
462
|
});
|
463
463
|
it('should render calendar navigation label', () => {
|
464
464
|
const label = 'January 2019';
|
465
|
-
render(
|
465
|
+
render(/*#__PURE__*/React.createElement(DateInput, {
|
466
466
|
renderLabel: "Choose date",
|
467
467
|
renderWeekdayLabels: weekdayLabels,
|
468
468
|
renderNavigationLabel: /*#__PURE__*/React.createElement("div", {
|
@@ -475,7 +475,7 @@ describe('<DateInput />', () => {
|
|
475
475
|
expect(navigationLabel).toHaveTextContent(label);
|
476
476
|
});
|
477
477
|
it('should render calendar weekday labels', async () => {
|
478
|
-
render(
|
478
|
+
render(/*#__PURE__*/React.createElement(DateInput, {
|
479
479
|
renderLabel: "Choose date",
|
480
480
|
renderWeekdayLabels: weekdayLabels,
|
481
481
|
isShowingCalendar: true
|
@@ -488,7 +488,7 @@ describe('<DateInput />', () => {
|
|
488
488
|
});
|
489
489
|
});
|
490
490
|
it('should render all focusable elements in calendar with tabIndex="-1"', async () => {
|
491
|
-
render(
|
491
|
+
render(/*#__PURE__*/React.createElement(DateInput, {
|
492
492
|
renderLabel: "Choose date",
|
493
493
|
renderWeekdayLabels: weekdayLabels,
|
494
494
|
renderNextMonthButton: _button || (_button = /*#__PURE__*/React.createElement("button", {
|
@@ -519,7 +519,7 @@ describe('<DateInput />', () => {
|
|
519
519
|
id: "5",
|
520
520
|
isOutsideMonth: true
|
521
521
|
}, "outside"));
|
522
|
-
render(
|
522
|
+
render(/*#__PURE__*/React.createElement(DateInput, {
|
523
523
|
renderLabel: "Choose date",
|
524
524
|
renderWeekdayLabels: weekdayLabels,
|
525
525
|
isShowingCalendar: true
|
@@ -543,7 +543,7 @@ describe('<DateInput />', () => {
|
|
543
543
|
id: "selected-day-id",
|
544
544
|
isSelected: true
|
545
545
|
}, "selected"));
|
546
|
-
render(
|
546
|
+
render(/*#__PURE__*/React.createElement(DateInput, {
|
547
547
|
renderLabel: "Choose date",
|
548
548
|
renderWeekdayLabels: weekdayLabels,
|
549
549
|
isShowingCalendar: true
|
@@ -577,7 +577,7 @@ describe('<DateInput />', () => {
|
|
577
577
|
describe('with minimal config', () => {
|
578
578
|
it('should render 44 buttons (a calendar) when clicked', async () => {
|
579
579
|
const onChange = vi.fn();
|
580
|
-
render(
|
580
|
+
render(/*#__PURE__*/React.createElement(DateInput, {
|
581
581
|
renderLabel: "Choose date",
|
582
582
|
assistiveText: "Type a date or use arrow keys to navigate date picker.",
|
583
583
|
width: "20rem",
|
@@ -42,7 +42,7 @@ describe('<DateInput />', () => {
|
|
42
42
|
const days = [];
|
43
43
|
const date = new Date('2019-07-28');
|
44
44
|
while (days.length < count) {
|
45
|
-
days.push(
|
45
|
+
days.push(/*#__PURE__*/_react.default.createElement(_Calendar.Calendar.Day, {
|
46
46
|
key: date.toISOString(),
|
47
47
|
date: date.toISOString(),
|
48
48
|
label: date.toISOString()
|
@@ -63,7 +63,7 @@ describe('<DateInput />', () => {
|
|
63
63
|
consoleErrorMock.mockRestore();
|
64
64
|
});
|
65
65
|
it('should render an input and a calendar', async () => {
|
66
|
-
const _render = (0, _react2.render)(
|
66
|
+
const _render = (0, _react2.render)(/*#__PURE__*/_react.default.createElement(_index.DateInput, {
|
67
67
|
renderLabel: "date-input",
|
68
68
|
renderWeekdayLabels: weekdayLabels,
|
69
69
|
isShowingCalendar: true
|
@@ -84,7 +84,7 @@ describe('<DateInput />', () => {
|
|
84
84
|
describe('input', () => {
|
85
85
|
it('should render a label', () => {
|
86
86
|
const labelText = 'label text';
|
87
|
-
(0, _react2.render)(
|
87
|
+
(0, _react2.render)(/*#__PURE__*/_react.default.createElement(_index.DateInput, {
|
88
88
|
renderLabel: labelText,
|
89
89
|
renderWeekdayLabels: weekdayLabels
|
90
90
|
}, generateDays()));
|
@@ -93,7 +93,7 @@ describe('<DateInput />', () => {
|
|
93
93
|
});
|
94
94
|
it('should set value', () => {
|
95
95
|
const value = 'January 5';
|
96
|
-
(0, _react2.render)(
|
96
|
+
(0, _react2.render)(/*#__PURE__*/_react.default.createElement(_index.DateInput, {
|
97
97
|
renderLabel: "Choose date",
|
98
98
|
value: value,
|
99
99
|
onChange: _vitest.vi.fn(),
|
@@ -105,7 +105,7 @@ describe('<DateInput />', () => {
|
|
105
105
|
it('should call onChange with the updated value', async () => {
|
106
106
|
const onChange = _vitest.vi.fn();
|
107
107
|
const value = 'May 18, 2022';
|
108
|
-
(0, _react2.render)(
|
108
|
+
(0, _react2.render)(/*#__PURE__*/_react.default.createElement(_index.DateInput, {
|
109
109
|
renderLabel: "Choose date",
|
110
110
|
renderWeekdayLabels: weekdayLabels,
|
111
111
|
onChange: onChange
|
@@ -128,7 +128,7 @@ describe('<DateInput />', () => {
|
|
128
128
|
});
|
129
129
|
it('should call onBlur', () => {
|
130
130
|
const onBlur = _vitest.vi.fn();
|
131
|
-
(0, _react2.render)(
|
131
|
+
(0, _react2.render)(/*#__PURE__*/_react.default.createElement(_index.DateInput, {
|
132
132
|
renderLabel: "Choose date",
|
133
133
|
renderWeekdayLabels: weekdayLabels,
|
134
134
|
onBlur: onBlur
|
@@ -138,7 +138,7 @@ describe('<DateInput />', () => {
|
|
138
138
|
expect(onBlur).toHaveBeenCalledTimes(1);
|
139
139
|
});
|
140
140
|
it('should correctly set interaction type', async () => {
|
141
|
-
const _render2 = (0, _react2.render)(
|
141
|
+
const _render2 = (0, _react2.render)(/*#__PURE__*/_react.default.createElement(_index.DateInput, {
|
142
142
|
renderLabel: "Choose date",
|
143
143
|
renderWeekdayLabels: weekdayLabels,
|
144
144
|
interaction: "disabled"
|
@@ -146,7 +146,7 @@ describe('<DateInput />', () => {
|
|
146
146
|
rerender = _render2.rerender;
|
147
147
|
const dateInput = _react2.screen.getByLabelText('Choose date');
|
148
148
|
expect(dateInput).toHaveAttribute('disabled');
|
149
|
-
rerender(
|
149
|
+
rerender(/*#__PURE__*/_react.default.createElement(_index.DateInput, {
|
150
150
|
renderLabel: "Choose date",
|
151
151
|
renderWeekdayLabels: weekdayLabels,
|
152
152
|
interaction: "readonly"
|
@@ -157,7 +157,7 @@ describe('<DateInput />', () => {
|
|
157
157
|
});
|
158
158
|
});
|
159
159
|
it('should correctly set disabled', () => {
|
160
|
-
(0, _react2.render)(
|
160
|
+
(0, _react2.render)(/*#__PURE__*/_react.default.createElement(_index.DateInput, {
|
161
161
|
renderLabel: "Choose date",
|
162
162
|
renderWeekdayLabels: weekdayLabels,
|
163
163
|
disabled: true
|
@@ -166,7 +166,7 @@ describe('<DateInput />', () => {
|
|
166
166
|
expect(dateInput).toHaveAttribute('disabled');
|
167
167
|
});
|
168
168
|
it('should correctly set readOnly', () => {
|
169
|
-
(0, _react2.render)(
|
169
|
+
(0, _react2.render)(/*#__PURE__*/_react.default.createElement(_index.DateInput, {
|
170
170
|
renderLabel: "Choose date",
|
171
171
|
renderWeekdayLabels: weekdayLabels,
|
172
172
|
readOnly: true
|
@@ -176,7 +176,7 @@ describe('<DateInput />', () => {
|
|
176
176
|
});
|
177
177
|
it('should set placeholder', () => {
|
178
178
|
const placeholder = 'Start typing to choose a date';
|
179
|
-
(0, _react2.render)(
|
179
|
+
(0, _react2.render)(/*#__PURE__*/_react.default.createElement(_index.DateInput, {
|
180
180
|
renderLabel: "Choose date",
|
181
181
|
renderWeekdayLabels: weekdayLabels,
|
182
182
|
placeholder: placeholder
|
@@ -185,7 +185,7 @@ describe('<DateInput />', () => {
|
|
185
185
|
expect(dateInput).toHaveAttribute('placeholder', placeholder);
|
186
186
|
});
|
187
187
|
it('should be requireable', () => {
|
188
|
-
(0, _react2.render)(
|
188
|
+
(0, _react2.render)(/*#__PURE__*/_react.default.createElement(_index.DateInput, {
|
189
189
|
renderLabel: "Choose date",
|
190
190
|
renderWeekdayLabels: weekdayLabels,
|
191
191
|
isRequired: true
|
@@ -195,7 +195,7 @@ describe('<DateInput />', () => {
|
|
195
195
|
});
|
196
196
|
it('should provide inputRef', () => {
|
197
197
|
const inputRef = _vitest.vi.fn();
|
198
|
-
(0, _react2.render)(
|
198
|
+
(0, _react2.render)(/*#__PURE__*/_react.default.createElement(_index.DateInput, {
|
199
199
|
renderLabel: "Choose date",
|
200
200
|
renderWeekdayLabels: weekdayLabels,
|
201
201
|
inputRef: inputRef
|
@@ -205,7 +205,7 @@ describe('<DateInput />', () => {
|
|
205
205
|
});
|
206
206
|
it('should render messages', () => {
|
207
207
|
const text = 'The selected date is invalid';
|
208
|
-
const _render3 = (0, _react2.render)(
|
208
|
+
const _render3 = (0, _react2.render)(/*#__PURE__*/_react.default.createElement(_index.DateInput, {
|
209
209
|
renderLabel: "Choose date",
|
210
210
|
renderWeekdayLabels: weekdayLabels,
|
211
211
|
messages: [{
|
@@ -217,7 +217,7 @@ describe('<DateInput />', () => {
|
|
217
217
|
expect(container).toHaveTextContent(text);
|
218
218
|
});
|
219
219
|
it('should allow custom props to pass through', () => {
|
220
|
-
(0, _react2.render)(
|
220
|
+
(0, _react2.render)(/*#__PURE__*/_react.default.createElement(_index.DateInput, {
|
221
221
|
renderLabel: "Choose date",
|
222
222
|
renderWeekdayLabels: weekdayLabels,
|
223
223
|
"data-custom-attr": "custom value",
|
@@ -230,7 +230,7 @@ describe('<DateInput />', () => {
|
|
230
230
|
});
|
231
231
|
describe('Calendar', () => {
|
232
232
|
it('should show calendar when `isShowingCalendar` is set', async () => {
|
233
|
-
const _render4 = (0, _react2.render)(
|
233
|
+
const _render4 = (0, _react2.render)(/*#__PURE__*/_react.default.createElement(_index.DateInput, {
|
234
234
|
renderLabel: "Choose date",
|
235
235
|
renderWeekdayLabels: weekdayLabels
|
236
236
|
}, generateDays())),
|
@@ -242,7 +242,7 @@ describe('<DateInput />', () => {
|
|
242
242
|
expect(dateInput).toBeInTheDocument();
|
243
243
|
expect(calendarTable).not.toBeInTheDocument();
|
244
244
|
expect(calendarWrapper).not.toBeInTheDocument();
|
245
|
-
rerender(
|
245
|
+
rerender(/*#__PURE__*/_react.default.createElement(_index.DateInput, {
|
246
246
|
renderLabel: "Choose date",
|
247
247
|
renderWeekdayLabels: weekdayLabels,
|
248
248
|
isShowingCalendar: true
|
@@ -259,7 +259,7 @@ describe('<DateInput />', () => {
|
|
259
259
|
describe('onRequestShowCalendar', () => {
|
260
260
|
it('should call onRequestShowCalendar when label is clicked', async () => {
|
261
261
|
const onRequestShowCalendar = _vitest.vi.fn();
|
262
|
-
const _render5 = (0, _react2.render)(
|
262
|
+
const _render5 = (0, _react2.render)(/*#__PURE__*/_react.default.createElement(_index.DateInput, {
|
263
263
|
renderLabel: "Choose date",
|
264
264
|
renderWeekdayLabels: weekdayLabels,
|
265
265
|
onRequestShowCalendar: onRequestShowCalendar
|
@@ -274,7 +274,7 @@ describe('<DateInput />', () => {
|
|
274
274
|
});
|
275
275
|
it('should call onRequestShowCalendar when input is clicked', async () => {
|
276
276
|
const onRequestShowCalendar = _vitest.vi.fn();
|
277
|
-
const _render6 = (0, _react2.render)(
|
277
|
+
const _render6 = (0, _react2.render)(/*#__PURE__*/_react.default.createElement(_index.DateInput, {
|
278
278
|
renderLabel: "Choose date",
|
279
279
|
renderWeekdayLabels: weekdayLabels,
|
280
280
|
onRequestShowCalendar: onRequestShowCalendar
|
@@ -288,7 +288,7 @@ describe('<DateInput />', () => {
|
|
288
288
|
});
|
289
289
|
it('should call onRequestShowCalendar when input receives space event', async () => {
|
290
290
|
const onRequestShowCalendar = _vitest.vi.fn();
|
291
|
-
(0, _react2.render)(
|
291
|
+
(0, _react2.render)(/*#__PURE__*/_react.default.createElement(_index.DateInput, {
|
292
292
|
renderLabel: "Choose date",
|
293
293
|
renderWeekdayLabels: weekdayLabels,
|
294
294
|
onRequestShowCalendar: onRequestShowCalendar
|
@@ -301,7 +301,7 @@ describe('<DateInput />', () => {
|
|
301
301
|
});
|
302
302
|
it('should not call onRequestShowCalendar when input receives space event if calendar is already showing', async () => {
|
303
303
|
const onRequestShowCalendar = _vitest.vi.fn();
|
304
|
-
(0, _react2.render)(
|
304
|
+
(0, _react2.render)(/*#__PURE__*/_react.default.createElement(_index.DateInput, {
|
305
305
|
renderLabel: "Choose date",
|
306
306
|
renderWeekdayLabels: weekdayLabels,
|
307
307
|
onRequestShowCalendar: onRequestShowCalendar,
|
@@ -315,7 +315,7 @@ describe('<DateInput />', () => {
|
|
315
315
|
});
|
316
316
|
it('should call onRequestShowCalendar when input receives down arrow event', async () => {
|
317
317
|
const onRequestShowCalendar = _vitest.vi.fn();
|
318
|
-
(0, _react2.render)(
|
318
|
+
(0, _react2.render)(/*#__PURE__*/_react.default.createElement(_index.DateInput, {
|
319
319
|
renderLabel: "Choose date",
|
320
320
|
renderWeekdayLabels: weekdayLabels,
|
321
321
|
onRequestShowCalendar: onRequestShowCalendar
|
@@ -328,7 +328,7 @@ describe('<DateInput />', () => {
|
|
328
328
|
});
|
329
329
|
it('should not call onRequestShowCalendar when input receives down arrow event if calendar is already showing', async () => {
|
330
330
|
const onRequestShowCalendar = _vitest.vi.fn();
|
331
|
-
(0, _react2.render)(
|
331
|
+
(0, _react2.render)(/*#__PURE__*/_react.default.createElement(_index.DateInput, {
|
332
332
|
renderLabel: "Choose date",
|
333
333
|
renderWeekdayLabels: weekdayLabels,
|
334
334
|
onRequestShowCalendar: onRequestShowCalendar,
|
@@ -342,7 +342,7 @@ describe('<DateInput />', () => {
|
|
342
342
|
});
|
343
343
|
it('should call onRequestShowCalendar when input receives up arrow event', async () => {
|
344
344
|
const onRequestShowCalendar = _vitest.vi.fn();
|
345
|
-
(0, _react2.render)(
|
345
|
+
(0, _react2.render)(/*#__PURE__*/_react.default.createElement(_index.DateInput, {
|
346
346
|
renderLabel: "Choose date",
|
347
347
|
renderWeekdayLabels: weekdayLabels,
|
348
348
|
onRequestShowCalendar: onRequestShowCalendar
|
@@ -355,7 +355,7 @@ describe('<DateInput />', () => {
|
|
355
355
|
});
|
356
356
|
it('should not call onRequestShowCalendar when input receives up arrow event if calendar is already showing', async () => {
|
357
357
|
const onRequestShowCalendar = _vitest.vi.fn();
|
358
|
-
(0, _react2.render)(
|
358
|
+
(0, _react2.render)(/*#__PURE__*/_react.default.createElement(_index.DateInput, {
|
359
359
|
renderLabel: "Choose date",
|
360
360
|
renderWeekdayLabels: weekdayLabels,
|
361
361
|
onRequestShowCalendar: onRequestShowCalendar,
|
@@ -369,7 +369,7 @@ describe('<DateInput />', () => {
|
|
369
369
|
});
|
370
370
|
it('should call onRequestShowCalendar when input receives onChange event', async () => {
|
371
371
|
const onRequestShowCalendar = _vitest.vi.fn();
|
372
|
-
(0, _react2.render)(
|
372
|
+
(0, _react2.render)(/*#__PURE__*/_react.default.createElement(_index.DateInput, {
|
373
373
|
renderLabel: "Choose date",
|
374
374
|
renderWeekdayLabels: weekdayLabels,
|
375
375
|
onRequestShowCalendar: onRequestShowCalendar
|
@@ -386,7 +386,7 @@ describe('<DateInput />', () => {
|
|
386
386
|
});
|
387
387
|
it('should not call onRequestShowCalendar when disabled', async () => {
|
388
388
|
const onRequestShowCalendar = _vitest.vi.fn();
|
389
|
-
(0, _react2.render)(
|
389
|
+
(0, _react2.render)(/*#__PURE__*/_react.default.createElement(_index.DateInput, {
|
390
390
|
renderLabel: "Choose date",
|
391
391
|
renderWeekdayLabels: weekdayLabels,
|
392
392
|
onRequestShowCalendar: onRequestShowCalendar,
|
@@ -406,7 +406,7 @@ describe('<DateInput />', () => {
|
|
406
406
|
it('should call onRequestHideCalendar and onRequestValidateDate input receives onBlur event', async () => {
|
407
407
|
const onRequestHideCalendar = _vitest.vi.fn();
|
408
408
|
const onRequestValidateDate = _vitest.vi.fn();
|
409
|
-
(0, _react2.render)(
|
409
|
+
(0, _react2.render)(/*#__PURE__*/_react.default.createElement(_index.DateInput, {
|
410
410
|
renderLabel: "Choose date",
|
411
411
|
renderWeekdayLabels: weekdayLabels,
|
412
412
|
onRequestHideCalendar: onRequestHideCalendar,
|
@@ -423,7 +423,7 @@ describe('<DateInput />', () => {
|
|
423
423
|
it('should call onRequestHideCalendar and onRequestValidateDate when input receives esc event', async () => {
|
424
424
|
const onRequestHideCalendar = _vitest.vi.fn();
|
425
425
|
const onRequestValidateDate = _vitest.vi.fn();
|
426
|
-
(0, _react2.render)(
|
426
|
+
(0, _react2.render)(/*#__PURE__*/_react.default.createElement(_index.DateInput, {
|
427
427
|
renderLabel: "Choose date",
|
428
428
|
renderWeekdayLabels: weekdayLabels,
|
429
429
|
onRequestHideCalendar: onRequestHideCalendar,
|
@@ -447,7 +447,7 @@ describe('<DateInput />', () => {
|
|
447
447
|
date: "2019-09-28",
|
448
448
|
isSelected: true
|
449
449
|
}, 4));
|
450
|
-
(0, _react2.render)(
|
450
|
+
(0, _react2.render)(/*#__PURE__*/_react.default.createElement(_index.DateInput, {
|
451
451
|
renderLabel: "Choose date",
|
452
452
|
renderWeekdayLabels: weekdayLabels,
|
453
453
|
onRequestHideCalendar: onRequestHideCalendar,
|
@@ -464,7 +464,7 @@ describe('<DateInput />', () => {
|
|
464
464
|
});
|
465
465
|
it('should render calendar navigation label', () => {
|
466
466
|
const label = 'January 2019';
|
467
|
-
(0, _react2.render)(
|
467
|
+
(0, _react2.render)(/*#__PURE__*/_react.default.createElement(_index.DateInput, {
|
468
468
|
renderLabel: "Choose date",
|
469
469
|
renderWeekdayLabels: weekdayLabels,
|
470
470
|
renderNavigationLabel: /*#__PURE__*/_react.default.createElement("div", {
|
@@ -477,7 +477,7 @@ describe('<DateInput />', () => {
|
|
477
477
|
expect(navigationLabel).toHaveTextContent(label);
|
478
478
|
});
|
479
479
|
it('should render calendar weekday labels', async () => {
|
480
|
-
(0, _react2.render)(
|
480
|
+
(0, _react2.render)(/*#__PURE__*/_react.default.createElement(_index.DateInput, {
|
481
481
|
renderLabel: "Choose date",
|
482
482
|
renderWeekdayLabels: weekdayLabels,
|
483
483
|
isShowingCalendar: true
|
@@ -490,7 +490,7 @@ describe('<DateInput />', () => {
|
|
490
490
|
});
|
491
491
|
});
|
492
492
|
it('should render all focusable elements in calendar with tabIndex="-1"', async () => {
|
493
|
-
(0, _react2.render)(
|
493
|
+
(0, _react2.render)(/*#__PURE__*/_react.default.createElement(_index.DateInput, {
|
494
494
|
renderLabel: "Choose date",
|
495
495
|
renderWeekdayLabels: weekdayLabels,
|
496
496
|
renderNextMonthButton: _button || (_button = /*#__PURE__*/_react.default.createElement("button", {
|
@@ -521,7 +521,7 @@ describe('<DateInput />', () => {
|
|
521
521
|
id: "5",
|
522
522
|
isOutsideMonth: true
|
523
523
|
}, "outside"));
|
524
|
-
(0, _react2.render)(
|
524
|
+
(0, _react2.render)(/*#__PURE__*/_react.default.createElement(_index.DateInput, {
|
525
525
|
renderLabel: "Choose date",
|
526
526
|
renderWeekdayLabels: weekdayLabels,
|
527
527
|
isShowingCalendar: true
|
@@ -545,7 +545,7 @@ describe('<DateInput />', () => {
|
|
545
545
|
id: "selected-day-id",
|
546
546
|
isSelected: true
|
547
547
|
}, "selected"));
|
548
|
-
(0, _react2.render)(
|
548
|
+
(0, _react2.render)(/*#__PURE__*/_react.default.createElement(_index.DateInput, {
|
549
549
|
renderLabel: "Choose date",
|
550
550
|
renderWeekdayLabels: weekdayLabels,
|
551
551
|
isShowingCalendar: true
|
@@ -579,7 +579,7 @@ describe('<DateInput />', () => {
|
|
579
579
|
describe('with minimal config', () => {
|
580
580
|
it('should render 44 buttons (a calendar) when clicked', async () => {
|
581
581
|
const onChange = _vitest.vi.fn();
|
582
|
-
(0, _react2.render)(
|
582
|
+
(0, _react2.render)(/*#__PURE__*/_react.default.createElement(_index.DateInput, {
|
583
583
|
renderLabel: "Choose date",
|
584
584
|
assistiveText: "Type a date or use arrow keys to navigate date picker.",
|
585
585
|
width: "20rem",
|