@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,288 +0,0 @@
1
- // Jest Snapshot v1, https://goo.gl/fbAQLP
2
-
3
- exports[`Avatar component should display avatar image and initial while avatar loading... 1`] = `
4
- <div
5
- className="avatar medium medium circle primary text_black
6
- border"
7
- data-id="Avatar"
8
- data-title="vimalesan a"
9
- onClick={[Function]}
10
- >
11
- <span
12
- className="initial initialTxt"
13
- data-id="Avatar_AvatarInitial"
14
- >
15
- VA
16
- </span>
17
- <img
18
- className="none"
19
- data-id="Avatar_AvatarImg"
20
- name="vimalesan a"
21
- onError={[Function]}
22
- onLoad={[Function]}
23
- src="avatar.jpg"
24
- />
25
- </div>
26
- `;
27
-
28
- exports[`Avatar component should display image valid url 1`] = `
29
- <div
30
- className="avatar medium medium circle primary text_black
31
- "
32
- data-id="Avatar"
33
- data-title="vimalesan a"
34
- onClick={[Function]}
35
- >
36
- <img
37
- className="image"
38
- data-id="Avatar_AvatarImg"
39
- name="vimalesan a"
40
- onError={[Function]}
41
- onLoad={[Function]}
42
- src="avatar.jpg"
43
- />
44
- </div>
45
- `;
46
-
47
- exports[`Avatar component should display initial 1`] = `
48
- <div
49
- className="avatar medium medium circle primary text_black
50
- border"
51
- data-id="Avatar"
52
- data-title="vimalesan a"
53
- onClick={[Function]}
54
- >
55
- <span
56
- className="initial initialTxt"
57
- data-id="Avatar_AvatarInitial"
58
- >
59
- VA
60
- </span>
61
- </div>
62
- `;
63
-
64
- exports[`Avatar component should display initial if invalid url 1`] = `
65
- <div
66
- className="avatar medium medium circle primary text_black
67
- border"
68
- data-id="Avatar"
69
- data-title="vimalesan a"
70
- onClick={[Function]}
71
- >
72
- <span
73
- className="initial initialTxt"
74
- data-id="Avatar_AvatarInitial"
75
- >
76
- VA
77
- </span>
78
- </div>
79
- `;
80
-
81
- exports[`Avatar component should have title 1`] = `
82
- <div
83
- className="avatar medium medium circle primary text_black
84
- "
85
- data-id="Avatar"
86
- data-title="Sample Title"
87
- onClick={[Function]}
88
- >
89
- <img
90
- className="image"
91
- data-id="Avatar_AvatarImg"
92
- name="vimalesan a"
93
- onError={[Function]}
94
- onLoad={[Function]}
95
- src="avatar.jpg"
96
- />
97
- </div>
98
- `;
99
-
100
- exports[`Avatar component should no need title 1`] = `
101
- <div
102
- className="avatar medium medium circle primary text_black
103
- "
104
- data-id="Avatar"
105
- data-title=""
106
- onClick={[Function]}
107
- >
108
- <img
109
- className="image"
110
- data-id="Avatar_AvatarImg"
111
- name="vimalesan a"
112
- onError={[Function]}
113
- onLoad={[Function]}
114
- src="avatar.jpg"
115
- />
116
- </div>
117
- `;
118
-
119
- exports[`Avatar component should the palette is default 1`] = `
120
- <div
121
- className="avatar medium medium circle default text_black
122
- "
123
- data-id="Avatar"
124
- data-title="vimalesan a"
125
- onClick={[Function]}
126
- >
127
- <img
128
- className="image"
129
- data-id="Avatar_AvatarImg"
130
- name="vimalesan a"
131
- onError={[Function]}
132
- onLoad={[Function]}
133
- src="avatar.jpg"
134
- />
135
- </div>
136
- `;
137
-
138
- exports[`Avatar component should the palette is info 1`] = `
139
- <div
140
- className="avatar medium medium circle info text_black
141
- "
142
- data-id="Avatar"
143
- data-title="vimalesan a"
144
- onClick={[Function]}
145
- >
146
- <img
147
- className="image"
148
- data-id="Avatar_AvatarImg"
149
- name="vimalesan a"
150
- onError={[Function]}
151
- onLoad={[Function]}
152
- src="avatar.jpg"
153
- />
154
- </div>
155
- `;
156
-
157
- exports[`Avatar component should the palette is secondary 1`] = `
158
- <div
159
- className="avatar medium medium circle secondary text_white
160
- "
161
- data-id="Avatar"
162
- data-title="vimalesan a"
163
- onClick={[Function]}
164
- >
165
- <img
166
- className="image"
167
- data-id="Avatar_AvatarImg"
168
- name="vimalesan a"
169
- onError={[Function]}
170
- onLoad={[Function]}
171
- src="avatar.jpg"
172
- />
173
- </div>
174
- `;
175
-
176
- exports[`Avatar component should the shape is square 1`] = `
177
- <div
178
- className="avatar medium medium square primary text_black
179
- "
180
- data-id="Avatar"
181
- data-title="vimalesan a"
182
- onClick={[Function]}
183
- >
184
- <img
185
- className="image"
186
- data-id="Avatar_AvatarImg"
187
- name="vimalesan a"
188
- onError={[Function]}
189
- onLoad={[Function]}
190
- src="avatar.jpg"
191
- />
192
- </div>
193
- `;
194
-
195
- exports[`Avatar component should the size is large 1`] = `
196
- <div
197
- className="avatar large large circle primary text_black
198
- "
199
- data-id="Avatar"
200
- data-title="vimalesan a"
201
- onClick={[Function]}
202
- >
203
- <img
204
- className="image"
205
- data-id="Avatar_AvatarImg"
206
- name="vimalesan a"
207
- onError={[Function]}
208
- onLoad={[Function]}
209
- src="avatar.jpg"
210
- />
211
- </div>
212
- `;
213
-
214
- exports[`Avatar component should the size is small 1`] = `
215
- <div
216
- className="avatar square circle primary text_black
217
- "
218
- data-id="Avatar"
219
- data-title="vimalesan a"
220
- onClick={[Function]}
221
- >
222
- <img
223
- className="image"
224
- data-id="Avatar_AvatarImg"
225
- name="vimalesan a"
226
- onError={[Function]}
227
- onLoad={[Function]}
228
- src="avatar.jpg"
229
- />
230
- </div>
231
- `;
232
-
233
- exports[`Avatar component should the size is xlarge 1`] = `
234
- <div
235
- className="avatar xlarge xlarge circle primary text_black
236
- "
237
- data-id="Avatar"
238
- data-title="vimalesan a"
239
- onClick={[Function]}
240
- >
241
- <img
242
- className="image"
243
- data-id="Avatar_AvatarImg"
244
- name="vimalesan a"
245
- onError={[Function]}
246
- onLoad={[Function]}
247
- src="avatar.jpg"
248
- />
249
- </div>
250
- `;
251
-
252
- exports[`Avatar component should the size is xmedium 1`] = `
253
- <div
254
- className="avatar xmedium xmedium circle primary text_black
255
- "
256
- data-id="Avatar"
257
- data-title="vimalesan a"
258
- onClick={[Function]}
259
- >
260
- <img
261
- className="image"
262
- data-id="Avatar_AvatarImg"
263
- name="vimalesan a"
264
- onError={[Function]}
265
- onLoad={[Function]}
266
- src="avatar.jpg"
267
- />
268
- </div>
269
- `;
270
-
271
- exports[`Avatar component should the size is xsmall 1`] = `
272
- <div
273
- className="avatar xsmall xsmall circle primary text_black
274
- "
275
- data-id="Avatar"
276
- data-title="vimalesan a"
277
- onClick={[Function]}
278
- >
279
- <img
280
- className="image"
281
- data-id="Avatar_AvatarImg"
282
- name="vimalesan a"
283
- onError={[Function]}
284
- onLoad={[Function]}
285
- src="avatar.jpg"
286
- />
287
- </div>
288
- `;
@@ -1,76 +0,0 @@
1
- import React from 'react';
2
- import AvatarTeam from '../AvatarTeam';
3
- import renderer from 'react-test-renderer';
4
- describe('AvatarTeam component', () => {
5
- it('should display initial', () => {
6
- let ele = renderer.create( /*#__PURE__*/React.createElement(AvatarTeam, {
7
- name: "vimalesan a"
8
- }));
9
- let tree = ele.toJSON();
10
- expect(tree).toMatchSnapshot();
11
- });
12
- it('should is filled', () => {
13
- let ele = renderer.create( /*#__PURE__*/React.createElement(AvatarTeam, {
14
- name: "vimalesan a",
15
- isFilled: true
16
- }));
17
- let tree = ele.toJSON();
18
- expect(tree).toMatchSnapshot();
19
- });
20
- it('should the palette is secondary', () => {
21
- let ele = renderer.create( /*#__PURE__*/React.createElement(AvatarTeam, {
22
- name: "vimalesan a",
23
- palette: "secondary"
24
- }));
25
- let tree = ele.toJSON();
26
- expect(tree).toMatchSnapshot();
27
- });
28
- it('should the palette is info', () => {
29
- let ele = renderer.create( /*#__PURE__*/React.createElement(AvatarTeam, {
30
- name: "vimalesan a",
31
- palette: "info"
32
- }));
33
- let tree = ele.toJSON();
34
- expect(tree).toMatchSnapshot();
35
- });
36
- it('should the size is small', () => {
37
- let ele = renderer.create( /*#__PURE__*/React.createElement(AvatarTeam, {
38
- name: "vimalesan a",
39
- size: "small"
40
- }));
41
- let tree = ele.toJSON();
42
- expect(tree).toMatchSnapshot();
43
- });
44
- it('should the size is xsmall', () => {
45
- let ele = renderer.create( /*#__PURE__*/React.createElement(AvatarTeam, {
46
- name: "vimalesan a",
47
- size: "xsmall"
48
- }));
49
- let tree = ele.toJSON();
50
- expect(tree).toMatchSnapshot();
51
- });
52
- it('should the size is xmedium', () => {
53
- let ele = renderer.create( /*#__PURE__*/React.createElement(AvatarTeam, {
54
- name: "vimalesan a",
55
- size: "xmedium"
56
- }));
57
- let tree = ele.toJSON();
58
- expect(tree).toMatchSnapshot();
59
- });
60
- it('should the size is large', () => {
61
- let ele = renderer.create( /*#__PURE__*/React.createElement(AvatarTeam, {
62
- name: "vimalesan a",
63
- size: "large"
64
- }));
65
- let tree = ele.toJSON();
66
- expect(tree).toMatchSnapshot();
67
- });
68
- it('should the size is xlarge', () => {
69
- let ele = renderer.create( /*#__PURE__*/React.createElement(AvatarTeam, {
70
- name: "vimalesan a",
71
- size: "xlarge"
72
- }));
73
- let tree = ele.toJSON();
74
- expect(tree).toMatchSnapshot();
75
- });
76
- });
@@ -1,226 +0,0 @@
1
- // Jest Snapshot v1, https://goo.gl/fbAQLP
2
-
3
- exports[`AvatarTeam component should display initial 1`] = `
4
- <span
5
- className="container medium primary"
6
- data-id="avatarTeamComp"
7
- >
8
- <div
9
- className="avatar medium medium circle primary text_black
10
- border"
11
- data-id="Avatar"
12
- data-title="vimalesan a"
13
- onClick={[Function]}
14
- >
15
- <span
16
- className="initial initialTxt"
17
- data-id="Avatar_AvatarInitial"
18
- >
19
- VA
20
- </span>
21
- </div>
22
- <span
23
- className="team nofill"
24
- />
25
- </span>
26
- `;
27
-
28
- exports[`AvatarTeam component should is filled 1`] = `
29
- <span
30
- className="container medium primary"
31
- data-id="avatarTeamComp"
32
- >
33
- <div
34
- className="avatar medium medium circle primary text_black
35
- border"
36
- data-id="Avatar"
37
- data-title="vimalesan a"
38
- onClick={[Function]}
39
- >
40
- <span
41
- className="initial initialTxt"
42
- data-id="Avatar_AvatarInitial"
43
- >
44
- VA
45
- </span>
46
- </div>
47
- <span
48
- className="team filled"
49
- />
50
- </span>
51
- `;
52
-
53
- exports[`AvatarTeam component should the palette is info 1`] = `
54
- <span
55
- className="container medium info"
56
- data-id="avatarTeamComp"
57
- >
58
- <div
59
- className="avatar medium medium circle info text_black
60
- border"
61
- data-id="Avatar"
62
- data-title="vimalesan a"
63
- onClick={[Function]}
64
- >
65
- <span
66
- className="initial initialTxt"
67
- data-id="Avatar_AvatarInitial"
68
- >
69
- VA
70
- </span>
71
- </div>
72
- <span
73
- className="team nofill"
74
- />
75
- </span>
76
- `;
77
-
78
- exports[`AvatarTeam component should the palette is secondary 1`] = `
79
- <span
80
- className="container medium secondary"
81
- data-id="avatarTeamComp"
82
- >
83
- <div
84
- className="avatar medium medium circle secondary text_white
85
- border"
86
- data-id="Avatar"
87
- data-title="vimalesan a"
88
- onClick={[Function]}
89
- >
90
- <span
91
- className="initial initialTxt"
92
- data-id="Avatar_AvatarInitial"
93
- >
94
- VA
95
- </span>
96
- </div>
97
- <span
98
- className="team nofill"
99
- />
100
- </span>
101
- `;
102
-
103
- exports[`AvatarTeam component should the size is large 1`] = `
104
- <span
105
- className="container large primary"
106
- data-id="avatarTeamComp"
107
- >
108
- <div
109
- className="avatar large large circle primary text_black
110
- border"
111
- data-id="Avatar"
112
- data-title="vimalesan a"
113
- onClick={[Function]}
114
- >
115
- <span
116
- className="initial initialTxt"
117
- data-id="Avatar_AvatarInitial"
118
- >
119
- VA
120
- </span>
121
- </div>
122
- <span
123
- className="team nofill"
124
- />
125
- </span>
126
- `;
127
-
128
- exports[`AvatarTeam component should the size is small 1`] = `
129
- <span
130
- className="container small primary"
131
- data-id="avatarTeamComp"
132
- >
133
- <div
134
- className="avatar small small circle primary text_black
135
- border"
136
- data-id="Avatar"
137
- data-title="vimalesan a"
138
- onClick={[Function]}
139
- >
140
- <span
141
- className="initial initialTxt"
142
- data-id="Avatar_AvatarInitial"
143
- >
144
- VA
145
- </span>
146
- </div>
147
- <span
148
- className="team nofill"
149
- />
150
- </span>
151
- `;
152
-
153
- exports[`AvatarTeam component should the size is xlarge 1`] = `
154
- <span
155
- className="container xlarge primary"
156
- data-id="avatarTeamComp"
157
- >
158
- <div
159
- className="avatar xlarge xlarge circle primary text_black
160
- border"
161
- data-id="Avatar"
162
- data-title="vimalesan a"
163
- onClick={[Function]}
164
- >
165
- <span
166
- className="initial initialTxt"
167
- data-id="Avatar_AvatarInitial"
168
- >
169
- VA
170
- </span>
171
- </div>
172
- <span
173
- className="team nofill"
174
- />
175
- </span>
176
- `;
177
-
178
- exports[`AvatarTeam component should the size is xmedium 1`] = `
179
- <span
180
- className="container xmedium primary"
181
- data-id="avatarTeamComp"
182
- >
183
- <div
184
- className="avatar xmedium xmedium circle primary text_black
185
- border"
186
- data-id="Avatar"
187
- data-title="vimalesan a"
188
- onClick={[Function]}
189
- >
190
- <span
191
- className="initial initialTxt"
192
- data-id="Avatar_AvatarInitial"
193
- >
194
- VA
195
- </span>
196
- </div>
197
- <span
198
- className="team nofill"
199
- />
200
- </span>
201
- `;
202
-
203
- exports[`AvatarTeam component should the size is xsmall 1`] = `
204
- <span
205
- className="container xsmall primary"
206
- data-id="avatarTeamComp"
207
- >
208
- <div
209
- className="avatar xsmall xsmall circle primary text_black
210
- border"
211
- data-id="Avatar"
212
- data-title="vimalesan a"
213
- onClick={[Function]}
214
- >
215
- <span
216
- className="initial initialTxt"
217
- data-id="Avatar_AvatarInitial"
218
- >
219
- VA
220
- </span>
221
- </div>
222
- <span
223
- className="team nofill"
224
- />
225
- </span>
226
- `;
@@ -1,73 +0,0 @@
1
- import React from 'react';
2
- import Buttongroup from '../Buttongroup';
3
- import Button from '../../Button/Button';
4
- import renderer from 'react-test-renderer';
5
- describe('Button component', () => {
6
- it('should the type is footer', () => {
7
- let ele = renderer.create( /*#__PURE__*/React.createElement(Buttongroup, {
8
- type: "footer"
9
- }, /*#__PURE__*/React.createElement(Button, {
10
- text: "Submit",
11
- palette: "primaryFilled"
12
- }), /*#__PURE__*/React.createElement(Button, {
13
- text: "Cancel",
14
- palette: "secondary"
15
- })));
16
- let tree = ele.toJSON();
17
- expect(tree).toMatchSnapshot();
18
- });
19
- it('should the type is header', () => {
20
- let ele = renderer.create( /*#__PURE__*/React.createElement(Buttongroup, {
21
- type: "header"
22
- }, /*#__PURE__*/React.createElement(Button, {
23
- text: "Submit",
24
- palette: "primaryFilled"
25
- }), /*#__PURE__*/React.createElement(Button, {
26
- text: "Cancel",
27
- palette: "secondary"
28
- })));
29
- let tree = ele.toJSON();
30
- expect(tree).toMatchSnapshot();
31
- });
32
- it('should the button position is left', () => {
33
- let ele = renderer.create( /*#__PURE__*/React.createElement(Buttongroup, {
34
- type: "footer"
35
- }, /*#__PURE__*/React.createElement(Button, {
36
- text: "Submit",
37
- palette: "primaryFilled"
38
- }), /*#__PURE__*/React.createElement(Button, {
39
- text: "Cancel",
40
- palette: "secondary"
41
- })));
42
- let tree = ele.toJSON();
43
- expect(tree).toMatchSnapshot();
44
- });
45
- it('should the button position is right', () => {
46
- let ele = renderer.create( /*#__PURE__*/React.createElement(Buttongroup, {
47
- type: "footer",
48
- buttonPosition: "right"
49
- }, /*#__PURE__*/React.createElement(Button, {
50
- text: "Submit",
51
- palette: "primaryFilled"
52
- }), /*#__PURE__*/React.createElement(Button, {
53
- text: "Cancel",
54
- palette: "secondary"
55
- })));
56
- let tree = ele.toJSON();
57
- expect(tree).toMatchSnapshot();
58
- });
59
- it('should the button position is center', () => {
60
- let ele = renderer.create( /*#__PURE__*/React.createElement(Buttongroup, {
61
- type: "footer",
62
- buttonPosition: "center"
63
- }, /*#__PURE__*/React.createElement(Button, {
64
- text: "Submit",
65
- palette: "primaryFilled"
66
- }), /*#__PURE__*/React.createElement(Button, {
67
- text: "Cancel",
68
- palette: "secondary"
69
- })));
70
- let tree = ele.toJSON();
71
- expect(tree).toMatchSnapshot();
72
- });
73
- });