@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.
- package/README.md +20 -0
- package/assets/Appearance/dark/themes/blue/blue_ComponentTheme_DarkTheme.module.css +24 -24
- package/assets/Appearance/dark/themes/green/green_ComponentTheme_DarkTheme.module.css +24 -24
- package/assets/Appearance/dark/themes/orange/orange_ComponentTheme_DarkTheme.module.css +24 -24
- package/assets/Appearance/dark/themes/red/red_ComponentTheme_DarkTheme.module.css +24 -24
- package/assets/Appearance/dark/themes/yellow/yellow_ComponentTheme_DarkTheme.module.css +24 -24
- package/assets/Appearance/light/themes/blue/blue_ComponentTheme_LightTheme.module.css +24 -24
- package/assets/Appearance/light/themes/green/green_ComponentTheme_LightTheme.module.css +24 -24
- package/assets/Appearance/light/themes/orange/orange_ComponentTheme_LightTheme.module.css +24 -24
- package/assets/Appearance/light/themes/red/red_ComponentTheme_LightTheme.module.css +24 -24
- package/assets/Appearance/light/themes/yellow/yellow_ComponentTheme_LightTheme.module.css +24 -24
- package/assets/Appearance/pureDark/themes/blue/blue_ComponentTheme_PureDarkTheme.module.css +24 -24
- package/assets/Appearance/pureDark/themes/green/green_ComponentTheme_PureDarkTheme.module.css +24 -24
- package/assets/Appearance/pureDark/themes/orange/orange_ComponentTheme_PureDarkTheme.module.css +24 -24
- package/assets/Appearance/pureDark/themes/red/red_ComponentTheme_PureDarkTheme.module.css +24 -24
- package/assets/Appearance/pureDark/themes/yellow/yellow_ComponentTheme_PureDarkTheme.module.css +24 -24
- package/es/Button/__tests__/Button.spec.js +61 -0
- package/es/Button/__tests__/__snapshots__/Button.spec.js.snap +440 -0
- package/es/Buttongroup/Buttongroup.js +1 -1
- package/es/DateTime/DateTime.js +2 -2
- package/es/DropBox/DropBox.js +24 -12
- package/es/DropBox/props/defaultProps.js +2 -1
- package/es/DropBox/props/propTypes.js +2 -1
- package/es/ListItem/ListContainer.js +3 -2
- package/es/ListItem/ListItem.js +8 -3
- package/es/ListItem/ListItemWithAvatar.js +8 -3
- package/es/ListItem/ListItemWithCheckBox.js +5 -1
- package/es/ListItem/ListItemWithIcon.js +8 -3
- package/es/ListItem/ListItemWithRadio.js +5 -1
- package/es/MultiSelect/props/propTypes.js +1 -1
- package/es/Select/Select.js +2 -0
- package/lib/Button/__tests__/Button.spec.js +62 -0
- package/lib/Button/__tests__/__snapshots__/Button.spec.js.snap +440 -0
- package/lib/Buttongroup/Buttongroup.js +1 -1
- package/lib/DateTime/DateTime.js +2 -2
- package/lib/DropBox/DropBox.js +26 -12
- package/lib/DropBox/props/defaultProps.js +2 -1
- package/lib/DropBox/props/propTypes.js +2 -1
- package/lib/ListItem/ListContainer.js +4 -2
- package/lib/ListItem/ListItem.js +14 -3
- package/lib/ListItem/ListItemWithAvatar.js +14 -3
- package/lib/ListItem/ListItemWithCheckBox.js +12 -1
- package/lib/ListItem/ListItemWithIcon.js +14 -3
- package/lib/ListItem/ListItemWithRadio.js +12 -1
- package/lib/MultiSelect/props/propTypes.js +1 -1
- package/lib/Select/Select.js +2 -0
- package/package.json +21 -13
- package/postPublish.js +8 -0
- package/prePublish.js +70 -0
- package/result.json +1 -0
- package/es/Accordion/__tests__/Accordion.spec.js +0 -79
- package/es/Animation/__tests__/Animation.spec.js +0 -17
- package/es/Avatar/__tests__/Avatar.spec.js +0 -161
- package/es/Avatar/__tests__/__snapshots__/Avatar.spec.js.snap +0 -288
- package/es/AvatarTeam/__tests__/AvatarTeam.spec.js +0 -76
- package/es/AvatarTeam/__tests__/__snapshots__/AvatarTeam.spec.js.snap +0 -226
- package/es/Buttongroup/__test__/Buttongroup.spec.js +0 -73
- package/es/Buttongroup/__test__/__snapshots__/Buttongroup.spec.js.snap +0 -146
- package/es/Card/__tests__/Card.spec.js +0 -36
- package/es/CheckBox/__tests__/CheckBox.spec.js +0 -12
- package/es/DateTime/__tests__/CalendarView.spec.js +0 -33
- package/es/DateTime/__tests__/DateTime.spec.js +0 -115
- package/es/DateTime/__tests__/DateWidget.spec.js +0 -75
- package/es/DropBox/__tests__/DropBox.spec.js +0 -81
- package/es/DropDown/__tests__/DropDown.spec.js +0 -44
- package/es/DropDown/__tests__/DropDownItem.spec.js +0 -45
- package/es/DropDown/__tests__/DropDownSearch.spec.js +0 -11
- package/es/Label/__tests__/Label.spec.js +0 -120
- package/es/Label/__tests__/__snapshots__/Label.spec.js.snap +0 -101
- package/es/Layout/__tests__/Box.spec.js +0 -114
- package/es/Layout/__tests__/Container.spec.js +0 -120
- package/es/MultiSelect/__tests__/MultiSelect.spec.js +0 -160
- package/es/PopOver/__tests__/PopOver.spec.js +0 -14
- package/es/Popup/__tests__/Popup.spec.js +0 -134
- package/es/Radio/__tests__/Radiospec.js +0 -23
- package/es/Ribbon/__tests__/Ribbon.spec.js +0 -168
- package/es/Ribbon/__tests__/__snapshots__/Ribbon.spec.js.snap +0 -163
- package/es/Select/__tests__/Select.spec.js +0 -345
- package/es/Stencils/__tests__/Stencils.spec.js +0 -69
- package/es/Stencils/__tests__/__snapshots__/Stencils.spec.js.snap +0 -49
- package/es/Tab/__tests__/Tab.spec.js +0 -117
- package/es/Tab/__tests__/TabContent.spec.js +0 -16
- package/es/Tab/__tests__/TabContentWrapper.spec.js +0 -50
- package/es/Tab/__tests__/TabWrapper.spec.js +0 -86
- package/es/Tab/__tests__/Tabs.spec.js +0 -115
- package/es/Tag/__tests__/Tag.spec.js +0 -28
- package/es/TextBox/__tests__/TextBox.spec.js +0 -189
- package/es/TextBox/__tests__/__snapshots__/TextBox.spec.js.snap +0 -127
- package/es/TextBoxIcon/__tests__/TextBoxIcon.spec.js +0 -212
- package/es/TextBoxIcon/__tests__/__snapshots__/TextBoxIcon.spec.js.snap +0 -334
- package/es/Textarea/__tests__/Textarea.spec.js +0 -171
- package/es/Textarea/__tests__/__snapshots__/Textarea.spec.js.snap +0 -97
- package/es/Tooltip/__tests__/Tooltip.spec.js +0 -52
- package/es/utils/__tests__/constructFullName.spec.js +0 -9
- package/es/utils/__tests__/debounce.spec.js +0 -37
- package/es/utils/__tests__/getInitial.spec.js +0 -23
- package/lib/Accordion/__tests__/Accordion.spec.js +0 -85
- package/lib/Animation/__tests__/Animation.spec.js +0 -23
- package/lib/Avatar/__tests__/Avatar.spec.js +0 -208
- package/lib/Avatar/__tests__/__snapshots__/Avatar.spec.js.snap +0 -288
- package/lib/AvatarTeam/__tests__/AvatarTeam.spec.js +0 -92
- package/lib/AvatarTeam/__tests__/__snapshots__/AvatarTeam.spec.js.snap +0 -226
- package/lib/Buttongroup/__test__/Buttongroup.spec.js +0 -86
- package/lib/Buttongroup/__test__/__snapshots__/Buttongroup.spec.js.snap +0 -146
- package/lib/Card/__tests__/Card.spec.js +0 -56
- package/lib/CheckBox/__tests__/CheckBox.spec.js +0 -18
- package/lib/DateTime/__tests__/CalendarView.spec.js +0 -45
- package/lib/DateTime/__tests__/DateTime.spec.js +0 -127
- package/lib/DateTime/__tests__/DateWidget.spec.js +0 -81
- package/lib/DropBox/__tests__/DropBox.spec.js +0 -87
- package/lib/DropDown/__tests__/DropDown.spec.js +0 -50
- package/lib/DropDown/__tests__/DropDownItem.spec.js +0 -51
- package/lib/DropDown/__tests__/DropDownSearch.spec.js +0 -17
- package/lib/Label/__tests__/Label.spec.js +0 -137
- package/lib/Label/__tests__/__snapshots__/Label.spec.js.snap +0 -101
- package/lib/Layout/__tests__/Box.spec.js +0 -121
- package/lib/Layout/__tests__/Container.spec.js +0 -127
- package/lib/MultiSelect/__tests__/MultiSelect.spec.js +0 -170
- package/lib/PopOver/__tests__/PopOver.spec.js +0 -20
- package/lib/Popup/__tests__/Popup.spec.js +0 -192
- package/lib/Radio/__tests__/Radiospec.js +0 -29
- package/lib/Ribbon/__tests__/Ribbon.spec.js +0 -193
- package/lib/Ribbon/__tests__/__snapshots__/Ribbon.spec.js.snap +0 -163
- package/lib/Select/__tests__/Select.spec.js +0 -383
- package/lib/Stencils/__tests__/Stencils.spec.js +0 -84
- package/lib/Stencils/__tests__/__snapshots__/Stencils.spec.js.snap +0 -49
- package/lib/Tab/__tests__/Tab.spec.js +0 -123
- package/lib/Tab/__tests__/TabContent.spec.js +0 -22
- package/lib/Tab/__tests__/TabContentWrapper.spec.js +0 -59
- package/lib/Tab/__tests__/TabWrapper.spec.js +0 -100
- package/lib/Tab/__tests__/Tabs.spec.js +0 -123
- package/lib/Tag/__tests__/Tag.spec.js +0 -35
- package/lib/TextBox/__tests__/TextBox.spec.js +0 -205
- package/lib/TextBox/__tests__/__snapshots__/TextBox.spec.js.snap +0 -127
- package/lib/TextBoxIcon/__tests__/TextBoxIcon.spec.js +0 -228
- package/lib/TextBoxIcon/__tests__/__snapshots__/TextBoxIcon.spec.js.snap +0 -334
- package/lib/Textarea/__tests__/Textarea.spec.js +0 -186
- package/lib/Textarea/__tests__/__snapshots__/Textarea.spec.js.snap +0 -97
- package/lib/Tooltip/__tests__/Tooltip.spec.js +0 -98
- package/lib/utils/__tests__/constructFullName.spec.js +0 -12
- package/lib/utils/__tests__/debounce.spec.js +0 -40
- 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
|
-
});
|