@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.
- package/README.md +5 -1
- 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/lib/Button/__tests__/Button.spec.js +62 -0
- package/lib/Button/__tests__/__snapshots__/Button.spec.js.snap +440 -0
- package/package.json +12 -7
- 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,208 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
var _react = _interopRequireDefault(require("react"));
|
|
4
|
-
|
|
5
|
-
var _Avatar = _interopRequireDefault(require("../Avatar"));
|
|
6
|
-
|
|
7
|
-
var _reactTestRenderer = _interopRequireDefault(require("react-test-renderer"));
|
|
8
|
-
|
|
9
|
-
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
|
10
|
-
|
|
11
|
-
var avatarURL = 'avatar.jpg';
|
|
12
|
-
describe('Avatar component', function () {
|
|
13
|
-
it('should display initial', function () {
|
|
14
|
-
var ele = _reactTestRenderer["default"].create( /*#__PURE__*/_react["default"].createElement(_Avatar["default"], {
|
|
15
|
-
name: "vimalesan a"
|
|
16
|
-
}));
|
|
17
|
-
|
|
18
|
-
var tree = ele.toJSON();
|
|
19
|
-
expect(tree).toMatchSnapshot();
|
|
20
|
-
});
|
|
21
|
-
it('should display avatar image and initial while avatar loading...', function () {
|
|
22
|
-
var ele = _reactTestRenderer["default"].create( /*#__PURE__*/_react["default"].createElement(_Avatar["default"], {
|
|
23
|
-
name: "vimalesan a",
|
|
24
|
-
src: avatarURL
|
|
25
|
-
}));
|
|
26
|
-
|
|
27
|
-
var tree = ele.toJSON();
|
|
28
|
-
expect(tree).toMatchSnapshot();
|
|
29
|
-
});
|
|
30
|
-
it('should display initial if invalid url', function () {
|
|
31
|
-
_Avatar["default"].invalidImageURLs.push(avatarURL);
|
|
32
|
-
|
|
33
|
-
var ele = _reactTestRenderer["default"].create( /*#__PURE__*/_react["default"].createElement(_Avatar["default"], {
|
|
34
|
-
name: "vimalesan a",
|
|
35
|
-
src: avatarURL
|
|
36
|
-
}));
|
|
37
|
-
|
|
38
|
-
var tree = ele.toJSON();
|
|
39
|
-
expect(tree).toMatchSnapshot();
|
|
40
|
-
});
|
|
41
|
-
it('should display image valid url', function () {
|
|
42
|
-
_Avatar["default"].invalidImageURLs.length = 0;
|
|
43
|
-
|
|
44
|
-
_Avatar["default"].validImageURLs.push(avatarURL);
|
|
45
|
-
|
|
46
|
-
var ele = _reactTestRenderer["default"].create( /*#__PURE__*/_react["default"].createElement(_Avatar["default"], {
|
|
47
|
-
name: "vimalesan a",
|
|
48
|
-
src: avatarURL
|
|
49
|
-
}));
|
|
50
|
-
|
|
51
|
-
var tree = ele.toJSON();
|
|
52
|
-
expect(tree).toMatchSnapshot();
|
|
53
|
-
});
|
|
54
|
-
it('should the palette is default', function () {
|
|
55
|
-
_Avatar["default"].invalidImageURLs.length = 0;
|
|
56
|
-
|
|
57
|
-
_Avatar["default"].validImageURLs.push(avatarURL);
|
|
58
|
-
|
|
59
|
-
var ele = _reactTestRenderer["default"].create( /*#__PURE__*/_react["default"].createElement(_Avatar["default"], {
|
|
60
|
-
name: "vimalesan a",
|
|
61
|
-
src: avatarURL,
|
|
62
|
-
palette: "default"
|
|
63
|
-
}));
|
|
64
|
-
|
|
65
|
-
var tree = ele.toJSON();
|
|
66
|
-
expect(tree).toMatchSnapshot();
|
|
67
|
-
});
|
|
68
|
-
it('should the palette is secondary', function () {
|
|
69
|
-
_Avatar["default"].invalidImageURLs.length = 0;
|
|
70
|
-
|
|
71
|
-
_Avatar["default"].validImageURLs.push(avatarURL);
|
|
72
|
-
|
|
73
|
-
var ele = _reactTestRenderer["default"].create( /*#__PURE__*/_react["default"].createElement(_Avatar["default"], {
|
|
74
|
-
name: "vimalesan a",
|
|
75
|
-
src: avatarURL,
|
|
76
|
-
palette: "secondary"
|
|
77
|
-
}));
|
|
78
|
-
|
|
79
|
-
var tree = ele.toJSON();
|
|
80
|
-
expect(tree).toMatchSnapshot();
|
|
81
|
-
});
|
|
82
|
-
it('should the palette is info', function () {
|
|
83
|
-
_Avatar["default"].invalidImageURLs.length = 0;
|
|
84
|
-
|
|
85
|
-
_Avatar["default"].validImageURLs.push(avatarURL);
|
|
86
|
-
|
|
87
|
-
var ele = _reactTestRenderer["default"].create( /*#__PURE__*/_react["default"].createElement(_Avatar["default"], {
|
|
88
|
-
name: "vimalesan a",
|
|
89
|
-
src: avatarURL,
|
|
90
|
-
palette: "info"
|
|
91
|
-
}));
|
|
92
|
-
|
|
93
|
-
var tree = ele.toJSON();
|
|
94
|
-
expect(tree).toMatchSnapshot();
|
|
95
|
-
});
|
|
96
|
-
it('should the shape is square', function () {
|
|
97
|
-
_Avatar["default"].invalidImageURLs.length = 0;
|
|
98
|
-
|
|
99
|
-
_Avatar["default"].validImageURLs.push(avatarURL);
|
|
100
|
-
|
|
101
|
-
var ele = _reactTestRenderer["default"].create( /*#__PURE__*/_react["default"].createElement(_Avatar["default"], {
|
|
102
|
-
name: "vimalesan a",
|
|
103
|
-
src: avatarURL,
|
|
104
|
-
shape: "square"
|
|
105
|
-
}));
|
|
106
|
-
|
|
107
|
-
var tree = ele.toJSON();
|
|
108
|
-
expect(tree).toMatchSnapshot();
|
|
109
|
-
});
|
|
110
|
-
it('should the size is small', function () {
|
|
111
|
-
_Avatar["default"].invalidImageURLs.length = 0;
|
|
112
|
-
|
|
113
|
-
_Avatar["default"].validImageURLs.push(avatarURL);
|
|
114
|
-
|
|
115
|
-
var ele = _reactTestRenderer["default"].create( /*#__PURE__*/_react["default"].createElement(_Avatar["default"], {
|
|
116
|
-
name: "vimalesan a",
|
|
117
|
-
src: avatarURL,
|
|
118
|
-
size: "square"
|
|
119
|
-
}));
|
|
120
|
-
|
|
121
|
-
var tree = ele.toJSON();
|
|
122
|
-
expect(tree).toMatchSnapshot();
|
|
123
|
-
});
|
|
124
|
-
it('should the size is xsmall', function () {
|
|
125
|
-
_Avatar["default"].invalidImageURLs.length = 0;
|
|
126
|
-
|
|
127
|
-
_Avatar["default"].validImageURLs.push(avatarURL);
|
|
128
|
-
|
|
129
|
-
var ele = _reactTestRenderer["default"].create( /*#__PURE__*/_react["default"].createElement(_Avatar["default"], {
|
|
130
|
-
name: "vimalesan a",
|
|
131
|
-
src: avatarURL,
|
|
132
|
-
size: "xsmall"
|
|
133
|
-
}));
|
|
134
|
-
|
|
135
|
-
var tree = ele.toJSON();
|
|
136
|
-
expect(tree).toMatchSnapshot();
|
|
137
|
-
});
|
|
138
|
-
it('should the size is xmedium', function () {
|
|
139
|
-
_Avatar["default"].invalidImageURLs.length = 0;
|
|
140
|
-
|
|
141
|
-
_Avatar["default"].validImageURLs.push(avatarURL);
|
|
142
|
-
|
|
143
|
-
var ele = _reactTestRenderer["default"].create( /*#__PURE__*/_react["default"].createElement(_Avatar["default"], {
|
|
144
|
-
name: "vimalesan a",
|
|
145
|
-
src: avatarURL,
|
|
146
|
-
size: "xmedium"
|
|
147
|
-
}));
|
|
148
|
-
|
|
149
|
-
var tree = ele.toJSON();
|
|
150
|
-
expect(tree).toMatchSnapshot();
|
|
151
|
-
});
|
|
152
|
-
it('should the size is large', function () {
|
|
153
|
-
_Avatar["default"].invalidImageURLs.length = 0;
|
|
154
|
-
|
|
155
|
-
_Avatar["default"].validImageURLs.push(avatarURL);
|
|
156
|
-
|
|
157
|
-
var ele = _reactTestRenderer["default"].create( /*#__PURE__*/_react["default"].createElement(_Avatar["default"], {
|
|
158
|
-
name: "vimalesan a",
|
|
159
|
-
src: avatarURL,
|
|
160
|
-
size: "large"
|
|
161
|
-
}));
|
|
162
|
-
|
|
163
|
-
var tree = ele.toJSON();
|
|
164
|
-
expect(tree).toMatchSnapshot();
|
|
165
|
-
});
|
|
166
|
-
it('should the size is xlarge', function () {
|
|
167
|
-
_Avatar["default"].invalidImageURLs.length = 0;
|
|
168
|
-
|
|
169
|
-
_Avatar["default"].validImageURLs.push(avatarURL);
|
|
170
|
-
|
|
171
|
-
var ele = _reactTestRenderer["default"].create( /*#__PURE__*/_react["default"].createElement(_Avatar["default"], {
|
|
172
|
-
name: "vimalesan a",
|
|
173
|
-
src: avatarURL,
|
|
174
|
-
size: "xlarge"
|
|
175
|
-
}));
|
|
176
|
-
|
|
177
|
-
var tree = ele.toJSON();
|
|
178
|
-
expect(tree).toMatchSnapshot();
|
|
179
|
-
});
|
|
180
|
-
it('should have title', function () {
|
|
181
|
-
_Avatar["default"].invalidImageURLs.length = 0;
|
|
182
|
-
|
|
183
|
-
_Avatar["default"].validImageURLs.push(avatarURL);
|
|
184
|
-
|
|
185
|
-
var ele = _reactTestRenderer["default"].create( /*#__PURE__*/_react["default"].createElement(_Avatar["default"], {
|
|
186
|
-
name: "vimalesan a",
|
|
187
|
-
src: avatarURL,
|
|
188
|
-
title: "Sample Title"
|
|
189
|
-
}));
|
|
190
|
-
|
|
191
|
-
var tree = ele.toJSON();
|
|
192
|
-
expect(tree).toMatchSnapshot();
|
|
193
|
-
});
|
|
194
|
-
it('should no need title', function () {
|
|
195
|
-
_Avatar["default"].invalidImageURLs.length = 0;
|
|
196
|
-
|
|
197
|
-
_Avatar["default"].validImageURLs.push(avatarURL);
|
|
198
|
-
|
|
199
|
-
var ele = _reactTestRenderer["default"].create( /*#__PURE__*/_react["default"].createElement(_Avatar["default"], {
|
|
200
|
-
name: "vimalesan a",
|
|
201
|
-
src: avatarURL,
|
|
202
|
-
needTitle: false
|
|
203
|
-
}));
|
|
204
|
-
|
|
205
|
-
var tree = ele.toJSON();
|
|
206
|
-
expect(tree).toMatchSnapshot();
|
|
207
|
-
});
|
|
208
|
-
});
|
|
@@ -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,92 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
var _react = _interopRequireDefault(require("react"));
|
|
4
|
-
|
|
5
|
-
var _AvatarTeam = _interopRequireDefault(require("../AvatarTeam"));
|
|
6
|
-
|
|
7
|
-
var _reactTestRenderer = _interopRequireDefault(require("react-test-renderer"));
|
|
8
|
-
|
|
9
|
-
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
|
10
|
-
|
|
11
|
-
describe('AvatarTeam component', function () {
|
|
12
|
-
it('should display initial', function () {
|
|
13
|
-
var ele = _reactTestRenderer["default"].create( /*#__PURE__*/_react["default"].createElement(_AvatarTeam["default"], {
|
|
14
|
-
name: "vimalesan a"
|
|
15
|
-
}));
|
|
16
|
-
|
|
17
|
-
var tree = ele.toJSON();
|
|
18
|
-
expect(tree).toMatchSnapshot();
|
|
19
|
-
});
|
|
20
|
-
it('should is filled', function () {
|
|
21
|
-
var ele = _reactTestRenderer["default"].create( /*#__PURE__*/_react["default"].createElement(_AvatarTeam["default"], {
|
|
22
|
-
name: "vimalesan a",
|
|
23
|
-
isFilled: true
|
|
24
|
-
}));
|
|
25
|
-
|
|
26
|
-
var tree = ele.toJSON();
|
|
27
|
-
expect(tree).toMatchSnapshot();
|
|
28
|
-
});
|
|
29
|
-
it('should the palette is secondary', function () {
|
|
30
|
-
var ele = _reactTestRenderer["default"].create( /*#__PURE__*/_react["default"].createElement(_AvatarTeam["default"], {
|
|
31
|
-
name: "vimalesan a",
|
|
32
|
-
palette: "secondary"
|
|
33
|
-
}));
|
|
34
|
-
|
|
35
|
-
var tree = ele.toJSON();
|
|
36
|
-
expect(tree).toMatchSnapshot();
|
|
37
|
-
});
|
|
38
|
-
it('should the palette is info', function () {
|
|
39
|
-
var ele = _reactTestRenderer["default"].create( /*#__PURE__*/_react["default"].createElement(_AvatarTeam["default"], {
|
|
40
|
-
name: "vimalesan a",
|
|
41
|
-
palette: "info"
|
|
42
|
-
}));
|
|
43
|
-
|
|
44
|
-
var tree = ele.toJSON();
|
|
45
|
-
expect(tree).toMatchSnapshot();
|
|
46
|
-
});
|
|
47
|
-
it('should the size is small', function () {
|
|
48
|
-
var ele = _reactTestRenderer["default"].create( /*#__PURE__*/_react["default"].createElement(_AvatarTeam["default"], {
|
|
49
|
-
name: "vimalesan a",
|
|
50
|
-
size: "small"
|
|
51
|
-
}));
|
|
52
|
-
|
|
53
|
-
var tree = ele.toJSON();
|
|
54
|
-
expect(tree).toMatchSnapshot();
|
|
55
|
-
});
|
|
56
|
-
it('should the size is xsmall', function () {
|
|
57
|
-
var ele = _reactTestRenderer["default"].create( /*#__PURE__*/_react["default"].createElement(_AvatarTeam["default"], {
|
|
58
|
-
name: "vimalesan a",
|
|
59
|
-
size: "xsmall"
|
|
60
|
-
}));
|
|
61
|
-
|
|
62
|
-
var tree = ele.toJSON();
|
|
63
|
-
expect(tree).toMatchSnapshot();
|
|
64
|
-
});
|
|
65
|
-
it('should the size is xmedium', function () {
|
|
66
|
-
var ele = _reactTestRenderer["default"].create( /*#__PURE__*/_react["default"].createElement(_AvatarTeam["default"], {
|
|
67
|
-
name: "vimalesan a",
|
|
68
|
-
size: "xmedium"
|
|
69
|
-
}));
|
|
70
|
-
|
|
71
|
-
var tree = ele.toJSON();
|
|
72
|
-
expect(tree).toMatchSnapshot();
|
|
73
|
-
});
|
|
74
|
-
it('should the size is large', function () {
|
|
75
|
-
var ele = _reactTestRenderer["default"].create( /*#__PURE__*/_react["default"].createElement(_AvatarTeam["default"], {
|
|
76
|
-
name: "vimalesan a",
|
|
77
|
-
size: "large"
|
|
78
|
-
}));
|
|
79
|
-
|
|
80
|
-
var tree = ele.toJSON();
|
|
81
|
-
expect(tree).toMatchSnapshot();
|
|
82
|
-
});
|
|
83
|
-
it('should the size is xlarge', function () {
|
|
84
|
-
var ele = _reactTestRenderer["default"].create( /*#__PURE__*/_react["default"].createElement(_AvatarTeam["default"], {
|
|
85
|
-
name: "vimalesan a",
|
|
86
|
-
size: "xlarge"
|
|
87
|
-
}));
|
|
88
|
-
|
|
89
|
-
var tree = ele.toJSON();
|
|
90
|
-
expect(tree).toMatchSnapshot();
|
|
91
|
-
});
|
|
92
|
-
});
|