@zohodesk/components 1.0.0-temp-166 → 1.0.0-temp-167

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.
Files changed (142) hide show
  1. package/README.md +20 -0
  2. package/assets/Appearance/dark/themes/blue/blue_ComponentTheme_DarkTheme.module.css +24 -24
  3. package/assets/Appearance/dark/themes/green/green_ComponentTheme_DarkTheme.module.css +24 -24
  4. package/assets/Appearance/dark/themes/orange/orange_ComponentTheme_DarkTheme.module.css +24 -24
  5. package/assets/Appearance/dark/themes/red/red_ComponentTheme_DarkTheme.module.css +24 -24
  6. package/assets/Appearance/dark/themes/yellow/yellow_ComponentTheme_DarkTheme.module.css +24 -24
  7. package/assets/Appearance/light/themes/blue/blue_ComponentTheme_LightTheme.module.css +24 -24
  8. package/assets/Appearance/light/themes/green/green_ComponentTheme_LightTheme.module.css +24 -24
  9. package/assets/Appearance/light/themes/orange/orange_ComponentTheme_LightTheme.module.css +24 -24
  10. package/assets/Appearance/light/themes/red/red_ComponentTheme_LightTheme.module.css +24 -24
  11. package/assets/Appearance/light/themes/yellow/yellow_ComponentTheme_LightTheme.module.css +24 -24
  12. package/assets/Appearance/pureDark/themes/blue/blue_ComponentTheme_PureDarkTheme.module.css +24 -24
  13. package/assets/Appearance/pureDark/themes/green/green_ComponentTheme_PureDarkTheme.module.css +24 -24
  14. package/assets/Appearance/pureDark/themes/orange/orange_ComponentTheme_PureDarkTheme.module.css +24 -24
  15. package/assets/Appearance/pureDark/themes/red/red_ComponentTheme_PureDarkTheme.module.css +24 -24
  16. package/assets/Appearance/pureDark/themes/yellow/yellow_ComponentTheme_PureDarkTheme.module.css +24 -24
  17. package/es/Button/__tests__/Button.spec.js +61 -0
  18. package/es/Button/__tests__/__snapshots__/Button.spec.js.snap +440 -0
  19. package/es/Buttongroup/Buttongroup.js +1 -1
  20. package/es/DateTime/DateTime.js +2 -2
  21. package/es/DropBox/DropBox.js +24 -12
  22. package/es/DropBox/props/defaultProps.js +2 -1
  23. package/es/DropBox/props/propTypes.js +2 -1
  24. package/es/ListItem/ListContainer.js +3 -2
  25. package/es/ListItem/ListItem.js +8 -3
  26. package/es/ListItem/ListItemWithAvatar.js +8 -3
  27. package/es/ListItem/ListItemWithCheckBox.js +5 -1
  28. package/es/ListItem/ListItemWithIcon.js +8 -3
  29. package/es/ListItem/ListItemWithRadio.js +5 -1
  30. package/es/MultiSelect/props/propTypes.js +1 -1
  31. package/es/Select/Select.js +2 -0
  32. package/lib/Button/__tests__/Button.spec.js +62 -0
  33. package/lib/Button/__tests__/__snapshots__/Button.spec.js.snap +440 -0
  34. package/lib/Buttongroup/Buttongroup.js +1 -1
  35. package/lib/DateTime/DateTime.js +2 -2
  36. package/lib/DropBox/DropBox.js +26 -12
  37. package/lib/DropBox/props/defaultProps.js +2 -1
  38. package/lib/DropBox/props/propTypes.js +2 -1
  39. package/lib/ListItem/ListContainer.js +4 -2
  40. package/lib/ListItem/ListItem.js +14 -3
  41. package/lib/ListItem/ListItemWithAvatar.js +14 -3
  42. package/lib/ListItem/ListItemWithCheckBox.js +12 -1
  43. package/lib/ListItem/ListItemWithIcon.js +14 -3
  44. package/lib/ListItem/ListItemWithRadio.js +12 -1
  45. package/lib/MultiSelect/props/propTypes.js +1 -1
  46. package/lib/Select/Select.js +2 -0
  47. package/package.json +21 -13
  48. package/postPublish.js +8 -0
  49. package/prePublish.js +70 -0
  50. package/result.json +1 -0
  51. package/es/Accordion/__tests__/Accordion.spec.js +0 -79
  52. package/es/Animation/__tests__/Animation.spec.js +0 -17
  53. package/es/Avatar/__tests__/Avatar.spec.js +0 -161
  54. package/es/Avatar/__tests__/__snapshots__/Avatar.spec.js.snap +0 -288
  55. package/es/AvatarTeam/__tests__/AvatarTeam.spec.js +0 -76
  56. package/es/AvatarTeam/__tests__/__snapshots__/AvatarTeam.spec.js.snap +0 -226
  57. package/es/Buttongroup/__test__/Buttongroup.spec.js +0 -73
  58. package/es/Buttongroup/__test__/__snapshots__/Buttongroup.spec.js.snap +0 -146
  59. package/es/Card/__tests__/Card.spec.js +0 -36
  60. package/es/CheckBox/__tests__/CheckBox.spec.js +0 -12
  61. package/es/DateTime/__tests__/CalendarView.spec.js +0 -33
  62. package/es/DateTime/__tests__/DateTime.spec.js +0 -115
  63. package/es/DateTime/__tests__/DateWidget.spec.js +0 -75
  64. package/es/DropBox/__tests__/DropBox.spec.js +0 -81
  65. package/es/DropDown/__tests__/DropDown.spec.js +0 -44
  66. package/es/DropDown/__tests__/DropDownItem.spec.js +0 -45
  67. package/es/DropDown/__tests__/DropDownSearch.spec.js +0 -11
  68. package/es/Label/__tests__/Label.spec.js +0 -120
  69. package/es/Label/__tests__/__snapshots__/Label.spec.js.snap +0 -101
  70. package/es/Layout/__tests__/Box.spec.js +0 -114
  71. package/es/Layout/__tests__/Container.spec.js +0 -120
  72. package/es/MultiSelect/__tests__/MultiSelect.spec.js +0 -160
  73. package/es/PopOver/__tests__/PopOver.spec.js +0 -14
  74. package/es/Popup/__tests__/Popup.spec.js +0 -134
  75. package/es/Radio/__tests__/Radiospec.js +0 -23
  76. package/es/Ribbon/__tests__/Ribbon.spec.js +0 -168
  77. package/es/Ribbon/__tests__/__snapshots__/Ribbon.spec.js.snap +0 -163
  78. package/es/Select/__tests__/Select.spec.js +0 -345
  79. package/es/Stencils/__tests__/Stencils.spec.js +0 -69
  80. package/es/Stencils/__tests__/__snapshots__/Stencils.spec.js.snap +0 -49
  81. package/es/Tab/__tests__/Tab.spec.js +0 -117
  82. package/es/Tab/__tests__/TabContent.spec.js +0 -16
  83. package/es/Tab/__tests__/TabContentWrapper.spec.js +0 -50
  84. package/es/Tab/__tests__/TabWrapper.spec.js +0 -86
  85. package/es/Tab/__tests__/Tabs.spec.js +0 -115
  86. package/es/Tag/__tests__/Tag.spec.js +0 -28
  87. package/es/TextBox/__tests__/TextBox.spec.js +0 -189
  88. package/es/TextBox/__tests__/__snapshots__/TextBox.spec.js.snap +0 -127
  89. package/es/TextBoxIcon/__tests__/TextBoxIcon.spec.js +0 -212
  90. package/es/TextBoxIcon/__tests__/__snapshots__/TextBoxIcon.spec.js.snap +0 -334
  91. package/es/Textarea/__tests__/Textarea.spec.js +0 -171
  92. package/es/Textarea/__tests__/__snapshots__/Textarea.spec.js.snap +0 -97
  93. package/es/Tooltip/__tests__/Tooltip.spec.js +0 -52
  94. package/es/utils/__tests__/constructFullName.spec.js +0 -9
  95. package/es/utils/__tests__/debounce.spec.js +0 -37
  96. package/es/utils/__tests__/getInitial.spec.js +0 -23
  97. package/lib/Accordion/__tests__/Accordion.spec.js +0 -85
  98. package/lib/Animation/__tests__/Animation.spec.js +0 -23
  99. package/lib/Avatar/__tests__/Avatar.spec.js +0 -208
  100. package/lib/Avatar/__tests__/__snapshots__/Avatar.spec.js.snap +0 -288
  101. package/lib/AvatarTeam/__tests__/AvatarTeam.spec.js +0 -92
  102. package/lib/AvatarTeam/__tests__/__snapshots__/AvatarTeam.spec.js.snap +0 -226
  103. package/lib/Buttongroup/__test__/Buttongroup.spec.js +0 -86
  104. package/lib/Buttongroup/__test__/__snapshots__/Buttongroup.spec.js.snap +0 -146
  105. package/lib/Card/__tests__/Card.spec.js +0 -56
  106. package/lib/CheckBox/__tests__/CheckBox.spec.js +0 -18
  107. package/lib/DateTime/__tests__/CalendarView.spec.js +0 -45
  108. package/lib/DateTime/__tests__/DateTime.spec.js +0 -127
  109. package/lib/DateTime/__tests__/DateWidget.spec.js +0 -81
  110. package/lib/DropBox/__tests__/DropBox.spec.js +0 -87
  111. package/lib/DropDown/__tests__/DropDown.spec.js +0 -50
  112. package/lib/DropDown/__tests__/DropDownItem.spec.js +0 -51
  113. package/lib/DropDown/__tests__/DropDownSearch.spec.js +0 -17
  114. package/lib/Label/__tests__/Label.spec.js +0 -137
  115. package/lib/Label/__tests__/__snapshots__/Label.spec.js.snap +0 -101
  116. package/lib/Layout/__tests__/Box.spec.js +0 -121
  117. package/lib/Layout/__tests__/Container.spec.js +0 -127
  118. package/lib/MultiSelect/__tests__/MultiSelect.spec.js +0 -170
  119. package/lib/PopOver/__tests__/PopOver.spec.js +0 -20
  120. package/lib/Popup/__tests__/Popup.spec.js +0 -192
  121. package/lib/Radio/__tests__/Radiospec.js +0 -29
  122. package/lib/Ribbon/__tests__/Ribbon.spec.js +0 -193
  123. package/lib/Ribbon/__tests__/__snapshots__/Ribbon.spec.js.snap +0 -163
  124. package/lib/Select/__tests__/Select.spec.js +0 -383
  125. package/lib/Stencils/__tests__/Stencils.spec.js +0 -84
  126. package/lib/Stencils/__tests__/__snapshots__/Stencils.spec.js.snap +0 -49
  127. package/lib/Tab/__tests__/Tab.spec.js +0 -123
  128. package/lib/Tab/__tests__/TabContent.spec.js +0 -22
  129. package/lib/Tab/__tests__/TabContentWrapper.spec.js +0 -59
  130. package/lib/Tab/__tests__/TabWrapper.spec.js +0 -100
  131. package/lib/Tab/__tests__/Tabs.spec.js +0 -123
  132. package/lib/Tag/__tests__/Tag.spec.js +0 -35
  133. package/lib/TextBox/__tests__/TextBox.spec.js +0 -205
  134. package/lib/TextBox/__tests__/__snapshots__/TextBox.spec.js.snap +0 -127
  135. package/lib/TextBoxIcon/__tests__/TextBoxIcon.spec.js +0 -228
  136. package/lib/TextBoxIcon/__tests__/__snapshots__/TextBoxIcon.spec.js.snap +0 -334
  137. package/lib/Textarea/__tests__/Textarea.spec.js +0 -186
  138. package/lib/Textarea/__tests__/__snapshots__/Textarea.spec.js.snap +0 -97
  139. package/lib/Tooltip/__tests__/Tooltip.spec.js +0 -98
  140. package/lib/utils/__tests__/constructFullName.spec.js +0 -12
  141. package/lib/utils/__tests__/debounce.spec.js +0 -40
  142. package/lib/utils/__tests__/getInitial.spec.js +0 -26
