@hipay/hipay-material-ui 2.1.0 → 2.2.0-RC1

Sign up to get free protection for your applications and to get access to all the features.
Files changed (61) hide show
  1. package/HiAlertModal/HiAlertModal.js +32 -7
  2. package/HiAppBar/HiAppBar.js +3 -3
  3. package/HiBreadcrumb/HiBreadcrumb.js +1 -1
  4. package/HiBreadcrumb/HiStepConnector.js +3 -3
  5. package/HiButton/HiButton.js +64 -25
  6. package/HiCell/CellText.js +3 -3
  7. package/HiCheckbox/HiCheckbox.js +3 -3
  8. package/HiChip/HiChipSwitch.js +5 -5
  9. package/HiColoredLabel/HiColoredLabel.js +2 -1
  10. package/HiDatePicker/HiDatePicker.js +1 -1
  11. package/HiDatePicker/Overlays/MonthPickerOverlay.js +3 -3
  12. package/HiDatePicker/Overlays/TimePickerOverlay.js +4 -4
  13. package/HiDatePicker/Overlays/YearPickerOverlay.js +3 -3
  14. package/HiDotsStepper/HiDotsStepper.js +4 -4
  15. package/HiForm/HiAddressField.js +7 -7
  16. package/HiForm/HiEmailField.js +3 -3
  17. package/HiForm/HiFormControl.js +6 -6
  18. package/HiForm/HiInput.js +11 -11
  19. package/HiForm/HiPasswordField.js +3 -3
  20. package/HiForm/HiSearchField.js +5 -5
  21. package/HiForm/HiTextField.js +5 -5
  22. package/HiIcon/HiIcon.js +9 -1
  23. package/HiMap/HiMap.js +6 -6
  24. package/HiMap/HiMapExpand.js +4 -4
  25. package/HiNotice/HiKPI.js +4 -4
  26. package/HiNotice/HiKPINotice.js +1 -1
  27. package/HiSelect/HiDynamicSelect.js +7 -7
  28. package/HiSelect/HiNestedSelect.js +12 -12
  29. package/HiSelect/HiNestedSelectContent.js +9 -9
  30. package/HiSelect/HiSelect.js +7 -7
  31. package/HiSelect/HiSelectContent.js +13 -13
  32. package/HiSelect/HiSelectInput.js +7 -7
  33. package/HiSelectableList/HiSelectableListItem.js +5 -4
  34. package/HiTable/HiTable.js +3 -3
  35. package/HiTable/HiTableRow.js +3 -3
  36. package/es/HiAlertModal/HiAlertModal.js +26 -4
  37. package/es/HiBreadcrumb/HiBreadcrumb.js +1 -1
  38. package/es/HiButton/HiButton.js +57 -41
  39. package/es/HiColoredLabel/HiColoredLabel.js +2 -1
  40. package/es/HiDatePicker/HiDatePicker.js +1 -1
  41. package/es/HiIcon/HiIcon.js +9 -1
  42. package/es/HiNotice/HiKPI.js +1 -1
  43. package/es/HiNotice/HiKPINotice.js +1 -1
  44. package/es/HiSelectableList/HiSelectableListItem.js +1 -0
  45. package/index.es.js +1 -1
  46. package/index.js +1 -1
  47. package/package.json +1 -2
  48. package/HiDatePicker/Caption.spec.js +0 -88
  49. package/HiDatePicker/ListPicker.spec.js +0 -67
  50. package/HiDatePicker/NavBar.spec.js +0 -55
  51. package/HiDatePicker/Overlays/MonthPickerOverlay.spec.js +0 -74
  52. package/HiDatePicker/Overlays/Overlay.spec.js +0 -34
  53. package/HiDatePicker/Overlays/TimePickerOverlay.spec.js +0 -71
  54. package/HiDatePicker/Overlays/YearPickerOverlay.spec.js +0 -127
  55. package/es/HiDatePicker/Caption.spec.js +0 -68
  56. package/es/HiDatePicker/ListPicker.spec.js +0 -50
  57. package/es/HiDatePicker/NavBar.spec.js +0 -39
  58. package/es/HiDatePicker/Overlays/MonthPickerOverlay.spec.js +0 -53
  59. package/es/HiDatePicker/Overlays/Overlay.spec.js +0 -25
  60. package/es/HiDatePicker/Overlays/TimePickerOverlay.spec.js +0 -53
  61. package/es/HiDatePicker/Overlays/YearPickerOverlay.spec.js +0 -92
