@zohodesk/components 1.1.0 → 1.1.1

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 (114) hide show
  1. package/README.md +5 -1
  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/lib/Button/__tests__/Button.spec.js +62 -0
  20. package/lib/Button/__tests__/__snapshots__/Button.spec.js.snap +440 -0
  21. package/package.json +12 -7
  22. package/result.json +1 -0
  23. package/es/Accordion/__tests__/Accordion.spec.js +0 -79
  24. package/es/Animation/__tests__/Animation.spec.js +0 -17
  25. package/es/Avatar/__tests__/Avatar.spec.js +0 -161
  26. package/es/Avatar/__tests__/__snapshots__/Avatar.spec.js.snap +0 -288
  27. package/es/AvatarTeam/__tests__/AvatarTeam.spec.js +0 -76
  28. package/es/AvatarTeam/__tests__/__snapshots__/AvatarTeam.spec.js.snap +0 -226
  29. package/es/Buttongroup/__test__/Buttongroup.spec.js +0 -73
  30. package/es/Buttongroup/__test__/__snapshots__/Buttongroup.spec.js.snap +0 -146
  31. package/es/Card/__tests__/Card.spec.js +0 -36
  32. package/es/CheckBox/__tests__/CheckBox.spec.js +0 -12
  33. package/es/DateTime/__tests__/CalendarView.spec.js +0 -33
  34. package/es/DateTime/__tests__/DateTime.spec.js +0 -115
  35. package/es/DateTime/__tests__/DateWidget.spec.js +0 -75
  36. package/es/DropBox/__tests__/DropBox.spec.js +0 -81
  37. package/es/DropDown/__tests__/DropDown.spec.js +0 -44
  38. package/es/DropDown/__tests__/DropDownItem.spec.js +0 -45
  39. package/es/DropDown/__tests__/DropDownSearch.spec.js +0 -11
  40. package/es/Label/__tests__/Label.spec.js +0 -120
  41. package/es/Label/__tests__/__snapshots__/Label.spec.js.snap +0 -101
  42. package/es/Layout/__tests__/Box.spec.js +0 -114
  43. package/es/Layout/__tests__/Container.spec.js +0 -120
  44. package/es/MultiSelect/__tests__/MultiSelect.spec.js +0 -160
  45. package/es/PopOver/__tests__/PopOver.spec.js +0 -14
  46. package/es/Popup/__tests__/Popup.spec.js +0 -134
  47. package/es/Radio/__tests__/Radiospec.js +0 -23
  48. package/es/Ribbon/__tests__/Ribbon.spec.js +0 -168
  49. package/es/Ribbon/__tests__/__snapshots__/Ribbon.spec.js.snap +0 -163
  50. package/es/Select/__tests__/Select.spec.js +0 -345
  51. package/es/Stencils/__tests__/Stencils.spec.js +0 -69
  52. package/es/Stencils/__tests__/__snapshots__/Stencils.spec.js.snap +0 -49
  53. package/es/Tab/__tests__/Tab.spec.js +0 -117
  54. package/es/Tab/__tests__/TabContent.spec.js +0 -16
  55. package/es/Tab/__tests__/TabContentWrapper.spec.js +0 -50
  56. package/es/Tab/__tests__/TabWrapper.spec.js +0 -86
  57. package/es/Tab/__tests__/Tabs.spec.js +0 -115
  58. package/es/Tag/__tests__/Tag.spec.js +0 -28
  59. package/es/TextBox/__tests__/TextBox.spec.js +0 -189
  60. package/es/TextBox/__tests__/__snapshots__/TextBox.spec.js.snap +0 -127
  61. package/es/TextBoxIcon/__tests__/TextBoxIcon.spec.js +0 -212
  62. package/es/TextBoxIcon/__tests__/__snapshots__/TextBoxIcon.spec.js.snap +0 -334
  63. package/es/Textarea/__tests__/Textarea.spec.js +0 -171
  64. package/es/Textarea/__tests__/__snapshots__/Textarea.spec.js.snap +0 -97
  65. package/es/Tooltip/__tests__/Tooltip.spec.js +0 -52
  66. package/es/utils/__tests__/constructFullName.spec.js +0 -9
  67. package/es/utils/__tests__/debounce.spec.js +0 -37
  68. package/es/utils/__tests__/getInitial.spec.js +0 -23
  69. package/lib/Accordion/__tests__/Accordion.spec.js +0 -85
  70. package/lib/Animation/__tests__/Animation.spec.js +0 -23
  71. package/lib/Avatar/__tests__/Avatar.spec.js +0 -208
  72. package/lib/Avatar/__tests__/__snapshots__/Avatar.spec.js.snap +0 -288
  73. package/lib/AvatarTeam/__tests__/AvatarTeam.spec.js +0 -92
  74. package/lib/AvatarTeam/__tests__/__snapshots__/AvatarTeam.spec.js.snap +0 -226
  75. package/lib/Buttongroup/__test__/Buttongroup.spec.js +0 -86
  76. package/lib/Buttongroup/__test__/__snapshots__/Buttongroup.spec.js.snap +0 -146
  77. package/lib/Card/__tests__/Card.spec.js +0 -56
  78. package/lib/CheckBox/__tests__/CheckBox.spec.js +0 -18
  79. package/lib/DateTime/__tests__/CalendarView.spec.js +0 -45
  80. package/lib/DateTime/__tests__/DateTime.spec.js +0 -127
  81. package/lib/DateTime/__tests__/DateWidget.spec.js +0 -81
  82. package/lib/DropBox/__tests__/DropBox.spec.js +0 -87
  83. package/lib/DropDown/__tests__/DropDown.spec.js +0 -50
  84. package/lib/DropDown/__tests__/DropDownItem.spec.js +0 -51
  85. package/lib/DropDown/__tests__/DropDownSearch.spec.js +0 -17
  86. package/lib/Label/__tests__/Label.spec.js +0 -137
  87. package/lib/Label/__tests__/__snapshots__/Label.spec.js.snap +0 -101
  88. package/lib/Layout/__tests__/Box.spec.js +0 -121
  89. package/lib/Layout/__tests__/Container.spec.js +0 -127
  90. package/lib/MultiSelect/__tests__/MultiSelect.spec.js +0 -170
  91. package/lib/PopOver/__tests__/PopOver.spec.js +0 -20
  92. package/lib/Popup/__tests__/Popup.spec.js +0 -192
  93. package/lib/Radio/__tests__/Radiospec.js +0 -29
  94. package/lib/Ribbon/__tests__/Ribbon.spec.js +0 -193
  95. package/lib/Ribbon/__tests__/__snapshots__/Ribbon.spec.js.snap +0 -163
  96. package/lib/Select/__tests__/Select.spec.js +0 -383
  97. package/lib/Stencils/__tests__/Stencils.spec.js +0 -84
  98. package/lib/Stencils/__tests__/__snapshots__/Stencils.spec.js.snap +0 -49
  99. package/lib/Tab/__tests__/Tab.spec.js +0 -123
  100. package/lib/Tab/__tests__/TabContent.spec.js +0 -22
  101. package/lib/Tab/__tests__/TabContentWrapper.spec.js +0 -59
  102. package/lib/Tab/__tests__/TabWrapper.spec.js +0 -100
  103. package/lib/Tab/__tests__/Tabs.spec.js +0 -123
  104. package/lib/Tag/__tests__/Tag.spec.js +0 -35
  105. package/lib/TextBox/__tests__/TextBox.spec.js +0 -205
  106. package/lib/TextBox/__tests__/__snapshots__/TextBox.spec.js.snap +0 -127
  107. package/lib/TextBoxIcon/__tests__/TextBoxIcon.spec.js +0 -228
  108. package/lib/TextBoxIcon/__tests__/__snapshots__/TextBoxIcon.spec.js.snap +0 -334
  109. package/lib/Textarea/__tests__/Textarea.spec.js +0 -186
  110. package/lib/Textarea/__tests__/__snapshots__/Textarea.spec.js.snap +0 -97
  111. package/lib/Tooltip/__tests__/Tooltip.spec.js +0 -98
  112. package/lib/utils/__tests__/constructFullName.spec.js +0 -12
  113. package/lib/utils/__tests__/debounce.spec.js +0 -40
  114. 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
- });