@@ -1,121 +0,0 @@
1
- "use strict";
2
-
3
- var _react = _interopRequireDefault(require("react"));
4
-
5
- var _Box = _interopRequireDefault(require("../Box"));
6
-
7
- var _reactTestRenderer = _interopRequireDefault(require("react-test-renderer"));
8
-
9
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
10
-
11
- describe('Layout Component', function () {
12
- it('Should contains the data-scroll is true', function () {
13
- var _setup = setup(_Box["default"], {
14
- isScrollAttribute: true
15
- }),
16
- props = _setup.props,
17
- renderedDOM = _setup.renderedDOM;
18
-
19
- expect(TestUtils.findRenderedComponentsWithTestid(renderedDOM, 'boxComponent').getAttribute('data-scroll').contains(true)).toBe(true);
20
- });
21
- it('Should contains the default class', function () {
22
- var _setup2 = setup(_Box["default"], {
23
- flexible: true
24
- }),
25
- props = _setup2.props,
26
- renderedDOM = _setup2.renderedDOM;
27
-
28
- expect(TestUtils.findRenderedComponentsWithTestid(renderedDOM, 'boxComponent').className.contains('grow basis')).toBe(true);
29
- });
30
- it('Should contains the default class', function () {
31
- var _setup3 = setup(_Box["default"], {
32
- flexible: true,
33
- adjust: true
34
- }),
35
- props = _setup3.props,
36
- renderedDOM = _setup3.renderedDOM;
37
-
38
- expect(TestUtils.findRenderedComponentsWithTestid(renderedDOM, 'boxComponent').className.contains('grow')).toBe(true);
39
- });
40
- it('Should contains the default class', function () {
41
- var _setup4 = setup(_Box["default"], {
42
- adjust: true
43
- }),
44
- props = _setup4.props,
45
- renderedDOM = _setup4.renderedDOM;
46
-
47
- expect(TestUtils.findRenderedComponentsWithTestid(renderedDOM, 'boxComponent').className.contains('basisAuto')).toBe(true);
48
- });
49
- it('Should contains the default class', function () {
50
- var _setup5 = setup(_Box["default"], {
51
- shrink: false
52
- }),
53
- props = _setup5.props,
54
- renderedDOM = _setup5.renderedDOM;
55
-
56
- expect(TestUtils.findRenderedComponentsWithTestid(renderedDOM, 'boxComponent').className.contains('shrink')).toBe(true);
57
- });
58
- it('Should contains the default class', function () {
59
- var _setup6 = setup(_Box["default"], {
60
- shrink: true
61
- }),
62
- props = _setup6.props,
63
- renderedDOM = _setup6.renderedDOM;
64
-
65
- expect(TestUtils.findRenderedComponentsWithTestid(renderedDOM, 'boxComponent').className.contains('shrinkOn')).toBe(true);
66
- });
67
- it('Should contains the default class', function () {
68
- var _setup7 = setup(_Box["default"], {
69
- hidden: ['lg']
70
- }),
71
- props = _setup7.props,
72
- renderedDOM = _setup7.renderedDOM;
73
-
74
- expect(TestUtils.findRenderedComponentsWithTestid(renderedDOM, 'boxComponent').className.contains('hidden-screen-lg')).toBe(true);
75
- });
76
- it('Should contains the default class', function () {
77
- var _setup8 = setup(_Box["default"], {
78
- column: '4'
79
- }),
80
- props = _setup8.props,
81
- renderedDOM = _setup8.renderedDOM;
82
-
83
- expect(TestUtils.findRenderedComponentsWithTestid(renderedDOM, 'boxComponent').className.contains('col-4')).toBe(true);
84
- });
85
- it('Should contains the default class', function () {
86
- var _setup9 = setup(_Box["default"], {
87
- scroll: 'horizontal'
88
- }),
89
- props = _setup9.props,
90
- renderedDOM = _setup9.renderedDOM;
91
-
92
- expect(TestUtils.findRenderedComponentsWithTestid(renderedDOM, 'boxComponent').className.contains('scrollx')).toBe(true);
93
- });
94
- it('Should contains the default class', function () {
95
- var _setup10 = setup(_Box["default"], {
96
- scroll: 'vertical'
97
- }),
98
- props = _setup10.props,
99
- renderedDOM = _setup10.renderedDOM;
100
-
101
- expect(TestUtils.findRenderedComponentsWithTestid(renderedDOM, 'boxComponent').className.contains('scrolly')).toBe(true);
102
- });
103
- it('Should contains the default class', function () {
104
- var _setup11 = setup(_Box["default"], {
105
- scroll: 'both'
106
- }),
107
- props = _setup11.props,
108
- renderedDOM = _setup11.renderedDOM;
109
-
110
- expect(TestUtils.findRenderedComponentsWithTestid(renderedDOM, 'boxComponent').className.contains('scrollboth')).toBe(true);
111
- });
112
- it('Should contains the default class', function () {
113
- var _setup12 = setup(_Box["default"], {
114
- scroll: 'none'
115
- }),
116
- props = _setup12.props,
117
- renderedDOM = _setup12.renderedDOM;
118
-
119
- expect(TestUtils.findRenderedComponentsWithTestid(renderedDOM, 'boxComponent').className.contains('scrollnone')).toBe(true);
120
- });
121
- });
@@ -1,127 +0,0 @@
1
- "use strict";
2
-
3
- var _react = _interopRequireDefault(require("react"));
4
-
5
- var _Container = _interopRequireDefault(require("../Container"));
6
-
7
- var _reactTestRenderer = _interopRequireDefault(require("react-test-renderer"));
8
-
9
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
10
-
11
- describe('Layout Component', function () {
12
- it('Should contains the data-scroll is true', function () {
13
- var _setup = setup(_Container["default"], {
14
- isScrollAttribute: true
15
- }),
16
- props = _setup.props,
17
- renderedDOM = _setup.renderedDOM;
18
-
19
- expect(TestUtils.findRenderedComponentsWithTestid(renderedDOM, 'containerComponent').getAttribute('data-scroll').contains(true)).toBe(true);
20
- });
21
- it('Should contains the default class', function () {
22
- var _setup2 = setup(_Container["default"]),
23
- props = _setup2.props,
24
- renderedDOM = _setup2.renderedDOM;
25
-
26
- expect(TestUtils.findRenderedComponentsWithTestid(renderedDOM, 'containerComponent').className.contains('flex')).toBe(true);
27
- });
28
- it('Should contains the default class', function () {
29
- var _setup3 = setup(_Container["default"], {
30
- alignBox: 'row'
31
- }),
32
- props = _setup3.props,
33
- renderedDOM = _setup3.renderedDOM;
34
-
35
- expect(TestUtils.findRenderedComponentsWithTestid(renderedDOM, 'containerComponent').className.contains('rowdir')).toBe(true);
36
- });
37
- it('Should contains the default class', function () {
38
- var _setup4 = setup(_Container["default"], {
39
- alignBox: 'row-reverse'
40
- }),
41
- props = _setup4.props,
42
- renderedDOM = _setup4.renderedDOM;
43
-
44
- expect(TestUtils.findRenderedComponentsWithTestid(renderedDOM, 'containerComponent').className.contains('rowReverse')).toBe(true);
45
- });
46
- it('Should contains the default class', function () {
47
- var _setup5 = setup(_Container["default"], {
48
- hidden: ['lg']
49
- }),
50
- props = _setup5.props,
51
- renderedDOM = _setup5.renderedDOM;
52
-
53
- expect(TestUtils.findRenderedComponentsWithTestid(renderedDOM, 'containerComponent').className.contains('hidden-screen-lg')).toBe(true);
54
- });
55
- it('Should contains the default class', function () {
56
- var _setup6 = setup(_Container["default"], {
57
- wrap: 'wrap'
58
- }),
59
- props = _setup6.props,
60
- renderedDOM = _setup6.renderedDOM;
61
-
62
- expect(TestUtils.findRenderedComponentsWithTestid(renderedDOM, 'containerComponent').className.contains('wrap')).toBe(true);
63
- });
64
- it('Should contains the default class', function () {
65
- var _setup7 = setup(_Container["default"], {
66
- align: 'horizontal'
67
- }),
68
- props = _setup7.props,
69
- renderedDOM = _setup7.renderedDOM;
70
-
71
- expect(TestUtils.findRenderedComponentsWithTestid(renderedDOM, 'containerComponent').className.contains('hCenter')).toBe(true);
72
- });
73
- it('Should contains the default class', function () {
74
- var _setup8 = setup(_Container["default"], {
75
- align: 'vertical'
76
- }),
77
- props = _setup8.props,
78
- renderedDOM = _setup8.renderedDOM;
79
-
80
- expect(TestUtils.findRenderedComponentsWithTestid(renderedDOM, 'containerComponent').className.contains('vCenter')).toBe(true);
81
- });
82
- it('Should contains the default class', function () {
83
- var _setup9 = setup(_Container["default"], {
84
- align: 'both'
85
- }),
86
- props = _setup9.props,
87
- renderedDOM = _setup9.renderedDOM;
88
-
89
- expect(TestUtils.findRenderedComponentsWithTestid(renderedDOM, 'containerComponent').className.contains('both')).toBe(true);
90
- });
91
- it('Should contains the default class', function () {
92
- var _setup10 = setup(_Container["default"], {
93
- scroll: 'horizontal'
94
- }),
95
- props = _setup10.props,
96
- renderedDOM = _setup10.renderedDOM;
97
-
98
- expect(TestUtils.findRenderedComponentsWithTestid(renderedDOM, 'containerComponent').className.contains('scrollx')).toBe(true);
99
- });
100
- it('Should contains the default class', function () {
101
- var _setup11 = setup(_Container["default"], {
102
- scroll: 'vertical'
103
- }),
104
- props = _setup11.props,
105
- renderedDOM = _setup11.renderedDOM;
106
-
107
- expect(TestUtils.findRenderedComponentsWithTestid(renderedDOM, 'containerComponent').className.contains('scrolly')).toBe(true);
108
- });
109
- it('Should contains the default class', function () {
110
- var _setup12 = setup(_Container["default"], {
111
- scroll: 'both'
112
- }),
113
- props = _setup12.props,
114
- renderedDOM = _setup12.renderedDOM;
115
-
116
- expect(TestUtils.findRenderedComponentsWithTestid(renderedDOM, 'containerComponent').className.contains('scrollboth')).toBe(true);
117
- });
118
- it('Should contains the default class', function () {
119
- var _setup13 = setup(_Container["default"], {
120
- scroll: 'none'
121
- }),
122
- props = _setup13.props,
123
- renderedDOM = _setup13.renderedDOM;
124
-
125
- expect(TestUtils.findRenderedComponentsWithTestid(renderedDOM, 'containerComponent').className.contains('scrollnone')).toBe(true);
126
- });
127
- });
@@ -1,170 +0,0 @@
1
- "use strict";
2
-
3
- var _expect = _interopRequireDefault(require("expect"));
4
-
5
- var _MultiSelect = _interopRequireDefault(require("../MultiSelect"));
6
-
7
- var _Tag = _interopRequireDefault(require("../../Tag/Tag"));
8
-
9
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
10
-
11
- /* eslint-disable no-undef */
12
-
13
- /**** Libraries ****/
14
-
15
- /**** Components ****/
16
- describe('MultiSelect component conditions', function () {
17
- it('Should show loading and hide loading', function (cb) {
18
- var resolveFunc = null;
19
- var newPromise = new Promise(function (res) {
20
- resolveFunc = res;
21
- });
22
- var searchDebounceTime = 0;
23
-
24
- var _setup = setup(_MultiSelect["default"], {
25
- onSearch: jest.fn(function () {
26
- return newPromise;
27
- }),
28
- needSearch: true,
29
- searchDebounceTime: searchDebounceTime,
30
- emptyMessage: '',
31
- onChange: jest.fn(),
32
- options: [],
33
- selectedOptions: [],
34
- isPopupOpen: true
35
- }),
36
- renderedDOM = _setup.renderedDOM,
37
- props = _setup.props;
38
-
39
- var searchBox = TestUtils.findRenderedComponentsWithTestid(renderedDOM, 'multiSelect_textBox');
40
- TestUtils.Simulate.change(searchBox, {
41
- target: {
42
- value: 'value changed'
43
- }
44
- }); //
45
-
46
- setTimeout(function () {
47
- (0, _expect["default"])(props.onSearch).toHaveBeenCalled();
48
- (0, _expect["default"])(props.onSearch.mock.calls[0][0]).toEqual('value changed');
49
- var loadingEle = TestUtils.findRenderedComponentsWithTestid(renderedDOM, 'multiSelect_Loading');
50
- (0, _expect["default"])(TestUtils.isDOMComponent(loadingEle)).toBeTruthy();
51
- resolveFunc();
52
- return newPromise.then(function () {
53
- var loadingEleArr = TestUtils.scryRenderedComponentsWithTestid(renderedDOM, 'multiSelect_Loading');
54
- (0, _expect["default"])(loadingEleArr.length).toBe(0);
55
- cb();
56
- });
57
- }, searchDebounceTime); //
58
- });
59
- it('Should display searchEmptyMessage', function () {
60
- var _setup2 = setup(_MultiSelect["default"], {
61
- emptyMessage: '',
62
- onChange: jest.fn(),
63
- options: [],
64
- selectedOptions: [],
65
- isPopupOpen: true
66
- }),
67
- renderedDOM = _setup2.renderedDOM;
68
-
69
- var searchBox = TestUtils.findRenderedComponentsWithTestid(renderedDOM, 'multiSelect_textBox');
70
- TestUtils.Simulate.change(searchBox, {
71
- target: {
72
- value: 'value changed'
73
- }
74
- });
75
- var searchEmptyMessageEle = TestUtils.findRenderedComponentsWithTestid(renderedDOM, 'multiSelect_srchEmptyMsg');
76
- (0, _expect["default"])(TestUtils.isDOMComponent(searchEmptyMessageEle)).toBeTruthy();
77
- });
78
- it('Should display noOptionsMessage', function () {
79
- var _setup3 = setup(_MultiSelect["default"], {
80
- emptyMessage: '',
81
- onChange: jest.fn(),
82
- options: [],
83
- selectedOptions: [],
84
- isPopupOpen: true
85
- }),
86
- renderedDOM = _setup3.renderedDOM;
87
-
88
- var emptyMessageEle = TestUtils.findRenderedComponentsWithTestid(renderedDOM, 'multiSelect_noOptnsMsg');
89
- (0, _expect["default"])(TestUtils.isDOMComponent(emptyMessageEle)).toBeTruthy();
90
- });
91
- it('Should display noMoreOptionsMessage', function () {
92
- var _setup4 = setup(_MultiSelect["default"], {
93
- emptyMessage: '',
94
- onChange: jest.fn(),
95
- options: ['1', '2', '3', '4'],
96
- selectedOptions: ['1', '2', '3', '4'],
97
- dataIdNoMreOptionMsg: 'noMoreOptionsMessage',
98
- isPopupOpen: true
99
- }),
100
- renderedDOM = _setup4.renderedDOM;
101
-
102
- var noMoreOptionsMessageEle = TestUtils.findRenderedComponentsWithTestid(renderedDOM, 'multiSelect_NoMoreOptionMsg');
103
- (0, _expect["default"])(TestUtils.isDOMComponent(noMoreOptionsMessageEle)).toBeTruthy();
104
- });
105
- it('Should display clear icon', function () {
106
- var _setup5 = setup(_MultiSelect["default"], {
107
- emptyMessage: '',
108
- onChange: jest.fn(),
109
- options: ['1', '2', '3', '4'],
110
- selectedOptions: ['1', '2']
111
- }),
112
- renderedDOM = _setup5.renderedDOM;
113
-
114
- var clearIconEle = TestUtils.findRenderedComponentsWithTestid(renderedDOM, 'multiSelect_clearIcon');
115
- (0, _expect["default"])(TestUtils.isDOMComponent(clearIconEle)).toBeTruthy();
116
- });
117
- it('Should not display clear icon, When is readonly field', function () {
118
- var _setup6 = setup(_MultiSelect["default"], {
119
- emptyMessage: '',
120
- onChange: jest.fn(),
121
- options: ['1', '2', '3', '4'],
122
- selectedOptions: ['1', '2'],
123
- isReadOnly: true
124
- }),
125
- renderedDOM = _setup6.renderedDOM;
126
-
127
- var clearIconEles = TestUtils.scryRenderedComponentsWithTestid(renderedDOM, 'multiSelect_clearIcon');
128
- (0, _expect["default"])(clearIconEles.length).toBe(0);
129
- });
130
- it('Should not display clear icon, When is selected option is one', function () {
131
- var _setup7 = setup(_MultiSelect["default"], {
132
- emptyMessage: '',
133
- onChange: jest.fn(),
134
- options: ['1', '2', '3', '4'],
135
- selectedOptions: ['1']
136
- }),
137
- renderedDOM = _setup7.renderedDOM;
138
-
139
- var clearIconEles = TestUtils.scryRenderedComponentsWithTestid(renderedDOM, 'multiSelect_clearIcon');
140
- (0, _expect["default"])(clearIconEles.length).toBe(0);
141
- });
142
- it('Should display select all option, When suggestions are more than 1', function () {
143
- var _setup8 = setup(_MultiSelect["default"], {
144
- emptyMessage: '',
145
- onChange: jest.fn(),
146
- options: ['1', '2', '3', '4'],
147
- selectedOptions: ['1', '2'],
148
- isPopupOpen: true,
149
- needSelectAll: true
150
- }),
151
- renderedDOM = _setup8.renderedDOM;
152
-
153
- var selectAllEle = TestUtils.findRenderedComponentsWithTestid(renderedDOM, 'multiSelect_selectAll');
154
- (0, _expect["default"])(TestUtils.isDOMComponent(selectAllEle)).toBeTruthy();
155
- });
156
- it('Should not display select all option', function () {
157
- var _setup9 = setup(_MultiSelect["default"], {
158
- emptyMessage: '',
159
- onChange: jest.fn(),
160
- options: ['1', '2', '3', '4'],
161
- selectedOptions: ['1', '2', '3'],
162
- isPopupOpen: true,
163
- needSelectAll: true
164
- }),
165
- renderedDOM = _setup9.renderedDOM;
166
-
167
- var selectAllEles = TestUtils.scryRenderedComponentsWithTestid(renderedDOM, 'multiSelect_MultiSelectHeader');
168
- (0, _expect["default"])(selectAllEles.length).toBe(0);
169
- });
170
- });
@@ -1,20 +0,0 @@
1
- "use strict";
2
-
3
- var _react = _interopRequireDefault(require("react"));
4
-
5
- var _PopOver = _interopRequireDefault(require("../PopOver"));
6
-
7
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
8
-
9
- /* eslint-disable no-undef */
10
-
11
- /**** Libraries ****/
12
-
13
- /**** Components ****/
14
- describe('PopOver component conditions', function () {
15
- xit('should open popup', function () {
16
- var mockfn = jest.fn();
17
- var renderedDOM = TestUtils.renderIntoDocument( /*#__PURE__*/_react["default"].createElement(_PopOver["default"], null));
18
- expect(TestUtils.findRenderedComponentsWithTestid(renderedDOM, 'popupComp').textContent.contains('primary')).toBe(true);
19
- });
20
- });
@@ -1,192 +0,0 @@
1
- "use strict";
2
-
3
- function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
4
-
5
- var _react = _interopRequireDefault(require("react"));
6
-
7
- var _reactDom = _interopRequireDefault(require("react-dom"));
8
-
9
- var _propTypes = _interopRequireDefault(require("prop-types"));
10
-
11
- var _Popup = _interopRequireDefault(require("../Popup"));
12
-
13
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
14
-
15
- function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
16
-
17
- function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }
18
-
19
- function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; }
20
-
21
- function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); Object.defineProperty(subClass, "prototype", { writable: false }); if (superClass) _setPrototypeOf(subClass, superClass); }
22
-
23
- function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
24
-
25
- function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
26
-
27
- function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } else if (call !== void 0) { throw new TypeError("Derived constructors may only return object or undefined"); } return _assertThisInitialized(self); }
28
-
29
- function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
30
-
31
- function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
32
-
33
- function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
34
-
35
- var SamplePopup = /*#__PURE__*/function (_React$Component) {
36
- _inherits(SamplePopup, _React$Component);
37
-
38
- var _super = _createSuper(SamplePopup);
39
-
40
- function SamplePopup(props) {
41
- _classCallCheck(this, SamplePopup);
42
-
43
- return _super.call(this, props);
44
- }
45
-
46
- _createClass(SamplePopup, [{
47
- key: "render",
48
- value: function render() {
49
- return /*#__PURE__*/_react["default"].createElement("div", null, "Sample Popup");
50
- }
51
- }]);
52
-
53
- return SamplePopup;
54
- }(_react["default"].Component);
55
-
56
- var SamplePopupCopy = /*#__PURE__*/function (_React$Component2) {
57
- _inherits(SamplePopupCopy, _React$Component2);
58
-
59
- var _super2 = _createSuper(SamplePopupCopy);
60
-
61
- function SamplePopupCopy(props) {
62
- _classCallCheck(this, SamplePopupCopy);
63
-
64
- return _super2.call(this, props);
65
- }
66
-
67
- _createClass(SamplePopupCopy, [{
68
- key: "render",
69
- value: function render() {
70
- var _this = this;
71
-
72
- return /*#__PURE__*/_react["default"].createElement("div", {
73
- "data-id": "samplePopup",
74
- onClick: function onClick(ev) {
75
- _this.props.removeClose(ev);
76
- }
77
- }, "Sample Popup");
78
- }
79
- }]);
80
-
81
- return SamplePopupCopy;
82
- }(_react["default"].Component);
83
-
84
- SamplePopupCopy.propTypes = {
85
- removeClose: _propTypes["default"].func
86
- };
87
-
88
- var SamplePopupCopy1 = /*#__PURE__*/function (_React$Component3) {
89
- _inherits(SamplePopupCopy1, _React$Component3);
90
-
91
- var _super3 = _createSuper(SamplePopupCopy1);
92
-
93
- function SamplePopupCopy1(props) {
94
- _classCallCheck(this, SamplePopupCopy1);
95
-
96
- return _super3.call(this, props);
97
- }
98
-
99
- _createClass(SamplePopupCopy1, [{
100
- key: "render",
101
- value: function render() {
102
- return /*#__PURE__*/_react["default"].createElement("div", {
103
- "data-id": "samplePopup"
104
- }, "Sample Popup");
105
- }
106
- }]);
107
-
108
- return SamplePopupCopy1;
109
- }(_react["default"].Component);
110
-
111
- describe('Popup component conditions', function () {
112
- it('should click same popup with removeClose', function () {
113
- var PopupWrapperComponent = (0, _Popup["default"])(SamplePopupCopy);
114
- var div = document.createElement('div');
115
- document.body.append(div);
116
- /*eslint-disable */
117
-
118
- var popupDom = _reactDom["default"].render( /*#__PURE__*/_react["default"].createElement(PopupWrapperComponent, null), div);
119
- /*eslint-enable */
120
-
121
-
122
- popupDom.togglePopup();
123
- expect(popupDom.state.isPopupOpen).toBeTruthy();
124
- var popupEle = TestUtils.findRenderedComponentsWithTestid(popupDom, 'samplePopup');
125
- popupEle.click();
126
- expect(popupDom.state.isPopupOpen).toBeTruthy();
127
- });
128
- it('should open popup and close popup', function () {
129
- var PopupWrapperComponent = (0, _Popup["default"])(SamplePopup);
130
- var popupDom = TestUtils.renderIntoDocument( /*#__PURE__*/_react["default"].createElement(PopupWrapperComponent, null));
131
- popupDom.openPopupOnly();
132
- expect(popupDom.state.isPopupOpen).toBeTruthy();
133
- popupDom.closePopupOnly();
134
- expect(popupDom.state.isPopupOpen).toBeFalsy();
135
- });
136
- it('should close another popup already one opened', function () {
137
- var PopupWrapperComponent1 = (0, _Popup["default"])(SamplePopup);
138
- var popupDom1 = TestUtils.renderIntoDocument( /*#__PURE__*/_react["default"].createElement(PopupWrapperComponent1, null));
139
- var PopupWrapperComponent2 = (0, _Popup["default"])(SamplePopup);
140
- var popupDom2 = TestUtils.renderIntoDocument( /*#__PURE__*/_react["default"].createElement(PopupWrapperComponent2, null));
141
- popupDom1.togglePopup();
142
- expect(popupDom1.state.isPopupOpen).toBeTruthy();
143
- expect(popupDom2.state.isPopupOpen).toBeFalsy();
144
- popupDom2.togglePopup();
145
- expect(popupDom1.state.isPopupOpen).toBeFalsy();
146
- expect(popupDom2.state.isPopupOpen).toBeTruthy();
147
- });
148
- it('should click document close opened popup', function () {
149
- var PopupWrapperComponent = (0, _Popup["default"])(SamplePopup);
150
- var popupDom = TestUtils.renderIntoDocument( /*#__PURE__*/_react["default"].createElement(PopupWrapperComponent, null));
151
- popupDom.togglePopup();
152
- expect(popupDom.state.isPopupOpen).toBeTruthy();
153
- document.body.click();
154
- expect(popupDom.state.isPopupOpen).toBeFalsy();
155
- });
156
- it('should click same popup with out removeClose', function () {
157
- var PopupWrapperComponent = (0, _Popup["default"])(SamplePopupCopy1);
158
- var div = document.createElement('div');
159
- document.body.append(div);
160
- /*eslint-disable */
161
-
162
- var popupDom = _reactDom["default"].render( /*#__PURE__*/_react["default"].createElement(PopupWrapperComponent, null), div);
163
- /*eslint-enable */
164
-
165
-
166
- popupDom.togglePopup();
167
- expect(popupDom.state.isPopupOpen).toBeTruthy();
168
- var popupEle = TestUtils.findRenderedComponentsWithTestid(popupDom, 'samplePopup');
169
- popupEle.click();
170
- expect(popupDom.state.isPopupOpen).toBeFalsy();
171
- });
172
- it('should click document close opened popup', function () {
173
- var PopupWrapperComponent = (0, _Popup["default"])(SamplePopup);
174
- var popupDom = TestUtils.renderIntoDocument( /*#__PURE__*/_react["default"].createElement(PopupWrapperComponent, null));
175
- popupDom.togglePopup();
176
- expect(popupDom.state.isPopupOpen).toBeTruthy();
177
- document.body.click();
178
- expect(popupDom.state.isPopupOpen).toBeFalsy();
179
- });
180
- it('should press esc key opened popup close', function () {
181
- var PopupWrapperComponent = (0, _Popup["default"])(SamplePopupCopy1);
182
- var popupDom = TestUtils.renderIntoDocument( /*#__PURE__*/_react["default"].createElement(PopupWrapperComponent, null));
183
- popupDom.togglePopup();
184
- expect(popupDom.state.isPopupOpen).toBeTruthy(); //TestUtils.Simulate.keyUp(document, {keyCode:27});
185
-
186
- var e = document.createEvent('HTMLEvents');
187
- e.initEvent('keyup', false, true);
188
- e.keyCode = 27;
189
- document.dispatchEvent(e);
190
- expect(popupDom.state.isPopupOpen).toBeFalsy();
191
- });
192
- }); //Group Popup Handling Open and close
@@ -1,29 +0,0 @@
1
- "use strict";
2
-
3
- var _react = _interopRequireDefault(require("react"));
4
-
5
- var _Radio = _interopRequireDefault(require("../Radio"));
6
-
7
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
8
-
9
- describe('Radio component', function () {
10
- it('Should display Text', function () {
11
- var renderedDOM = TestUtils.renderIntoDocument( /*#__PURE__*/_react["default"].createElement(_Radio["default"], {
12
- text: "test",
13
- id: "testid"
14
- }));
15
- expect(TestUtils.findRenderedComponentsWithTestid(renderedDOM, 'test_label').textContent.contains('test')).toBe(true);
16
- });
17
- it('Should call onChange', function () {
18
- var _setup = setup(_Radio["default"], {
19
- onChange: jest.fn(),
20
- text: 'test'
21
- }),
22
- renderedDOM = _setup.renderedDOM,
23
- props = _setup.props;
24
-
25
- var radioElement = TestUtils.findRenderedComponentsWithTestid(renderedDOM, 'RadioComp');
26
- TestUtils.Simulate.click(radioElement, renderedDOM);
27
- expect(props.onChange).toHaveBeenCalled();
28
- });
29
- });