@@ -1,71 +0,0 @@
1
- "use strict";
2
-
3
- var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
4
-
5
- var _react = _interopRequireDefault(require("react"));
6
-
7
- var _chai = require("chai");
8
-
9
- var _sinon = require("sinon");
10
-
11
- var _index = require("../../test-utils/index");
12
-
13
- var _TimePickerOverlay = _interopRequireDefault(require("./TimePickerOverlay"));
14
-
15
- var _ListPicker = _interopRequireDefault(require("../ListPicker"));
16
-
17
- /* eslint-disable */
18
- var _ref = _react.default.createElement("span", null, "children");
19
-
20
- var _ref2 = _react.default.createElement("span", null, "children");
21
-
22
- describe('<TimePickerOverlay />', function () {
23
- var shallow;
24
- before(function () {
25
- shallow = (0, _index.createShallow)({
26
- dive: true
27
- });
28
- });
29
- it('renders a functional hour & minute ListPicker', function () {
30
- var handlerChange = (0, _sinon.spy)();
31
- var handlerCalendarClick = (0, _sinon.spy)();
32
- var hour = 16;
33
- var minute = 17;
34
- var date = new Date(1992, 3, 9, 0, 0);
35
- var dateHour = new Date(1992, 3, 9, hour, 0);
36
- var dateMinute = new Date(1992, 3, 9, 0, minute);
37
- var wrapper = shallow(_react.default.createElement(_TimePickerOverlay.default, {
38
- value: date,
39
- onChange: handlerChange,
40
- onCalendarClick: handlerCalendarClick
41
- }, _ref));
42
-
43
- _chai.assert.strictEqual(wrapper.dive().name(), 'CustomOverlayLayout', 'should render a CustomOverlayLayout');
44
-
45
- _chai.assert.strictEqual(wrapper.dive().find(_ListPicker.default).length, 2, 'should include 2 ListPicker');
46
-
47
- wrapper.dive().find(_ListPicker.default).first().props().onItemClick(hour);
48
- wrapper.dive().find(_ListPicker.default).at(1).props().onItemClick(minute);
49
-
50
- _chai.assert.strictEqual(handlerChange.calledTwice, true, 'should call onChange callback twice');
51
-
52
- _chai.assert.strictEqual(handlerChange.calledWith(dateHour), true, 'should call onChange callback with updated hours');
53
-
54
- _chai.assert.strictEqual(handlerChange.calledWith(dateMinute), true, 'should call onChange callback with updated minutes');
55
- });
56
- it('renders a functional hour & minute ListPicker without callbacks', function () {
57
- var hour = 16;
58
- var minute = 17;
59
- var date = new Date(1992, 3, 9, 0, 0);
60
- var wrapper = shallow(_react.default.createElement(_TimePickerOverlay.default, {
61
- value: date
62
- }, _ref2));
63
-
64
- _chai.assert.strictEqual(wrapper.dive().name(), 'CustomOverlayLayout', 'should render a CustomOverlayLayout');
65
-
66
- _chai.assert.strictEqual(wrapper.dive().find(_ListPicker.default).length, 2, 'should include 2 ListPicker');
67
-
68
- wrapper.dive().find(_ListPicker.default).first().props().onItemClick(hour);
69
- wrapper.dive().find(_ListPicker.default).at(1).props().onItemClick(minute);
70
- });
71
- });
@@ -1,127 +0,0 @@
1
- "use strict";
2
-
3
- var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
4
-
5
- var _react = _interopRequireDefault(require("react"));
6
-
7
- var _chai = require("chai");
8
-
9
- var _sinon = require("sinon");
10
-
11
- var _index = require("../../test-utils/index");
12
-
13
- var _YearPickerOverlay = _interopRequireDefault(require("./YearPickerOverlay"));
14
-
15
- var _ListPicker = _interopRequireDefault(require("../ListPicker"));
16
-
17
- /* eslint-disable */
18
- var _ref = _react.default.createElement("span", null, "children");
19
-
20
- var _ref2 = _react.default.createElement("span", null, "children");
21
-
22
- var _ref3 = _react.default.createElement("span", null, "children");
23
-
24
- var _ref4 = _react.default.createElement("span", null, "children");
25
-
26
- var _ref5 = _react.default.createElement(_YearPickerOverlay.default, {
27
- disableFutureDays: true
28
- }, _react.default.createElement("span", null, "children"));
29
-
30
- describe('<YearPickerOverlay />', function () {
31
- var shallow;
32
- before(function () {
33
- shallow = (0, _index.createShallow)({
34
- dive: true
35
- });
36
- });
37
- it('renders a functional year ListPicker', function () {
38
- var handlerChange = (0, _sinon.spy)();
39
- var date = new Date(2018, 3, 9);
40
- var dateUpYear = new Date(2022, 3, 9);
41
- var dateDownYear = new Date(2014, 3, 9);
42
- var wrapper = shallow(_react.default.createElement(_YearPickerOverlay.default, {
43
- value: date,
44
- onChange: handlerChange
45
- }, _ref));
46
-
47
- _chai.assert.strictEqual(wrapper.name(), 'CustomOverlayLayout', 'should render a CustomOverlayLayout');
48
-
49
- _chai.assert.strictEqual(wrapper.dive().find(_ListPicker.default).length, 1, 'should include 1 ListPicker'); // From 2013 to 2018 + 10
50
-
51
-
52
- _chai.assert.strictEqual(wrapper.dive().find(_ListPicker.default).props().itemList.length, 16, 'should include 1 ListPicker with 16 items');
53
-
54
- wrapper.dive().find(_ListPicker.default).props().onItemClick(2022);
55
-
56
- _chai.assert.strictEqual(handlerChange.calledOnce, true, 'should call onChange callback once');
57
-
58
- _chai.assert.strictEqual(handlerChange.calledWith(dateUpYear), true, 'should call onChange callback with updated year');
59
-
60
- wrapper.dive().find(_ListPicker.default).props().onItemClick(2014);
61
-
62
- _chai.assert.strictEqual(handlerChange.calledTwice, true, 'should call onChange callback twice');
63
-
64
- _chai.assert.strictEqual(handlerChange.calledWith(dateDownYear), true, 'should call onChange callback with updated year');
65
- });
66
- it('renders a functional year ListPicker with defaut date', function () {
67
- var handlerChange = (0, _sinon.spy)();
68
- var currentDate = new Date();
69
- var wrapper = shallow(_react.default.createElement(_YearPickerOverlay.default, {
70
- onChange: handlerChange
71
- }, _ref2));
72
-
73
- _chai.assert.strictEqual(wrapper.name(), 'CustomOverlayLayout', 'should render a CustomOverlayLayout');
74
-
75
- _chai.assert.strictEqual(wrapper.dive().find(_ListPicker.default).length, 1, 'should include 1 ListPicker'); // From 2013 to 2018 + 10
76
-
77
-
78
- _chai.assert.strictEqual(wrapper.dive().find(_ListPicker.default).props().itemList.length, 16, 'should include 1 ListPicker with 16 items');
79
-
80
- wrapper.dive().find(_ListPicker.default).props().onItemClick(2022);
81
-
82
- _chai.assert.strictEqual(handlerChange.calledOnce, true, 'should call onChange callback once');
83
-
84
- currentDate.setFullYear(2022);
85
-
86
- _chai.assert.isBelow(handlerChange.args[0][0].getTime() - currentDate.getTime(), 10, 'should call onChange callback with updated year');
87
- });
88
- it('renders a functional year ListPicker without callbacks', function () {
89
- var date = new Date(2018, 3, 9);
90
- var wrapper = shallow(_react.default.createElement(_YearPickerOverlay.default, {
91
- value: date
92
- }, _ref3));
93
-
94
- _chai.assert.strictEqual(wrapper.name(), 'CustomOverlayLayout', 'should render a CustomOverlayLayout');
95
-
96
- _chai.assert.strictEqual(wrapper.dive().find(_ListPicker.default).length, 1, 'should include 1 ListPicker'); // From 2013 to 2018 + 10
97
-
98
-
99
- _chai.assert.strictEqual(wrapper.dive().find(_ListPicker.default).props().itemList.length, 16, 'should include 1 ListPicker with 16 items');
100
-
101
- wrapper.dive().find(_ListPicker.default).props().onItemClick(2022);
102
- });
103
- it('renders a functional year ListPicker with disabled past date', function () {
104
- var handlerChange = (0, _sinon.spy)();
105
- var wrapper = shallow(_react.default.createElement(_YearPickerOverlay.default, {
106
- onChange: handlerChange,
107
- disablePastDays: true
108
- }, _ref4));
109
-
110
- _chai.assert.strictEqual(wrapper.name(), 'CustomOverlayLayout', 'should render a CustomOverlayLayout');
111
-
112
- _chai.assert.strictEqual(wrapper.dive().find(_ListPicker.default).length, 1, 'should include 1 ListPicker'); // 2018 + 10 (disabled past days)
113
-
114
-
115
- _chai.assert.strictEqual(wrapper.dive().find(_ListPicker.default).props().itemList.length, 11, 'should include 1 ListPicker with 11 items');
116
- });
117
- it('renders a functional year ListPicker with disabled future date', function () {
118
- var wrapper = shallow(_ref5);
119
-
120
- _chai.assert.strictEqual(wrapper.name(), 'CustomOverlayLayout', 'should render a CustomOverlayLayout');
121
-
122
- _chai.assert.strictEqual(wrapper.dive().find(_ListPicker.default).length, 1, 'should include 1 ListPicker'); // From 2013 to 2018 (disabled future days)
123
-
124
-
125
- _chai.assert.strictEqual(wrapper.dive().find(_ListPicker.default).props().itemList.length, 6, 'should include 1 ListPicker with 11 items');
126
- });
127
- });
@@ -1,68 +0,0 @@
1
- import React from 'react';
2
- import { assert } from 'chai';
3
- import { spy } from 'sinon';
4
- import MomentLocaleUtils from 'react-day-picker/moment';
5
- import { createShallow, createMount, getClasses } from '../test-utils';
6
- import Caption from './Caption';
7
- describe('<Caption />', () => {
8
- let shallow;
9
- let mount;
10
- let classes;
11
- let wrapper;
12
- const date = new Date();
13
-
14
- var _ref = React.createElement(Caption, {
15
- date: date,
16
- localeUtils: MomentLocaleUtils
17
- });
18
-
19
- before(() => {
20
- shallow = createShallow({
21
- untilSelector: 'Badge'
22
- });
23
- mount = createMount();
24
- classes = getClasses(_ref);
25
- });
26
- after(() => {
27
- mount.cleanUp();
28
- });
29
-
30
- var _ref2 = React.createElement(Caption, {
31
- date: date,
32
- localeUtils: MomentLocaleUtils
33
- });
34
-
35
- describe('text with leftIcon', () => {
36
- before(() => {
37
- wrapper = shallow(_ref2);
38
- });
39
- it('should render a div containing two spans', () => {
40
- assert.strictEqual(wrapper.name(), 'div');
41
- assert.strictEqual(wrapper.childAt(0).is('span'), true, 'should be a span');
42
- assert.strictEqual(wrapper.childAt(2).is('span'), true, 'should be a span');
43
- });
44
- it('should merge user classes & spread custom props to the root node', () => {
45
- assert.strictEqual(wrapper.hasClass(classes.caption), true);
46
- });
47
- });
48
- describe('mount', () => {
49
- it('should call onDelete when clicking', () => {
50
- const handleClickMonth = spy();
51
- const handleClickYear = spy();
52
- wrapper = mount(React.createElement(Caption, {
53
- date: date,
54
- localeUtils: MomentLocaleUtils,
55
- onMonthClick: handleClickMonth,
56
- onYearClick: handleClickYear
57
- }));
58
- assert.strictEqual(wrapper.find('span').length, 2, 'should have 2 spans');
59
- wrapper.find('span').at(0).simulate('click');
60
- assert.strictEqual(handleClickMonth.callCount, 1, 'should have been called once handleClickMonth');
61
- assert.strictEqual(handleClickYear.callCount, 0, 'should not have been called handleClickYear');
62
- wrapper.find('span').at(1).simulate('click');
63
- assert.strictEqual(handleClickMonth.callCount, 1, 'should not have been called twice handleClickMonth');
64
- assert.strictEqual(handleClickYear.callCount, 1, 'should have been called once handleClickYear');
65
- wrapper.unmount();
66
- });
67
- });
68
- });
@@ -1,50 +0,0 @@
1
- import React from 'react';
2
- import { assert } from 'chai';
3
- import { spy } from 'sinon';
4
- import { MenuList, MenuItem } from '@material-ui/core/Menu';
5
- import { createShallow, createMount } from '../test-utils/index';
6
- import ListPicker from './ListPicker';
7
- describe('<ListPicker />', () => {
8
- let shallow;
9
- let mount;
10
- let itemList;
11
- before(() => {
12
- shallow = createShallow({
13
- dive: true
14
- });
15
- mount = createMount();
16
- itemList = [1, 2, 3, 4];
17
- });
18
- after(() => {
19
- mount.cleanUp();
20
- });
21
- describe('shallow', () => {
22
- it('renders a Scrollable MenuList', () => {
23
- const handlerClick = spy();
24
- const wrapper = shallow(React.createElement(ListPicker, {
25
- itemList: itemList,
26
- onItemClick: handlerClick,
27
- selectedItem: 2,
28
- initAtMiddleScroll: true
29
- }));
30
- assert.strictEqual(wrapper.name(), 'Scrollbars', 'should render a Scrollbars container');
31
- assert.strictEqual(wrapper.dive().find(MenuList).length, 1, 'should include a MenuList');
32
- assert.strictEqual(wrapper.dive().find(MenuItem).length, 4, 'should include 4 MenuItem'); // Click on [4] item
33
-
34
- wrapper.dive().find(MenuItem).at(3).props().onClick();
35
- assert.strictEqual(handlerClick.calledOnce, true, 'should call onChange callback once');
36
- assert.strictEqual(handlerClick.calledWith(4), true, 'should call onChange callback with selected item');
37
- });
38
- });
39
- describe('mount', () => {
40
- it('should mount', () => {
41
- const wrapper = mount(React.createElement(ListPicker, {
42
- itemList: itemList,
43
- onItemClick: () => {},
44
- selectedItem: 2,
45
- initAtMiddleScroll: true
46
- }));
47
- assert.strictEqual(wrapper.name(), 'WithStyles(ListPicker)');
48
- });
49
- });
50
- });
@@ -1,39 +0,0 @@
1
- import React from 'react';
2
- import { assert } from 'chai';
3
- import { spy } from 'sinon';
4
- import MomentLocaleUtils from 'react-day-picker/moment';
5
- import IconButton from '@material-ui/core/IconButton';
6
- import { createShallow } from '../test-utils/index';
7
- import NavBar from './NavBar';
8
- describe('<NavBar />', () => {
9
- let shallow;
10
- before(() => {
11
- shallow = createShallow({
12
- dive: true
13
- });
14
- });
15
- it('renders a Scrollable MenuList', () => {
16
- const handlerNextClick = spy();
17
- const handlerPreviousClick = spy();
18
- const handlerClockClick = spy();
19
- const nextMonth = new Date(2018, 3, 1);
20
- const prevMonth = new Date(2018, 1, 1);
21
- const wrapper = shallow(React.createElement(NavBar, {
22
- nextMonth: nextMonth,
23
- previousMonth: prevMonth,
24
- onNextClick: handlerNextClick,
25
- onPreviousClick: handlerPreviousClick,
26
- onClockClick: handlerClockClick,
27
- showClockButton: true,
28
- localeUtils: MomentLocaleUtils
29
- }));
30
- assert.strictEqual(wrapper.find(IconButton).length, 3, 'should include 3 IconButtons'); // Click on [4] item
31
-
32
- wrapper.find(IconButton).at(0).props().onClick();
33
- wrapper.find(IconButton).at(1).props().onClick();
34
- wrapper.find(IconButton).at(2).props().onClick();
35
- assert.strictEqual(handlerPreviousClick.calledOnce, true, 'should call onPreviousClick callback once');
36
- assert.strictEqual(handlerNextClick.calledOnce, true, 'should call onNextClick callback once');
37
- assert.strictEqual(handlerClockClick.calledOnce, true, 'should call onClockClick callback once');
38
- });
39
- });
@@ -1,53 +0,0 @@
1
- /* eslint-disable */
2
- import React from 'react';
3
- import { assert } from 'chai';
4
- import { spy } from 'sinon';
5
- import MomentLocaleUtils from 'react-day-picker/moment';
6
- import { createShallow } from '../../test-utils/index';
7
- import MonthPickerOverlay from './MonthPickerOverlay';
8
- import ListPicker from '../ListPicker';
9
-
10
- var _ref = React.createElement("span", null, "children");
11
-
12
- var _ref2 = React.createElement("span", null, "children");
13
-
14
- describe('<MonthPickerOverlay />', () => {
15
- let shallow;
16
- before(() => {
17
- shallow = createShallow({
18
- dive: true
19
- });
20
- });
21
- it('renders a functional month ListPicker', () => {
22
- const handlerChange = spy();
23
- const aprilLabel = 'April';
24
- const januaryDate = new Date(1992, 0, 9);
25
- const aprilDate = new Date(1992, 3, 9);
26
- const wrapper = shallow(React.createElement(MonthPickerOverlay, {
27
- value: januaryDate,
28
- onChange: handlerChange,
29
- localeUtils: MomentLocaleUtils
30
- }, _ref));
31
- assert.strictEqual(wrapper.name(), 'CustomOverlayLayout', 'should render a CustomOverlayLayout');
32
- assert.strictEqual(wrapper.dive().find(ListPicker).length, 1, 'should include a ListPicker');
33
- wrapper.dive().find(ListPicker).props().onItemClick(aprilLabel);
34
- assert.strictEqual(handlerChange.calledOnce, true, 'should call onChange callback once');
35
- assert.strictEqual(handlerChange.calledWith(aprilDate), true, 'should call onChange callback with updated month');
36
- });
37
- it('check months', () => {
38
- const handlerChange = spy();
39
- const januaryDate = new Date(1992, 0, 9);
40
- const localeUtils = {
41
- getMonths: () => ['January', 'February', 'March', 'April', 'May', 'June', 'July', 'August', 'September', 'October', 'November', 'December', 'Other']
42
- };
43
- const wrapper = shallow(React.createElement(MonthPickerOverlay, {
44
- value: januaryDate,
45
- onChange: handlerChange,
46
- localeUtils: localeUtils
47
- }, _ref2));
48
- assert.strictEqual(wrapper.name(), 'CustomOverlayLayout', 'should render a CustomOverlayLayout');
49
- assert.strictEqual(wrapper.dive().find(ListPicker).length, 1, 'should include a ListPicker');
50
- wrapper.dive().find(ListPicker).props().onItemClick('Other');
51
- assert.strictEqual(handlerChange.callCount, 0, 'should not call onChange with month index >= 12');
52
- });
53
- });
@@ -1,25 +0,0 @@
1
- /* eslint-disable */
2
- import React from 'react';
3
- import { assert } from 'chai';
4
- import { createShallow, getClasses } from '../../test-utils/index';
5
- import Overlay from './Overlay';
6
-
7
- var _ref = React.createElement(Overlay, null);
8
-
9
- var _ref2 = React.createElement(Overlay, null, React.createElement("span", null, "children"));
10
-
11
- describe('<Overlay />', () => {
12
- let shallow;
13
- let classes;
14
- before(() => {
15
- shallow = createShallow({
16
- dive: true
17
- });
18
- classes = getClasses(_ref);
19
- });
20
- it('renders a div containing a DayPickerInput', () => {
21
- const wrapper = shallow(_ref2);
22
- assert.strictEqual(wrapper.dive().name(), 'Paper', 'should render a Paper');
23
- assert.strictEqual(wrapper.dive().hasClass(classes.paper), true, 'should render a Paper with paper class');
24
- });
25
- });
@@ -1,53 +0,0 @@
1
- /* eslint-disable */
2
- import React from 'react';
3
- import { assert } from 'chai';
4
- import { spy } from 'sinon';
5
- import { createShallow } from '../../test-utils/index';
6
- import TimePickerOverlay from './TimePickerOverlay';
7
- import ListPicker from '../ListPicker';
8
-
9
- var _ref = React.createElement("span", null, "children");
10
-
11
- var _ref2 = React.createElement("span", null, "children");
12
-
13
- describe('<TimePickerOverlay />', () => {
14
- let shallow;
15
- before(() => {
16
- shallow = createShallow({
17
- dive: true
18
- });
19
- });
20
- it('renders a functional hour & minute ListPicker', () => {
21
- const handlerChange = spy();
22
- const handlerCalendarClick = spy();
23
- const hour = 16;
24
- const minute = 17;
25
- const date = new Date(1992, 3, 9, 0, 0);
26
- const dateHour = new Date(1992, 3, 9, hour, 0);
27
- const dateMinute = new Date(1992, 3, 9, 0, minute);
28
- const wrapper = shallow(React.createElement(TimePickerOverlay, {
29
- value: date,
30
- onChange: handlerChange,
31
- onCalendarClick: handlerCalendarClick
32
- }, _ref));
33
- assert.strictEqual(wrapper.dive().name(), 'CustomOverlayLayout', 'should render a CustomOverlayLayout');
34
- assert.strictEqual(wrapper.dive().find(ListPicker).length, 2, 'should include 2 ListPicker');
35
- wrapper.dive().find(ListPicker).first().props().onItemClick(hour);
36
- wrapper.dive().find(ListPicker).at(1).props().onItemClick(minute);
37
- assert.strictEqual(handlerChange.calledTwice, true, 'should call onChange callback twice');
38
- assert.strictEqual(handlerChange.calledWith(dateHour), true, 'should call onChange callback with updated hours');
39
- assert.strictEqual(handlerChange.calledWith(dateMinute), true, 'should call onChange callback with updated minutes');
40
- });
41
- it('renders a functional hour & minute ListPicker without callbacks', () => {
42
- const hour = 16;
43
- const minute = 17;
44
- const date = new Date(1992, 3, 9, 0, 0);
45
- const wrapper = shallow(React.createElement(TimePickerOverlay, {
46
- value: date
47
- }, _ref2));
48
- assert.strictEqual(wrapper.dive().name(), 'CustomOverlayLayout', 'should render a CustomOverlayLayout');
49
- assert.strictEqual(wrapper.dive().find(ListPicker).length, 2, 'should include 2 ListPicker');
50
- wrapper.dive().find(ListPicker).first().props().onItemClick(hour);
51
- wrapper.dive().find(ListPicker).at(1).props().onItemClick(minute);
52
- });
53
- });
@@ -1,92 +0,0 @@
1
- /* eslint-disable */
2
- import React from 'react';
3
- import { assert } from 'chai';
4
- import { spy } from 'sinon';
5
- import { createShallow } from '../../test-utils/index';
6
- import YearPickerOverlay from './YearPickerOverlay';
7
- import ListPicker from '../ListPicker';
8
-
9
- var _ref = React.createElement("span", null, "children");
10
-
11
- var _ref2 = React.createElement("span", null, "children");
12
-
13
- var _ref3 = React.createElement("span", null, "children");
14
-
15
- var _ref4 = React.createElement("span", null, "children");
16
-
17
- var _ref5 = React.createElement(YearPickerOverlay, {
18
- disableFutureDays: true
19
- }, React.createElement("span", null, "children"));
20
-
21
- describe('<YearPickerOverlay />', () => {
22
- let shallow;
23
- before(() => {
24
- shallow = createShallow({
25
- dive: true
26
- });
27
- });
28
- it('renders a functional year ListPicker', () => {
29
- const handlerChange = spy();
30
- const date = new Date(2018, 3, 9);
31
- const dateUpYear = new Date(2022, 3, 9);
32
- const dateDownYear = new Date(2014, 3, 9);
33
- const wrapper = shallow(React.createElement(YearPickerOverlay, {
34
- value: date,
35
- onChange: handlerChange
36
- }, _ref));
37
- assert.strictEqual(wrapper.name(), 'CustomOverlayLayout', 'should render a CustomOverlayLayout');
38
- assert.strictEqual(wrapper.dive().find(ListPicker).length, 1, 'should include 1 ListPicker'); // From 2013 to 2018 + 10
39
-
40
- assert.strictEqual(wrapper.dive().find(ListPicker).props().itemList.length, 16, 'should include 1 ListPicker with 16 items');
41
- wrapper.dive().find(ListPicker).props().onItemClick(2022);
42
- assert.strictEqual(handlerChange.calledOnce, true, 'should call onChange callback once');
43
- assert.strictEqual(handlerChange.calledWith(dateUpYear), true, 'should call onChange callback with updated year');
44
- wrapper.dive().find(ListPicker).props().onItemClick(2014);
45
- assert.strictEqual(handlerChange.calledTwice, true, 'should call onChange callback twice');
46
- assert.strictEqual(handlerChange.calledWith(dateDownYear), true, 'should call onChange callback with updated year');
47
- });
48
- it('renders a functional year ListPicker with defaut date', () => {
49
- const handlerChange = spy();
50
- const currentDate = new Date();
51
- const wrapper = shallow(React.createElement(YearPickerOverlay, {
52
- onChange: handlerChange
53
- }, _ref2));
54
- assert.strictEqual(wrapper.name(), 'CustomOverlayLayout', 'should render a CustomOverlayLayout');
55
- assert.strictEqual(wrapper.dive().find(ListPicker).length, 1, 'should include 1 ListPicker'); // From 2013 to 2018 + 10
56
-
57
- assert.strictEqual(wrapper.dive().find(ListPicker).props().itemList.length, 16, 'should include 1 ListPicker with 16 items');
58
- wrapper.dive().find(ListPicker).props().onItemClick(2022);
59
- assert.strictEqual(handlerChange.calledOnce, true, 'should call onChange callback once');
60
- currentDate.setFullYear(2022);
61
- assert.isBelow(handlerChange.args[0][0].getTime() - currentDate.getTime(), 10, 'should call onChange callback with updated year');
62
- });
63
- it('renders a functional year ListPicker without callbacks', () => {
64
- const date = new Date(2018, 3, 9);
65
- const wrapper = shallow(React.createElement(YearPickerOverlay, {
66
- value: date
67
- }, _ref3));
68
- assert.strictEqual(wrapper.name(), 'CustomOverlayLayout', 'should render a CustomOverlayLayout');
69
- assert.strictEqual(wrapper.dive().find(ListPicker).length, 1, 'should include 1 ListPicker'); // From 2013 to 2018 + 10
70
-
71
- assert.strictEqual(wrapper.dive().find(ListPicker).props().itemList.length, 16, 'should include 1 ListPicker with 16 items');
72
- wrapper.dive().find(ListPicker).props().onItemClick(2022);
73
- });
74
- it('renders a functional year ListPicker with disabled past date', () => {
75
- const handlerChange = spy();
76
- const wrapper = shallow(React.createElement(YearPickerOverlay, {
77
- onChange: handlerChange,
78
- disablePastDays: true
79
- }, _ref4));
80
- assert.strictEqual(wrapper.name(), 'CustomOverlayLayout', 'should render a CustomOverlayLayout');
81
- assert.strictEqual(wrapper.dive().find(ListPicker).length, 1, 'should include 1 ListPicker'); // 2018 + 10 (disabled past days)
82
-
83
- assert.strictEqual(wrapper.dive().find(ListPicker).props().itemList.length, 11, 'should include 1 ListPicker with 11 items');
84
- });
85
- it('renders a functional year ListPicker with disabled future date', () => {
86
- const wrapper = shallow(_ref5);
87
- assert.strictEqual(wrapper.name(), 'CustomOverlayLayout', 'should render a CustomOverlayLayout');
88
- assert.strictEqual(wrapper.dive().find(ListPicker).length, 1, 'should include 1 ListPicker'); // From 2013 to 2018 (disabled future days)
89
-
90
- assert.strictEqual(wrapper.dive().find(ListPicker).props().itemList.length, 6, 'should include 1 ListPicker with 11 items');
91
- });
92
- });