@zohodesk/dot 1.0.0-temp-193.8 → 1.0.0-temp-193.10
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/es/MessageBanner/__tests__/MessageBanner.spec.js +52 -2
- package/es/MessageBanner/__tests__/__snapshots__/MessageBanner.spec.js.snap +320 -1
- package/es/NewStar/__tests__/NewStar.spec.js +27 -1
- package/es/NewStar/__tests__/__snapshots__/NewStar.spec.js.snap +289 -1
- package/es/Separator/__tests__/Separator.spec.js +74 -2
- package/es/Separator/__tests__/__snapshots__/Separator.spec.js.snap +1095 -3
- package/es/Separator/props/defaultProps.js +0 -1
- package/es/Separator/props/propTypes.js +2 -2
- package/es/v1/DotProvider/DotProvider.js +12 -3
- package/lib/MessageBanner/__tests__/MessageBanner.spec.js +52 -2
- package/lib/MessageBanner/__tests__/__snapshots__/MessageBanner.spec.js.snap +320 -1
- package/lib/NewStar/__tests__/NewStar.spec.js +27 -1
- package/lib/NewStar/__tests__/__snapshots__/NewStar.spec.js.snap +289 -1
- package/lib/Separator/__tests__/Separator.spec.js +74 -2
- package/lib/Separator/__tests__/__snapshots__/Separator.spec.js.snap +1095 -3
- package/lib/Separator/props/defaultProps.js +0 -1
- package/lib/Separator/props/propTypes.js +2 -2
- package/lib/v1/DotProvider/DotProvider.js +12 -3
- package/package.json +5 -5
- package/result.json +1 -1
- package/unittest/index.html +1 -1
|
@@ -1,6 +1,294 @@
|
|
|
1
1
|
// Jest Snapshot v1, https://goo.gl/fbAQLP
|
|
2
2
|
|
|
3
|
-
exports[`NewStar rendering the
|
|
3
|
+
exports[`NewStar rendering the customClass props 1`] = `
|
|
4
|
+
<DocumentFragment>
|
|
5
|
+
<div
|
|
6
|
+
class="star topRight customStar flex rowdir"
|
|
7
|
+
data-id="containerComponent"
|
|
8
|
+
data-selector-id="container"
|
|
9
|
+
data-test-id="containerComponent"
|
|
10
|
+
>
|
|
11
|
+
<i
|
|
12
|
+
aria-hidden="true"
|
|
13
|
+
class="zd_font_icons basic icon-snippet_star undefined starOne "
|
|
14
|
+
data-id="fontIcon"
|
|
15
|
+
data-selector-id="fontIcon"
|
|
16
|
+
data-test-id="fontIcon"
|
|
17
|
+
style="--zd-iconfont-size: var(--zd_font_size10);"
|
|
18
|
+
/>
|
|
19
|
+
<i
|
|
20
|
+
aria-hidden="true"
|
|
21
|
+
class="zd_font_icons basic icon-snippet_star undefined starTwo "
|
|
22
|
+
data-id="fontIcon"
|
|
23
|
+
data-selector-id="fontIcon"
|
|
24
|
+
data-test-id="fontIcon"
|
|
25
|
+
style="--zd-iconfont-size: var(--zd_font_size10);"
|
|
26
|
+
/>
|
|
27
|
+
<i
|
|
28
|
+
aria-hidden="true"
|
|
29
|
+
class="zd_font_icons basic icon-snippet_star undefined starThree "
|
|
30
|
+
data-id="fontIcon"
|
|
31
|
+
data-selector-id="fontIcon"
|
|
32
|
+
data-test-id="fontIcon"
|
|
33
|
+
style="--zd-iconfont-size: var(--zd_font_size10);"
|
|
34
|
+
/>
|
|
35
|
+
</div>
|
|
36
|
+
</DocumentFragment>
|
|
37
|
+
`;
|
|
38
|
+
|
|
39
|
+
exports[`NewStar rendering the default props 1`] = `
|
|
40
|
+
<DocumentFragment>
|
|
41
|
+
<div
|
|
42
|
+
class="star topRight flex rowdir"
|
|
43
|
+
data-id="containerComponent"
|
|
44
|
+
data-selector-id="container"
|
|
45
|
+
data-test-id="containerComponent"
|
|
46
|
+
>
|
|
47
|
+
<i
|
|
48
|
+
aria-hidden="true"
|
|
49
|
+
class="zd_font_icons basic icon-snippet_star undefined starOne "
|
|
50
|
+
data-id="fontIcon"
|
|
51
|
+
data-selector-id="fontIcon"
|
|
52
|
+
data-test-id="fontIcon"
|
|
53
|
+
style="--zd-iconfont-size: var(--zd_font_size10);"
|
|
54
|
+
/>
|
|
55
|
+
<i
|
|
56
|
+
aria-hidden="true"
|
|
57
|
+
class="zd_font_icons basic icon-snippet_star undefined starTwo "
|
|
58
|
+
data-id="fontIcon"
|
|
59
|
+
data-selector-id="fontIcon"
|
|
60
|
+
data-test-id="fontIcon"
|
|
61
|
+
style="--zd-iconfont-size: var(--zd_font_size10);"
|
|
62
|
+
/>
|
|
63
|
+
<i
|
|
64
|
+
aria-hidden="true"
|
|
65
|
+
class="zd_font_icons basic icon-snippet_star undefined starThree "
|
|
66
|
+
data-id="fontIcon"
|
|
67
|
+
data-selector-id="fontIcon"
|
|
68
|
+
data-test-id="fontIcon"
|
|
69
|
+
style="--zd-iconfont-size: var(--zd_font_size10);"
|
|
70
|
+
/>
|
|
71
|
+
</div>
|
|
72
|
+
</DocumentFragment>
|
|
73
|
+
`;
|
|
74
|
+
|
|
75
|
+
exports[`NewStar rendering the palette of - blue 1`] = `
|
|
76
|
+
<DocumentFragment>
|
|
77
|
+
<div
|
|
78
|
+
class="star topRight flex rowdir"
|
|
79
|
+
data-id="containerComponent"
|
|
80
|
+
data-selector-id="container"
|
|
81
|
+
data-test-id="containerComponent"
|
|
82
|
+
>
|
|
83
|
+
<i
|
|
84
|
+
aria-hidden="true"
|
|
85
|
+
class="zd_font_icons basic icon-snippet_star blue starOne "
|
|
86
|
+
data-id="fontIcon"
|
|
87
|
+
data-selector-id="fontIcon"
|
|
88
|
+
data-test-id="fontIcon"
|
|
89
|
+
style="--zd-iconfont-size: var(--zd_font_size10);"
|
|
90
|
+
/>
|
|
91
|
+
<i
|
|
92
|
+
aria-hidden="true"
|
|
93
|
+
class="zd_font_icons basic icon-snippet_star blue starTwo "
|
|
94
|
+
data-id="fontIcon"
|
|
95
|
+
data-selector-id="fontIcon"
|
|
96
|
+
data-test-id="fontIcon"
|
|
97
|
+
style="--zd-iconfont-size: var(--zd_font_size10);"
|
|
98
|
+
/>
|
|
99
|
+
<i
|
|
100
|
+
aria-hidden="true"
|
|
101
|
+
class="zd_font_icons basic icon-snippet_star blue starThree "
|
|
102
|
+
data-id="fontIcon"
|
|
103
|
+
data-selector-id="fontIcon"
|
|
104
|
+
data-test-id="fontIcon"
|
|
105
|
+
style="--zd-iconfont-size: var(--zd_font_size10);"
|
|
106
|
+
/>
|
|
107
|
+
</div>
|
|
108
|
+
</DocumentFragment>
|
|
109
|
+
`;
|
|
110
|
+
|
|
111
|
+
exports[`NewStar rendering the palette of - green 1`] = `
|
|
112
|
+
<DocumentFragment>
|
|
113
|
+
<div
|
|
114
|
+
class="star topRight flex rowdir"
|
|
115
|
+
data-id="containerComponent"
|
|
116
|
+
data-selector-id="container"
|
|
117
|
+
data-test-id="containerComponent"
|
|
118
|
+
>
|
|
119
|
+
<i
|
|
120
|
+
aria-hidden="true"
|
|
121
|
+
class="zd_font_icons basic icon-snippet_star green starOne "
|
|
122
|
+
data-id="fontIcon"
|
|
123
|
+
data-selector-id="fontIcon"
|
|
124
|
+
data-test-id="fontIcon"
|
|
125
|
+
style="--zd-iconfont-size: var(--zd_font_size10);"
|
|
126
|
+
/>
|
|
127
|
+
<i
|
|
128
|
+
aria-hidden="true"
|
|
129
|
+
class="zd_font_icons basic icon-snippet_star green starTwo "
|
|
130
|
+
data-id="fontIcon"
|
|
131
|
+
data-selector-id="fontIcon"
|
|
132
|
+
data-test-id="fontIcon"
|
|
133
|
+
style="--zd-iconfont-size: var(--zd_font_size10);"
|
|
134
|
+
/>
|
|
135
|
+
<i
|
|
136
|
+
aria-hidden="true"
|
|
137
|
+
class="zd_font_icons basic icon-snippet_star green starThree "
|
|
138
|
+
data-id="fontIcon"
|
|
139
|
+
data-selector-id="fontIcon"
|
|
140
|
+
data-test-id="fontIcon"
|
|
141
|
+
style="--zd-iconfont-size: var(--zd_font_size10);"
|
|
142
|
+
/>
|
|
143
|
+
</div>
|
|
144
|
+
</DocumentFragment>
|
|
145
|
+
`;
|
|
146
|
+
|
|
147
|
+
exports[`NewStar rendering the palette of - yellow 1`] = `
|
|
148
|
+
<DocumentFragment>
|
|
149
|
+
<div
|
|
150
|
+
class="star topRight flex rowdir"
|
|
151
|
+
data-id="containerComponent"
|
|
152
|
+
data-selector-id="container"
|
|
153
|
+
data-test-id="containerComponent"
|
|
154
|
+
>
|
|
155
|
+
<i
|
|
156
|
+
aria-hidden="true"
|
|
157
|
+
class="zd_font_icons basic icon-snippet_star yellow starOne "
|
|
158
|
+
data-id="fontIcon"
|
|
159
|
+
data-selector-id="fontIcon"
|
|
160
|
+
data-test-id="fontIcon"
|
|
161
|
+
style="--zd-iconfont-size: var(--zd_font_size10);"
|
|
162
|
+
/>
|
|
163
|
+
<i
|
|
164
|
+
aria-hidden="true"
|
|
165
|
+
class="zd_font_icons basic icon-snippet_star yellow starTwo "
|
|
166
|
+
data-id="fontIcon"
|
|
167
|
+
data-selector-id="fontIcon"
|
|
168
|
+
data-test-id="fontIcon"
|
|
169
|
+
style="--zd-iconfont-size: var(--zd_font_size10);"
|
|
170
|
+
/>
|
|
171
|
+
<i
|
|
172
|
+
aria-hidden="true"
|
|
173
|
+
class="zd_font_icons basic icon-snippet_star yellow starThree "
|
|
174
|
+
data-id="fontIcon"
|
|
175
|
+
data-selector-id="fontIcon"
|
|
176
|
+
data-test-id="fontIcon"
|
|
177
|
+
style="--zd-iconfont-size: var(--zd_font_size10);"
|
|
178
|
+
/>
|
|
179
|
+
</div>
|
|
180
|
+
</DocumentFragment>
|
|
181
|
+
`;
|
|
182
|
+
|
|
183
|
+
exports[`NewStar rendering the position of - bottomLeft 1`] = `
|
|
184
|
+
<DocumentFragment>
|
|
185
|
+
<div
|
|
186
|
+
class="star bottomLeft flex rowdir"
|
|
187
|
+
data-id="containerComponent"
|
|
188
|
+
data-selector-id="container"
|
|
189
|
+
data-test-id="containerComponent"
|
|
190
|
+
>
|
|
191
|
+
<i
|
|
192
|
+
aria-hidden="true"
|
|
193
|
+
class="zd_font_icons basic icon-snippet_star undefined starOne "
|
|
194
|
+
data-id="fontIcon"
|
|
195
|
+
data-selector-id="fontIcon"
|
|
196
|
+
data-test-id="fontIcon"
|
|
197
|
+
style="--zd-iconfont-size: var(--zd_font_size10);"
|
|
198
|
+
/>
|
|
199
|
+
<i
|
|
200
|
+
aria-hidden="true"
|
|
201
|
+
class="zd_font_icons basic icon-snippet_star undefined starTwo "
|
|
202
|
+
data-id="fontIcon"
|
|
203
|
+
data-selector-id="fontIcon"
|
|
204
|
+
data-test-id="fontIcon"
|
|
205
|
+
style="--zd-iconfont-size: var(--zd_font_size10);"
|
|
206
|
+
/>
|
|
207
|
+
<i
|
|
208
|
+
aria-hidden="true"
|
|
209
|
+
class="zd_font_icons basic icon-snippet_star undefined starThree "
|
|
210
|
+
data-id="fontIcon"
|
|
211
|
+
data-selector-id="fontIcon"
|
|
212
|
+
data-test-id="fontIcon"
|
|
213
|
+
style="--zd-iconfont-size: var(--zd_font_size10);"
|
|
214
|
+
/>
|
|
215
|
+
</div>
|
|
216
|
+
</DocumentFragment>
|
|
217
|
+
`;
|
|
218
|
+
|
|
219
|
+
exports[`NewStar rendering the position of - bottomRight 1`] = `
|
|
220
|
+
<DocumentFragment>
|
|
221
|
+
<div
|
|
222
|
+
class="star bottomRight flex rowdir"
|
|
223
|
+
data-id="containerComponent"
|
|
224
|
+
data-selector-id="container"
|
|
225
|
+
data-test-id="containerComponent"
|
|
226
|
+
>
|
|
227
|
+
<i
|
|
228
|
+
aria-hidden="true"
|
|
229
|
+
class="zd_font_icons basic icon-snippet_star undefined starOne "
|
|
230
|
+
data-id="fontIcon"
|
|
231
|
+
data-selector-id="fontIcon"
|
|
232
|
+
data-test-id="fontIcon"
|
|
233
|
+
style="--zd-iconfont-size: var(--zd_font_size10);"
|
|
234
|
+
/>
|
|
235
|
+
<i
|
|
236
|
+
aria-hidden="true"
|
|
237
|
+
class="zd_font_icons basic icon-snippet_star undefined starTwo "
|
|
238
|
+
data-id="fontIcon"
|
|
239
|
+
data-selector-id="fontIcon"
|
|
240
|
+
data-test-id="fontIcon"
|
|
241
|
+
style="--zd-iconfont-size: var(--zd_font_size10);"
|
|
242
|
+
/>
|
|
243
|
+
<i
|
|
244
|
+
aria-hidden="true"
|
|
245
|
+
class="zd_font_icons basic icon-snippet_star undefined starThree "
|
|
246
|
+
data-id="fontIcon"
|
|
247
|
+
data-selector-id="fontIcon"
|
|
248
|
+
data-test-id="fontIcon"
|
|
249
|
+
style="--zd-iconfont-size: var(--zd_font_size10);"
|
|
250
|
+
/>
|
|
251
|
+
</div>
|
|
252
|
+
</DocumentFragment>
|
|
253
|
+
`;
|
|
254
|
+
|
|
255
|
+
exports[`NewStar rendering the position of - topLeft 1`] = `
|
|
256
|
+
<DocumentFragment>
|
|
257
|
+
<div
|
|
258
|
+
class="star topLeft flex rowdir"
|
|
259
|
+
data-id="containerComponent"
|
|
260
|
+
data-selector-id="container"
|
|
261
|
+
data-test-id="containerComponent"
|
|
262
|
+
>
|
|
263
|
+
<i
|
|
264
|
+
aria-hidden="true"
|
|
265
|
+
class="zd_font_icons basic icon-snippet_star undefined starOne "
|
|
266
|
+
data-id="fontIcon"
|
|
267
|
+
data-selector-id="fontIcon"
|
|
268
|
+
data-test-id="fontIcon"
|
|
269
|
+
style="--zd-iconfont-size: var(--zd_font_size10);"
|
|
270
|
+
/>
|
|
271
|
+
<i
|
|
272
|
+
aria-hidden="true"
|
|
273
|
+
class="zd_font_icons basic icon-snippet_star undefined starTwo "
|
|
274
|
+
data-id="fontIcon"
|
|
275
|
+
data-selector-id="fontIcon"
|
|
276
|
+
data-test-id="fontIcon"
|
|
277
|
+
style="--zd-iconfont-size: var(--zd_font_size10);"
|
|
278
|
+
/>
|
|
279
|
+
<i
|
|
280
|
+
aria-hidden="true"
|
|
281
|
+
class="zd_font_icons basic icon-snippet_star undefined starThree "
|
|
282
|
+
data-id="fontIcon"
|
|
283
|
+
data-selector-id="fontIcon"
|
|
284
|
+
data-test-id="fontIcon"
|
|
285
|
+
style="--zd-iconfont-size: var(--zd_font_size10);"
|
|
286
|
+
/>
|
|
287
|
+
</div>
|
|
288
|
+
</DocumentFragment>
|
|
289
|
+
`;
|
|
290
|
+
|
|
291
|
+
exports[`NewStar rendering the position of - topRight 1`] = `
|
|
4
292
|
<DocumentFragment>
|
|
5
293
|
<div
|
|
6
294
|
class="star topRight flex rowdir"
|
|
@@ -2,10 +2,82 @@ import React from 'react';
|
|
|
2
2
|
import { render } from '@testing-library/react';
|
|
3
3
|
import Separator from "../Separator";
|
|
4
4
|
describe('Separator', () => {
|
|
5
|
-
|
|
5
|
+
const PALETTE = ['default', 'primary', 'secondary'];
|
|
6
|
+
const TYPE = ['dot', 'slash', 'arrow', 'comma', 'none'];
|
|
7
|
+
const ALIGN_DIRECTION = ['row', 'column', 'row-reverse', 'column-reverse'];
|
|
8
|
+
const WRAP = ['wrap', 'wrap-reverse', 'nowrap'];
|
|
9
|
+
test('rendering the default props', () => {
|
|
6
10
|
const {
|
|
7
11
|
asFragment
|
|
8
|
-
} = render( /*#__PURE__*/React.createElement(Separator, null, /*#__PURE__*/React.createElement("div", null, "
|
|
12
|
+
} = render( /*#__PURE__*/React.createElement(Separator, null, /*#__PURE__*/React.createElement("div", null, "Desk"), /*#__PURE__*/React.createElement("div", null, "CRM"), /*#__PURE__*/React.createElement("div", null, "Creator")));
|
|
13
|
+
expect(asFragment()).toMatchSnapshot();
|
|
14
|
+
});
|
|
15
|
+
test.each(PALETTE)('rendering the palette of - %s', palette => {
|
|
16
|
+
const {
|
|
17
|
+
asFragment
|
|
18
|
+
} = render( /*#__PURE__*/React.createElement(Separator, {
|
|
19
|
+
palette: palette
|
|
20
|
+
}, /*#__PURE__*/React.createElement("div", null, "Desk"), /*#__PURE__*/React.createElement("div", null, "CRM"), /*#__PURE__*/React.createElement("div", null, "Creator")));
|
|
21
|
+
expect(asFragment()).toMatchSnapshot();
|
|
22
|
+
});
|
|
23
|
+
test.each(TYPE)('rendering the type of - %s', type => {
|
|
24
|
+
const {
|
|
25
|
+
asFragment
|
|
26
|
+
} = render( /*#__PURE__*/React.createElement(Separator, {
|
|
27
|
+
type: type
|
|
28
|
+
}, /*#__PURE__*/React.createElement("div", null, "Desk"), /*#__PURE__*/React.createElement("div", null, "CRM"), /*#__PURE__*/React.createElement("div", null, "Creator")));
|
|
29
|
+
expect(asFragment()).toMatchSnapshot();
|
|
30
|
+
});
|
|
31
|
+
test('rendering with customSeparatorType props', () => {
|
|
32
|
+
const {
|
|
33
|
+
asFragment
|
|
34
|
+
} = render( /*#__PURE__*/React.createElement(Separator, {
|
|
35
|
+
customSeparatorType: "#"
|
|
36
|
+
}, /*#__PURE__*/React.createElement("div", null, "Desk"), /*#__PURE__*/React.createElement("div", null, "CRM"), /*#__PURE__*/React.createElement("div", null, "Creator")));
|
|
37
|
+
expect(asFragment()).toMatchSnapshot();
|
|
38
|
+
});
|
|
39
|
+
test.each(ALIGN_DIRECTION)('rendering the aligndirection of - %s', aligndirection => {
|
|
40
|
+
const {
|
|
41
|
+
asFragment
|
|
42
|
+
} = render( /*#__PURE__*/React.createElement(Separator, {
|
|
43
|
+
aligndirection: aligndirection
|
|
44
|
+
}, /*#__PURE__*/React.createElement("div", null, "Desk"), /*#__PURE__*/React.createElement("div", null, "CRM"), /*#__PURE__*/React.createElement("div", null, "Creator")));
|
|
45
|
+
expect(asFragment()).toMatchSnapshot();
|
|
46
|
+
});
|
|
47
|
+
test.each(WRAP)('rendering the wrap of - %s', wrap => {
|
|
48
|
+
const {
|
|
49
|
+
asFragment
|
|
50
|
+
} = render( /*#__PURE__*/React.createElement(Separator, {
|
|
51
|
+
wrap: wrap
|
|
52
|
+
}, /*#__PURE__*/React.createElement("div", null, "Desk"), /*#__PURE__*/React.createElement("div", null, "CRM"), /*#__PURE__*/React.createElement("div", null, "Creator")));
|
|
53
|
+
expect(asFragment()).toMatchSnapshot();
|
|
54
|
+
});
|
|
55
|
+
test('rendering the customClass props', () => {
|
|
56
|
+
const {
|
|
57
|
+
asFragment
|
|
58
|
+
} = render( /*#__PURE__*/React.createElement(Separator, {
|
|
59
|
+
customClass: {
|
|
60
|
+
customWrapper: 'customWrapperStyle',
|
|
61
|
+
customSeparator: 'customSeparatorStyle',
|
|
62
|
+
customChildren: 'customChildrenStyle'
|
|
63
|
+
}
|
|
64
|
+
}, /*#__PURE__*/React.createElement("div", null, "Desk"), /*#__PURE__*/React.createElement("div", null, "CRM"), /*#__PURE__*/React.createElement("div", null, "Creator")));
|
|
65
|
+
expect(asFragment()).toMatchSnapshot();
|
|
66
|
+
});
|
|
67
|
+
test('rendering the shrink props with true', () => {
|
|
68
|
+
const {
|
|
69
|
+
asFragment
|
|
70
|
+
} = render( /*#__PURE__*/React.createElement(Separator, {
|
|
71
|
+
shrink: true
|
|
72
|
+
}, /*#__PURE__*/React.createElement("div", null, "Desk"), /*#__PURE__*/React.createElement("div", null, "CRM"), /*#__PURE__*/React.createElement("div", null, "Creator")));
|
|
73
|
+
expect(asFragment()).toMatchSnapshot();
|
|
74
|
+
});
|
|
75
|
+
test('rendering the all types of children data', () => {
|
|
76
|
+
const {
|
|
77
|
+
asFragment
|
|
78
|
+
} = render( /*#__PURE__*/React.createElement(Separator, null, ['Desk', undefined, /*#__PURE__*/React.createElement("div", {
|
|
79
|
+
key: "1"
|
|
80
|
+
}, "CRM"), null, '']));
|
|
9
81
|
expect(asFragment()).toMatchSnapshot();
|
|
10
82
|
});
|
|
11
83
|
});
|