@zohodesk/dot 1.7.23 → 1.7.25
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 +11 -1
- package/assets/Appearance/dark/mode/Dot_DarkMode.module.css +4 -1
- package/assets/Appearance/light/mode/Dot_LightMode.module.css +4 -1
- package/assets/Appearance/pureDark/mode/Dot_PureDarkMode.module.css +4 -1
- package/es/AudioPlayer/__tests__/AudioPlayer.spec.js +186 -38
- package/es/AudioPlayer/__tests__/__snapshots__/AudioPlayer.spec.js.snap +1851 -1
- package/lib/AudioPlayer/__tests__/AudioPlayer.spec.js +192 -32
- package/lib/AudioPlayer/__tests__/__snapshots__/AudioPlayer.spec.js.snap +1851 -1
- package/package.json +7 -7
|
@@ -1,6 +1,1856 @@
|
|
|
1
1
|
// Jest Snapshot v1, https://goo.gl/fbAQLP
|
|
2
2
|
|
|
3
|
-
exports[`AudioPlayer
|
|
3
|
+
exports[`AudioPlayer - Snapshot Render with a11y attributes 1`] = `
|
|
4
|
+
<DocumentFragment>
|
|
5
|
+
<div
|
|
6
|
+
class="flex coldir"
|
|
7
|
+
data-id="AudioRange"
|
|
8
|
+
data-selector-id="container"
|
|
9
|
+
data-test-id="AudioRange"
|
|
10
|
+
tabindex="0"
|
|
11
|
+
>
|
|
12
|
+
<div
|
|
13
|
+
class="container flex rowdir vCenter"
|
|
14
|
+
data-id="containerComponent"
|
|
15
|
+
data-selector-id="container"
|
|
16
|
+
data-test-id="containerComponent"
|
|
17
|
+
>
|
|
18
|
+
<audio
|
|
19
|
+
class="audioHid"
|
|
20
|
+
controls=""
|
|
21
|
+
preload="auto"
|
|
22
|
+
>
|
|
23
|
+
<source
|
|
24
|
+
src="https://ypvnxx00-a.akamaihd.net/downloads/ringtones/files/mp3/yuvanringtone-44640.mp3"
|
|
25
|
+
type="audio/mpeg"
|
|
26
|
+
/>
|
|
27
|
+
</audio>
|
|
28
|
+
<div
|
|
29
|
+
class="rightBox downloadBox boxLeftRadius shrinkOff"
|
|
30
|
+
data-id="boxComponent"
|
|
31
|
+
data-selector-id="box"
|
|
32
|
+
data-test-id="boxComponent"
|
|
33
|
+
>
|
|
34
|
+
<div
|
|
35
|
+
class="disable flex cover coldir both"
|
|
36
|
+
data-id="AudioRange_playpause"
|
|
37
|
+
data-selector-id="container"
|
|
38
|
+
data-test-id="AudioRange_playpause"
|
|
39
|
+
data-title="Play"
|
|
40
|
+
>
|
|
41
|
+
<i
|
|
42
|
+
aria-hidden="true"
|
|
43
|
+
class="zd_font_icons basic icon-bcarr downloadIcon iconColor "
|
|
44
|
+
data-id="fontIcon"
|
|
45
|
+
data-selector-id="fontIcon"
|
|
46
|
+
data-test-id="fontIcon"
|
|
47
|
+
/>
|
|
48
|
+
</div>
|
|
49
|
+
</div>
|
|
50
|
+
<div
|
|
51
|
+
class="timerBox shrinkOff"
|
|
52
|
+
data-id="boxComponent"
|
|
53
|
+
data-selector-id="box"
|
|
54
|
+
data-test-id="boxComponent"
|
|
55
|
+
>
|
|
56
|
+
<div
|
|
57
|
+
class="flex cover rowdir vCenter"
|
|
58
|
+
data-id="containerComponent"
|
|
59
|
+
data-selector-id="container"
|
|
60
|
+
data-test-id="containerComponent"
|
|
61
|
+
>
|
|
62
|
+
<div
|
|
63
|
+
class="container flex cover rowdir"
|
|
64
|
+
data-id="containerComponent"
|
|
65
|
+
data-selector-id="container"
|
|
66
|
+
data-test-id="containerComponent"
|
|
67
|
+
>
|
|
68
|
+
00:00:00
|
|
69
|
+
</div>
|
|
70
|
+
</div>
|
|
71
|
+
</div>
|
|
72
|
+
<div
|
|
73
|
+
class="dragtag disable grow basis shrinkOff"
|
|
74
|
+
data-id="boxComponent"
|
|
75
|
+
data-selector-id="box"
|
|
76
|
+
data-test-id="boxComponent"
|
|
77
|
+
>
|
|
78
|
+
<div
|
|
79
|
+
class="audioRangeContainer flex cover coldir"
|
|
80
|
+
data-id="containerComponent"
|
|
81
|
+
data-selector-id="container"
|
|
82
|
+
data-test-id="containerComponent"
|
|
83
|
+
>
|
|
84
|
+
<span
|
|
85
|
+
class="loading"
|
|
86
|
+
/>
|
|
87
|
+
<input
|
|
88
|
+
class="input"
|
|
89
|
+
data-id="AudioRange"
|
|
90
|
+
max="0"
|
|
91
|
+
min="0"
|
|
92
|
+
step="1"
|
|
93
|
+
type="range"
|
|
94
|
+
value="0"
|
|
95
|
+
/>
|
|
96
|
+
</div>
|
|
97
|
+
</div>
|
|
98
|
+
<div
|
|
99
|
+
class="rightBox downloadBox shrinkOff"
|
|
100
|
+
data-id="boxComponent"
|
|
101
|
+
data-selector-id="box"
|
|
102
|
+
data-test-id="boxComponent"
|
|
103
|
+
>
|
|
104
|
+
<div
|
|
105
|
+
class="disable flex cover coldir both"
|
|
106
|
+
data-id="AudioRange_download"
|
|
107
|
+
data-selector-id="container"
|
|
108
|
+
data-test-id="AudioRange_download"
|
|
109
|
+
data-title="Download"
|
|
110
|
+
>
|
|
111
|
+
<i
|
|
112
|
+
aria-hidden="true"
|
|
113
|
+
class="zd_font_icons basic icon-download-new downloadIcon iconColor "
|
|
114
|
+
data-id="fontIcon"
|
|
115
|
+
data-selector-id="fontIcon"
|
|
116
|
+
data-test-id="fontIcon"
|
|
117
|
+
/>
|
|
118
|
+
</div>
|
|
119
|
+
</div>
|
|
120
|
+
<div
|
|
121
|
+
class="closeBox boxRightRadius shrinkOff"
|
|
122
|
+
data-id="boxComponent"
|
|
123
|
+
data-selector-id="box"
|
|
124
|
+
data-test-id="boxComponent"
|
|
125
|
+
>
|
|
126
|
+
<div
|
|
127
|
+
class="disable flex cover coldir both"
|
|
128
|
+
data-id="AudioRange_close"
|
|
129
|
+
data-selector-id="container"
|
|
130
|
+
data-test-id="AudioRange_close"
|
|
131
|
+
data-title="Close"
|
|
132
|
+
>
|
|
133
|
+
<i
|
|
134
|
+
aria-hidden="true"
|
|
135
|
+
class="zd_font_icons basic icon-cross pauseIcon iconColor "
|
|
136
|
+
data-id="fontIcon"
|
|
137
|
+
data-selector-id="fontIcon"
|
|
138
|
+
data-test-id="fontIcon"
|
|
139
|
+
/>
|
|
140
|
+
</div>
|
|
141
|
+
</div>
|
|
142
|
+
</div>
|
|
143
|
+
</div>
|
|
144
|
+
</DocumentFragment>
|
|
145
|
+
`;
|
|
146
|
+
|
|
147
|
+
exports[`AudioPlayer - Snapshot Render with backwardStepInSec=10 1`] = `
|
|
148
|
+
<DocumentFragment>
|
|
149
|
+
<div
|
|
150
|
+
class="flex coldir"
|
|
151
|
+
data-id="AudioRange"
|
|
152
|
+
data-selector-id="container"
|
|
153
|
+
data-test-id="AudioRange"
|
|
154
|
+
tabindex="0"
|
|
155
|
+
>
|
|
156
|
+
<div
|
|
157
|
+
class="container flex rowdir vCenter"
|
|
158
|
+
data-id="containerComponent"
|
|
159
|
+
data-selector-id="container"
|
|
160
|
+
data-test-id="containerComponent"
|
|
161
|
+
>
|
|
162
|
+
<audio
|
|
163
|
+
class="audioHid"
|
|
164
|
+
controls=""
|
|
165
|
+
preload="auto"
|
|
166
|
+
>
|
|
167
|
+
<source
|
|
168
|
+
src="https://ypvnxx00-a.akamaihd.net/downloads/ringtones/files/mp3/yuvanringtone-44640.mp3"
|
|
169
|
+
type="audio/mpeg"
|
|
170
|
+
/>
|
|
171
|
+
</audio>
|
|
172
|
+
<div
|
|
173
|
+
class="rightBox downloadBox boxLeftRadius shrinkOff"
|
|
174
|
+
data-id="boxComponent"
|
|
175
|
+
data-selector-id="box"
|
|
176
|
+
data-test-id="boxComponent"
|
|
177
|
+
>
|
|
178
|
+
<div
|
|
179
|
+
class="disable flex cover coldir both"
|
|
180
|
+
data-id="AudioRange_playpause"
|
|
181
|
+
data-selector-id="container"
|
|
182
|
+
data-test-id="AudioRange_playpause"
|
|
183
|
+
data-title="Play"
|
|
184
|
+
>
|
|
185
|
+
<i
|
|
186
|
+
aria-hidden="true"
|
|
187
|
+
class="zd_font_icons basic icon-bcarr downloadIcon iconColor "
|
|
188
|
+
data-id="fontIcon"
|
|
189
|
+
data-selector-id="fontIcon"
|
|
190
|
+
data-test-id="fontIcon"
|
|
191
|
+
/>
|
|
192
|
+
</div>
|
|
193
|
+
</div>
|
|
194
|
+
<div
|
|
195
|
+
class="timerBox shrinkOff"
|
|
196
|
+
data-id="boxComponent"
|
|
197
|
+
data-selector-id="box"
|
|
198
|
+
data-test-id="boxComponent"
|
|
199
|
+
>
|
|
200
|
+
<div
|
|
201
|
+
class="flex cover rowdir vCenter"
|
|
202
|
+
data-id="containerComponent"
|
|
203
|
+
data-selector-id="container"
|
|
204
|
+
data-test-id="containerComponent"
|
|
205
|
+
>
|
|
206
|
+
<div
|
|
207
|
+
class="container flex cover rowdir"
|
|
208
|
+
data-id="containerComponent"
|
|
209
|
+
data-selector-id="container"
|
|
210
|
+
data-test-id="containerComponent"
|
|
211
|
+
>
|
|
212
|
+
00:00:00
|
|
213
|
+
</div>
|
|
214
|
+
</div>
|
|
215
|
+
</div>
|
|
216
|
+
<div
|
|
217
|
+
class="dragtag disable grow basis shrinkOff"
|
|
218
|
+
data-id="boxComponent"
|
|
219
|
+
data-selector-id="box"
|
|
220
|
+
data-test-id="boxComponent"
|
|
221
|
+
>
|
|
222
|
+
<div
|
|
223
|
+
class="audioRangeContainer flex cover coldir"
|
|
224
|
+
data-id="containerComponent"
|
|
225
|
+
data-selector-id="container"
|
|
226
|
+
data-test-id="containerComponent"
|
|
227
|
+
>
|
|
228
|
+
<span
|
|
229
|
+
class="loading"
|
|
230
|
+
/>
|
|
231
|
+
<input
|
|
232
|
+
class="input"
|
|
233
|
+
data-id="AudioRange"
|
|
234
|
+
max="0"
|
|
235
|
+
min="0"
|
|
236
|
+
step="1"
|
|
237
|
+
type="range"
|
|
238
|
+
value="0"
|
|
239
|
+
/>
|
|
240
|
+
</div>
|
|
241
|
+
</div>
|
|
242
|
+
<div
|
|
243
|
+
class="rightBox downloadBox shrinkOff"
|
|
244
|
+
data-id="boxComponent"
|
|
245
|
+
data-selector-id="box"
|
|
246
|
+
data-test-id="boxComponent"
|
|
247
|
+
>
|
|
248
|
+
<div
|
|
249
|
+
class="disable flex cover coldir both"
|
|
250
|
+
data-id="AudioRange_download"
|
|
251
|
+
data-selector-id="container"
|
|
252
|
+
data-test-id="AudioRange_download"
|
|
253
|
+
data-title="Download"
|
|
254
|
+
>
|
|
255
|
+
<i
|
|
256
|
+
aria-hidden="true"
|
|
257
|
+
class="zd_font_icons basic icon-download-new downloadIcon iconColor "
|
|
258
|
+
data-id="fontIcon"
|
|
259
|
+
data-selector-id="fontIcon"
|
|
260
|
+
data-test-id="fontIcon"
|
|
261
|
+
/>
|
|
262
|
+
</div>
|
|
263
|
+
</div>
|
|
264
|
+
<div
|
|
265
|
+
class="closeBox boxRightRadius shrinkOff"
|
|
266
|
+
data-id="boxComponent"
|
|
267
|
+
data-selector-id="box"
|
|
268
|
+
data-test-id="boxComponent"
|
|
269
|
+
>
|
|
270
|
+
<div
|
|
271
|
+
class="disable flex cover coldir both"
|
|
272
|
+
data-id="AudioRange_close"
|
|
273
|
+
data-selector-id="container"
|
|
274
|
+
data-test-id="AudioRange_close"
|
|
275
|
+
data-title="Close"
|
|
276
|
+
>
|
|
277
|
+
<i
|
|
278
|
+
aria-hidden="true"
|
|
279
|
+
class="zd_font_icons basic icon-cross pauseIcon iconColor "
|
|
280
|
+
data-id="fontIcon"
|
|
281
|
+
data-selector-id="fontIcon"
|
|
282
|
+
data-test-id="fontIcon"
|
|
283
|
+
/>
|
|
284
|
+
</div>
|
|
285
|
+
</div>
|
|
286
|
+
</div>
|
|
287
|
+
</div>
|
|
288
|
+
</DocumentFragment>
|
|
289
|
+
`;
|
|
290
|
+
|
|
291
|
+
exports[`AudioPlayer - Snapshot Render with customClass 1`] = `
|
|
292
|
+
<DocumentFragment>
|
|
293
|
+
<div
|
|
294
|
+
class="my-audio-player flex coldir"
|
|
295
|
+
data-id="AudioRange"
|
|
296
|
+
data-selector-id="container"
|
|
297
|
+
data-test-id="AudioRange"
|
|
298
|
+
tabindex="0"
|
|
299
|
+
>
|
|
300
|
+
<div
|
|
301
|
+
class="container flex rowdir vCenter"
|
|
302
|
+
data-id="containerComponent"
|
|
303
|
+
data-selector-id="container"
|
|
304
|
+
data-test-id="containerComponent"
|
|
305
|
+
>
|
|
306
|
+
<audio
|
|
307
|
+
class="audioHid"
|
|
308
|
+
controls=""
|
|
309
|
+
preload="auto"
|
|
310
|
+
>
|
|
311
|
+
<source
|
|
312
|
+
src="https://ypvnxx00-a.akamaihd.net/downloads/ringtones/files/mp3/yuvanringtone-44640.mp3"
|
|
313
|
+
type="audio/mpeg"
|
|
314
|
+
/>
|
|
315
|
+
</audio>
|
|
316
|
+
<div
|
|
317
|
+
class="rightBox downloadBox boxLeftRadius shrinkOff"
|
|
318
|
+
data-id="boxComponent"
|
|
319
|
+
data-selector-id="box"
|
|
320
|
+
data-test-id="boxComponent"
|
|
321
|
+
>
|
|
322
|
+
<div
|
|
323
|
+
class="disable flex cover coldir both"
|
|
324
|
+
data-id="AudioRange_playpause"
|
|
325
|
+
data-selector-id="container"
|
|
326
|
+
data-test-id="AudioRange_playpause"
|
|
327
|
+
data-title="Play"
|
|
328
|
+
>
|
|
329
|
+
<i
|
|
330
|
+
aria-hidden="true"
|
|
331
|
+
class="zd_font_icons basic icon-bcarr downloadIcon iconColor "
|
|
332
|
+
data-id="fontIcon"
|
|
333
|
+
data-selector-id="fontIcon"
|
|
334
|
+
data-test-id="fontIcon"
|
|
335
|
+
/>
|
|
336
|
+
</div>
|
|
337
|
+
</div>
|
|
338
|
+
<div
|
|
339
|
+
class="timerBox shrinkOff"
|
|
340
|
+
data-id="boxComponent"
|
|
341
|
+
data-selector-id="box"
|
|
342
|
+
data-test-id="boxComponent"
|
|
343
|
+
>
|
|
344
|
+
<div
|
|
345
|
+
class="flex cover rowdir vCenter"
|
|
346
|
+
data-id="containerComponent"
|
|
347
|
+
data-selector-id="container"
|
|
348
|
+
data-test-id="containerComponent"
|
|
349
|
+
>
|
|
350
|
+
<div
|
|
351
|
+
class="container flex cover rowdir"
|
|
352
|
+
data-id="containerComponent"
|
|
353
|
+
data-selector-id="container"
|
|
354
|
+
data-test-id="containerComponent"
|
|
355
|
+
>
|
|
356
|
+
00:00:00
|
|
357
|
+
</div>
|
|
358
|
+
</div>
|
|
359
|
+
</div>
|
|
360
|
+
<div
|
|
361
|
+
class="dragtag disable grow basis shrinkOff"
|
|
362
|
+
data-id="boxComponent"
|
|
363
|
+
data-selector-id="box"
|
|
364
|
+
data-test-id="boxComponent"
|
|
365
|
+
>
|
|
366
|
+
<div
|
|
367
|
+
class="audioRangeContainer flex cover coldir"
|
|
368
|
+
data-id="containerComponent"
|
|
369
|
+
data-selector-id="container"
|
|
370
|
+
data-test-id="containerComponent"
|
|
371
|
+
>
|
|
372
|
+
<span
|
|
373
|
+
class="loading"
|
|
374
|
+
/>
|
|
375
|
+
<input
|
|
376
|
+
class="input"
|
|
377
|
+
data-id="AudioRange"
|
|
378
|
+
max="0"
|
|
379
|
+
min="0"
|
|
380
|
+
step="1"
|
|
381
|
+
type="range"
|
|
382
|
+
value="0"
|
|
383
|
+
/>
|
|
384
|
+
</div>
|
|
385
|
+
</div>
|
|
386
|
+
<div
|
|
387
|
+
class="rightBox downloadBox shrinkOff"
|
|
388
|
+
data-id="boxComponent"
|
|
389
|
+
data-selector-id="box"
|
|
390
|
+
data-test-id="boxComponent"
|
|
391
|
+
>
|
|
392
|
+
<div
|
|
393
|
+
class="disable flex cover coldir both"
|
|
394
|
+
data-id="AudioRange_download"
|
|
395
|
+
data-selector-id="container"
|
|
396
|
+
data-test-id="AudioRange_download"
|
|
397
|
+
data-title="Download"
|
|
398
|
+
>
|
|
399
|
+
<i
|
|
400
|
+
aria-hidden="true"
|
|
401
|
+
class="zd_font_icons basic icon-download-new downloadIcon iconColor "
|
|
402
|
+
data-id="fontIcon"
|
|
403
|
+
data-selector-id="fontIcon"
|
|
404
|
+
data-test-id="fontIcon"
|
|
405
|
+
/>
|
|
406
|
+
</div>
|
|
407
|
+
</div>
|
|
408
|
+
<div
|
|
409
|
+
class="closeBox boxRightRadius shrinkOff"
|
|
410
|
+
data-id="boxComponent"
|
|
411
|
+
data-selector-id="box"
|
|
412
|
+
data-test-id="boxComponent"
|
|
413
|
+
>
|
|
414
|
+
<div
|
|
415
|
+
class="disable flex cover coldir both"
|
|
416
|
+
data-id="AudioRange_close"
|
|
417
|
+
data-selector-id="container"
|
|
418
|
+
data-test-id="AudioRange_close"
|
|
419
|
+
data-title="Close"
|
|
420
|
+
>
|
|
421
|
+
<i
|
|
422
|
+
aria-hidden="true"
|
|
423
|
+
class="zd_font_icons basic icon-cross pauseIcon iconColor "
|
|
424
|
+
data-id="fontIcon"
|
|
425
|
+
data-selector-id="fontIcon"
|
|
426
|
+
data-test-id="fontIcon"
|
|
427
|
+
/>
|
|
428
|
+
</div>
|
|
429
|
+
</div>
|
|
430
|
+
</div>
|
|
431
|
+
</div>
|
|
432
|
+
</DocumentFragment>
|
|
433
|
+
`;
|
|
434
|
+
|
|
435
|
+
exports[`AudioPlayer - Snapshot Render with customId and testId 1`] = `
|
|
436
|
+
<DocumentFragment>
|
|
437
|
+
<div
|
|
438
|
+
class="flex coldir"
|
|
439
|
+
data-id="AudioRange"
|
|
440
|
+
data-selector-id="container"
|
|
441
|
+
data-test-id="AudioRange"
|
|
442
|
+
tabindex="0"
|
|
443
|
+
>
|
|
444
|
+
<div
|
|
445
|
+
class="container flex rowdir vCenter"
|
|
446
|
+
data-id="containerComponent"
|
|
447
|
+
data-selector-id="container"
|
|
448
|
+
data-test-id="containerComponent"
|
|
449
|
+
>
|
|
450
|
+
<audio
|
|
451
|
+
class="audioHid"
|
|
452
|
+
controls=""
|
|
453
|
+
preload="auto"
|
|
454
|
+
>
|
|
455
|
+
<source
|
|
456
|
+
src="https://ypvnxx00-a.akamaihd.net/downloads/ringtones/files/mp3/yuvanringtone-44640.mp3"
|
|
457
|
+
type="audio/mpeg"
|
|
458
|
+
/>
|
|
459
|
+
</audio>
|
|
460
|
+
<div
|
|
461
|
+
class="rightBox downloadBox boxLeftRadius shrinkOff"
|
|
462
|
+
data-id="boxComponent"
|
|
463
|
+
data-selector-id="box"
|
|
464
|
+
data-test-id="boxComponent"
|
|
465
|
+
>
|
|
466
|
+
<div
|
|
467
|
+
class="disable flex cover coldir both"
|
|
468
|
+
data-id="AudioRange_playpause"
|
|
469
|
+
data-selector-id="container"
|
|
470
|
+
data-test-id="AudioRange_playpause"
|
|
471
|
+
data-title="Play"
|
|
472
|
+
>
|
|
473
|
+
<i
|
|
474
|
+
aria-hidden="true"
|
|
475
|
+
class="zd_font_icons basic icon-bcarr downloadIcon iconColor "
|
|
476
|
+
data-id="fontIcon"
|
|
477
|
+
data-selector-id="fontIcon"
|
|
478
|
+
data-test-id="fontIcon"
|
|
479
|
+
/>
|
|
480
|
+
</div>
|
|
481
|
+
</div>
|
|
482
|
+
<div
|
|
483
|
+
class="timerBox shrinkOff"
|
|
484
|
+
data-id="boxComponent"
|
|
485
|
+
data-selector-id="box"
|
|
486
|
+
data-test-id="boxComponent"
|
|
487
|
+
>
|
|
488
|
+
<div
|
|
489
|
+
class="flex cover rowdir vCenter"
|
|
490
|
+
data-id="containerComponent"
|
|
491
|
+
data-selector-id="container"
|
|
492
|
+
data-test-id="containerComponent"
|
|
493
|
+
>
|
|
494
|
+
<div
|
|
495
|
+
class="container flex cover rowdir"
|
|
496
|
+
data-id="containerComponent"
|
|
497
|
+
data-selector-id="container"
|
|
498
|
+
data-test-id="containerComponent"
|
|
499
|
+
>
|
|
500
|
+
00:00:00
|
|
501
|
+
</div>
|
|
502
|
+
</div>
|
|
503
|
+
</div>
|
|
504
|
+
<div
|
|
505
|
+
class="dragtag disable grow basis shrinkOff"
|
|
506
|
+
data-id="boxComponent"
|
|
507
|
+
data-selector-id="box"
|
|
508
|
+
data-test-id="boxComponent"
|
|
509
|
+
>
|
|
510
|
+
<div
|
|
511
|
+
class="audioRangeContainer flex cover coldir"
|
|
512
|
+
data-id="containerComponent"
|
|
513
|
+
data-selector-id="container"
|
|
514
|
+
data-test-id="containerComponent"
|
|
515
|
+
>
|
|
516
|
+
<span
|
|
517
|
+
class="loading"
|
|
518
|
+
/>
|
|
519
|
+
<input
|
|
520
|
+
class="input"
|
|
521
|
+
data-id="AudioRange"
|
|
522
|
+
max="0"
|
|
523
|
+
min="0"
|
|
524
|
+
step="1"
|
|
525
|
+
type="range"
|
|
526
|
+
value="0"
|
|
527
|
+
/>
|
|
528
|
+
</div>
|
|
529
|
+
</div>
|
|
530
|
+
<div
|
|
531
|
+
class="rightBox downloadBox shrinkOff"
|
|
532
|
+
data-id="boxComponent"
|
|
533
|
+
data-selector-id="box"
|
|
534
|
+
data-test-id="boxComponent"
|
|
535
|
+
>
|
|
536
|
+
<div
|
|
537
|
+
class="disable flex cover coldir both"
|
|
538
|
+
data-id="AudioRange_download"
|
|
539
|
+
data-selector-id="container"
|
|
540
|
+
data-test-id="AudioRange_download"
|
|
541
|
+
data-title="Download"
|
|
542
|
+
>
|
|
543
|
+
<i
|
|
544
|
+
aria-hidden="true"
|
|
545
|
+
class="zd_font_icons basic icon-download-new downloadIcon iconColor "
|
|
546
|
+
data-id="fontIcon"
|
|
547
|
+
data-selector-id="fontIcon"
|
|
548
|
+
data-test-id="fontIcon"
|
|
549
|
+
/>
|
|
550
|
+
</div>
|
|
551
|
+
</div>
|
|
552
|
+
<div
|
|
553
|
+
class="closeBox boxRightRadius shrinkOff"
|
|
554
|
+
data-id="boxComponent"
|
|
555
|
+
data-selector-id="box"
|
|
556
|
+
data-test-id="boxComponent"
|
|
557
|
+
>
|
|
558
|
+
<div
|
|
559
|
+
class="disable flex cover coldir both"
|
|
560
|
+
data-id="AudioRange_close"
|
|
561
|
+
data-selector-id="container"
|
|
562
|
+
data-test-id="AudioRange_close"
|
|
563
|
+
data-title="Close"
|
|
564
|
+
>
|
|
565
|
+
<i
|
|
566
|
+
aria-hidden="true"
|
|
567
|
+
class="zd_font_icons basic icon-cross pauseIcon iconColor "
|
|
568
|
+
data-id="fontIcon"
|
|
569
|
+
data-selector-id="fontIcon"
|
|
570
|
+
data-test-id="fontIcon"
|
|
571
|
+
/>
|
|
572
|
+
</div>
|
|
573
|
+
</div>
|
|
574
|
+
</div>
|
|
575
|
+
</div>
|
|
576
|
+
</DocumentFragment>
|
|
577
|
+
`;
|
|
578
|
+
|
|
579
|
+
exports[`AudioPlayer - Snapshot Render with default props 1`] = `
|
|
580
|
+
<DocumentFragment>
|
|
581
|
+
<div
|
|
582
|
+
class="flex coldir"
|
|
583
|
+
data-id="AudioRange"
|
|
584
|
+
data-selector-id="container"
|
|
585
|
+
data-test-id="AudioRange"
|
|
586
|
+
tabindex="0"
|
|
587
|
+
>
|
|
588
|
+
<div
|
|
589
|
+
class="container flex rowdir vCenter"
|
|
590
|
+
data-id="containerComponent"
|
|
591
|
+
data-selector-id="container"
|
|
592
|
+
data-test-id="containerComponent"
|
|
593
|
+
>
|
|
594
|
+
<audio
|
|
595
|
+
class="audioHid"
|
|
596
|
+
controls=""
|
|
597
|
+
preload="auto"
|
|
598
|
+
>
|
|
599
|
+
<source
|
|
600
|
+
src="https://ypvnxx00-a.akamaihd.net/downloads/ringtones/files/mp3/yuvanringtone-44640.mp3"
|
|
601
|
+
type="audio/mpeg"
|
|
602
|
+
/>
|
|
603
|
+
</audio>
|
|
604
|
+
<div
|
|
605
|
+
class="rightBox downloadBox boxLeftRadius shrinkOff"
|
|
606
|
+
data-id="boxComponent"
|
|
607
|
+
data-selector-id="box"
|
|
608
|
+
data-test-id="boxComponent"
|
|
609
|
+
>
|
|
610
|
+
<div
|
|
611
|
+
class="disable flex cover coldir both"
|
|
612
|
+
data-id="AudioRange_playpause"
|
|
613
|
+
data-selector-id="container"
|
|
614
|
+
data-test-id="AudioRange_playpause"
|
|
615
|
+
data-title="Play"
|
|
616
|
+
>
|
|
617
|
+
<i
|
|
618
|
+
aria-hidden="true"
|
|
619
|
+
class="zd_font_icons basic icon-bcarr downloadIcon iconColor "
|
|
620
|
+
data-id="fontIcon"
|
|
621
|
+
data-selector-id="fontIcon"
|
|
622
|
+
data-test-id="fontIcon"
|
|
623
|
+
/>
|
|
624
|
+
</div>
|
|
625
|
+
</div>
|
|
626
|
+
<div
|
|
627
|
+
class="timerBox shrinkOff"
|
|
628
|
+
data-id="boxComponent"
|
|
629
|
+
data-selector-id="box"
|
|
630
|
+
data-test-id="boxComponent"
|
|
631
|
+
>
|
|
632
|
+
<div
|
|
633
|
+
class="flex cover rowdir vCenter"
|
|
634
|
+
data-id="containerComponent"
|
|
635
|
+
data-selector-id="container"
|
|
636
|
+
data-test-id="containerComponent"
|
|
637
|
+
>
|
|
638
|
+
<div
|
|
639
|
+
class="container flex cover rowdir"
|
|
640
|
+
data-id="containerComponent"
|
|
641
|
+
data-selector-id="container"
|
|
642
|
+
data-test-id="containerComponent"
|
|
643
|
+
>
|
|
644
|
+
00:00:00
|
|
645
|
+
</div>
|
|
646
|
+
</div>
|
|
647
|
+
</div>
|
|
648
|
+
<div
|
|
649
|
+
class="dragtag disable grow basis shrinkOff"
|
|
650
|
+
data-id="boxComponent"
|
|
651
|
+
data-selector-id="box"
|
|
652
|
+
data-test-id="boxComponent"
|
|
653
|
+
>
|
|
654
|
+
<div
|
|
655
|
+
class="audioRangeContainer flex cover coldir"
|
|
656
|
+
data-id="containerComponent"
|
|
657
|
+
data-selector-id="container"
|
|
658
|
+
data-test-id="containerComponent"
|
|
659
|
+
>
|
|
660
|
+
<span
|
|
661
|
+
class="loading"
|
|
662
|
+
/>
|
|
663
|
+
<input
|
|
664
|
+
class="input"
|
|
665
|
+
data-id="AudioRange"
|
|
666
|
+
max="0"
|
|
667
|
+
min="0"
|
|
668
|
+
step="1"
|
|
669
|
+
type="range"
|
|
670
|
+
value="0"
|
|
671
|
+
/>
|
|
672
|
+
</div>
|
|
673
|
+
</div>
|
|
674
|
+
<div
|
|
675
|
+
class="rightBox downloadBox shrinkOff"
|
|
676
|
+
data-id="boxComponent"
|
|
677
|
+
data-selector-id="box"
|
|
678
|
+
data-test-id="boxComponent"
|
|
679
|
+
>
|
|
680
|
+
<div
|
|
681
|
+
class="disable flex cover coldir both"
|
|
682
|
+
data-id="AudioRange_download"
|
|
683
|
+
data-selector-id="container"
|
|
684
|
+
data-test-id="AudioRange_download"
|
|
685
|
+
data-title="Download"
|
|
686
|
+
>
|
|
687
|
+
<i
|
|
688
|
+
aria-hidden="true"
|
|
689
|
+
class="zd_font_icons basic icon-download-new downloadIcon iconColor "
|
|
690
|
+
data-id="fontIcon"
|
|
691
|
+
data-selector-id="fontIcon"
|
|
692
|
+
data-test-id="fontIcon"
|
|
693
|
+
/>
|
|
694
|
+
</div>
|
|
695
|
+
</div>
|
|
696
|
+
<div
|
|
697
|
+
class="closeBox boxRightRadius shrinkOff"
|
|
698
|
+
data-id="boxComponent"
|
|
699
|
+
data-selector-id="box"
|
|
700
|
+
data-test-id="boxComponent"
|
|
701
|
+
>
|
|
702
|
+
<div
|
|
703
|
+
class="disable flex cover coldir both"
|
|
704
|
+
data-id="AudioRange_close"
|
|
705
|
+
data-selector-id="container"
|
|
706
|
+
data-test-id="AudioRange_close"
|
|
707
|
+
data-title="Close"
|
|
708
|
+
>
|
|
709
|
+
<i
|
|
710
|
+
aria-hidden="true"
|
|
711
|
+
class="zd_font_icons basic icon-cross pauseIcon iconColor "
|
|
712
|
+
data-id="fontIcon"
|
|
713
|
+
data-selector-id="fontIcon"
|
|
714
|
+
data-test-id="fontIcon"
|
|
715
|
+
/>
|
|
716
|
+
</div>
|
|
717
|
+
</div>
|
|
718
|
+
</div>
|
|
719
|
+
</div>
|
|
720
|
+
</DocumentFragment>
|
|
721
|
+
`;
|
|
722
|
+
|
|
723
|
+
exports[`AudioPlayer - Snapshot Render with forwardStepInSec=10 1`] = `
|
|
724
|
+
<DocumentFragment>
|
|
725
|
+
<div
|
|
726
|
+
class="flex coldir"
|
|
727
|
+
data-id="AudioRange"
|
|
728
|
+
data-selector-id="container"
|
|
729
|
+
data-test-id="AudioRange"
|
|
730
|
+
tabindex="0"
|
|
731
|
+
>
|
|
732
|
+
<div
|
|
733
|
+
class="container flex rowdir vCenter"
|
|
734
|
+
data-id="containerComponent"
|
|
735
|
+
data-selector-id="container"
|
|
736
|
+
data-test-id="containerComponent"
|
|
737
|
+
>
|
|
738
|
+
<audio
|
|
739
|
+
class="audioHid"
|
|
740
|
+
controls=""
|
|
741
|
+
preload="auto"
|
|
742
|
+
>
|
|
743
|
+
<source
|
|
744
|
+
src="https://ypvnxx00-a.akamaihd.net/downloads/ringtones/files/mp3/yuvanringtone-44640.mp3"
|
|
745
|
+
type="audio/mpeg"
|
|
746
|
+
/>
|
|
747
|
+
</audio>
|
|
748
|
+
<div
|
|
749
|
+
class="rightBox downloadBox boxLeftRadius shrinkOff"
|
|
750
|
+
data-id="boxComponent"
|
|
751
|
+
data-selector-id="box"
|
|
752
|
+
data-test-id="boxComponent"
|
|
753
|
+
>
|
|
754
|
+
<div
|
|
755
|
+
class="disable flex cover coldir both"
|
|
756
|
+
data-id="AudioRange_playpause"
|
|
757
|
+
data-selector-id="container"
|
|
758
|
+
data-test-id="AudioRange_playpause"
|
|
759
|
+
data-title="Play"
|
|
760
|
+
>
|
|
761
|
+
<i
|
|
762
|
+
aria-hidden="true"
|
|
763
|
+
class="zd_font_icons basic icon-bcarr downloadIcon iconColor "
|
|
764
|
+
data-id="fontIcon"
|
|
765
|
+
data-selector-id="fontIcon"
|
|
766
|
+
data-test-id="fontIcon"
|
|
767
|
+
/>
|
|
768
|
+
</div>
|
|
769
|
+
</div>
|
|
770
|
+
<div
|
|
771
|
+
class="timerBox shrinkOff"
|
|
772
|
+
data-id="boxComponent"
|
|
773
|
+
data-selector-id="box"
|
|
774
|
+
data-test-id="boxComponent"
|
|
775
|
+
>
|
|
776
|
+
<div
|
|
777
|
+
class="flex cover rowdir vCenter"
|
|
778
|
+
data-id="containerComponent"
|
|
779
|
+
data-selector-id="container"
|
|
780
|
+
data-test-id="containerComponent"
|
|
781
|
+
>
|
|
782
|
+
<div
|
|
783
|
+
class="container flex cover rowdir"
|
|
784
|
+
data-id="containerComponent"
|
|
785
|
+
data-selector-id="container"
|
|
786
|
+
data-test-id="containerComponent"
|
|
787
|
+
>
|
|
788
|
+
00:00:00
|
|
789
|
+
</div>
|
|
790
|
+
</div>
|
|
791
|
+
</div>
|
|
792
|
+
<div
|
|
793
|
+
class="dragtag disable grow basis shrinkOff"
|
|
794
|
+
data-id="boxComponent"
|
|
795
|
+
data-selector-id="box"
|
|
796
|
+
data-test-id="boxComponent"
|
|
797
|
+
>
|
|
798
|
+
<div
|
|
799
|
+
class="audioRangeContainer flex cover coldir"
|
|
800
|
+
data-id="containerComponent"
|
|
801
|
+
data-selector-id="container"
|
|
802
|
+
data-test-id="containerComponent"
|
|
803
|
+
>
|
|
804
|
+
<span
|
|
805
|
+
class="loading"
|
|
806
|
+
/>
|
|
807
|
+
<input
|
|
808
|
+
class="input"
|
|
809
|
+
data-id="AudioRange"
|
|
810
|
+
max="0"
|
|
811
|
+
min="0"
|
|
812
|
+
step="1"
|
|
813
|
+
type="range"
|
|
814
|
+
value="0"
|
|
815
|
+
/>
|
|
816
|
+
</div>
|
|
817
|
+
</div>
|
|
818
|
+
<div
|
|
819
|
+
class="rightBox downloadBox shrinkOff"
|
|
820
|
+
data-id="boxComponent"
|
|
821
|
+
data-selector-id="box"
|
|
822
|
+
data-test-id="boxComponent"
|
|
823
|
+
>
|
|
824
|
+
<div
|
|
825
|
+
class="disable flex cover coldir both"
|
|
826
|
+
data-id="AudioRange_download"
|
|
827
|
+
data-selector-id="container"
|
|
828
|
+
data-test-id="AudioRange_download"
|
|
829
|
+
data-title="Download"
|
|
830
|
+
>
|
|
831
|
+
<i
|
|
832
|
+
aria-hidden="true"
|
|
833
|
+
class="zd_font_icons basic icon-download-new downloadIcon iconColor "
|
|
834
|
+
data-id="fontIcon"
|
|
835
|
+
data-selector-id="fontIcon"
|
|
836
|
+
data-test-id="fontIcon"
|
|
837
|
+
/>
|
|
838
|
+
</div>
|
|
839
|
+
</div>
|
|
840
|
+
<div
|
|
841
|
+
class="closeBox boxRightRadius shrinkOff"
|
|
842
|
+
data-id="boxComponent"
|
|
843
|
+
data-selector-id="box"
|
|
844
|
+
data-test-id="boxComponent"
|
|
845
|
+
>
|
|
846
|
+
<div
|
|
847
|
+
class="disable flex cover coldir both"
|
|
848
|
+
data-id="AudioRange_close"
|
|
849
|
+
data-selector-id="container"
|
|
850
|
+
data-test-id="AudioRange_close"
|
|
851
|
+
data-title="Close"
|
|
852
|
+
>
|
|
853
|
+
<i
|
|
854
|
+
aria-hidden="true"
|
|
855
|
+
class="zd_font_icons basic icon-cross pauseIcon iconColor "
|
|
856
|
+
data-id="fontIcon"
|
|
857
|
+
data-selector-id="fontIcon"
|
|
858
|
+
data-test-id="fontIcon"
|
|
859
|
+
/>
|
|
860
|
+
</div>
|
|
861
|
+
</div>
|
|
862
|
+
</div>
|
|
863
|
+
</div>
|
|
864
|
+
</DocumentFragment>
|
|
865
|
+
`;
|
|
866
|
+
|
|
867
|
+
exports[`AudioPlayer - Snapshot Render with i18nKeys 1`] = `
|
|
868
|
+
<DocumentFragment>
|
|
869
|
+
<div
|
|
870
|
+
class="flex coldir"
|
|
871
|
+
data-id="AudioRange"
|
|
872
|
+
data-selector-id="container"
|
|
873
|
+
data-test-id="AudioRange"
|
|
874
|
+
tabindex="0"
|
|
875
|
+
>
|
|
876
|
+
<div
|
|
877
|
+
class="container flex rowdir vCenter"
|
|
878
|
+
data-id="containerComponent"
|
|
879
|
+
data-selector-id="container"
|
|
880
|
+
data-test-id="containerComponent"
|
|
881
|
+
>
|
|
882
|
+
<audio
|
|
883
|
+
class="audioHid"
|
|
884
|
+
controls=""
|
|
885
|
+
preload="auto"
|
|
886
|
+
>
|
|
887
|
+
<source
|
|
888
|
+
src="https://ypvnxx00-a.akamaihd.net/downloads/ringtones/files/mp3/yuvanringtone-44640.mp3"
|
|
889
|
+
type="audio/mpeg"
|
|
890
|
+
/>
|
|
891
|
+
</audio>
|
|
892
|
+
<div
|
|
893
|
+
class="rightBox downloadBox boxLeftRadius shrinkOff"
|
|
894
|
+
data-id="boxComponent"
|
|
895
|
+
data-selector-id="box"
|
|
896
|
+
data-test-id="boxComponent"
|
|
897
|
+
>
|
|
898
|
+
<div
|
|
899
|
+
class="disable flex cover coldir both"
|
|
900
|
+
data-id="AudioRange_playpause"
|
|
901
|
+
data-selector-id="container"
|
|
902
|
+
data-test-id="AudioRange_playpause"
|
|
903
|
+
data-title="Play"
|
|
904
|
+
>
|
|
905
|
+
<i
|
|
906
|
+
aria-hidden="true"
|
|
907
|
+
class="zd_font_icons basic icon-bcarr downloadIcon iconColor "
|
|
908
|
+
data-id="fontIcon"
|
|
909
|
+
data-selector-id="fontIcon"
|
|
910
|
+
data-test-id="fontIcon"
|
|
911
|
+
/>
|
|
912
|
+
</div>
|
|
913
|
+
</div>
|
|
914
|
+
<div
|
|
915
|
+
class="timerBox shrinkOff"
|
|
916
|
+
data-id="boxComponent"
|
|
917
|
+
data-selector-id="box"
|
|
918
|
+
data-test-id="boxComponent"
|
|
919
|
+
>
|
|
920
|
+
<div
|
|
921
|
+
class="flex cover rowdir vCenter"
|
|
922
|
+
data-id="containerComponent"
|
|
923
|
+
data-selector-id="container"
|
|
924
|
+
data-test-id="containerComponent"
|
|
925
|
+
>
|
|
926
|
+
<div
|
|
927
|
+
class="container flex cover rowdir"
|
|
928
|
+
data-id="containerComponent"
|
|
929
|
+
data-selector-id="container"
|
|
930
|
+
data-test-id="containerComponent"
|
|
931
|
+
>
|
|
932
|
+
00:00:00
|
|
933
|
+
</div>
|
|
934
|
+
</div>
|
|
935
|
+
</div>
|
|
936
|
+
<div
|
|
937
|
+
class="dragtag disable grow basis shrinkOff"
|
|
938
|
+
data-id="boxComponent"
|
|
939
|
+
data-selector-id="box"
|
|
940
|
+
data-test-id="boxComponent"
|
|
941
|
+
>
|
|
942
|
+
<div
|
|
943
|
+
class="audioRangeContainer flex cover coldir"
|
|
944
|
+
data-id="containerComponent"
|
|
945
|
+
data-selector-id="container"
|
|
946
|
+
data-test-id="containerComponent"
|
|
947
|
+
>
|
|
948
|
+
<span
|
|
949
|
+
class="loading"
|
|
950
|
+
/>
|
|
951
|
+
<input
|
|
952
|
+
class="input"
|
|
953
|
+
data-id="AudioRange"
|
|
954
|
+
max="0"
|
|
955
|
+
min="0"
|
|
956
|
+
step="1"
|
|
957
|
+
type="range"
|
|
958
|
+
value="0"
|
|
959
|
+
/>
|
|
960
|
+
</div>
|
|
961
|
+
</div>
|
|
962
|
+
<div
|
|
963
|
+
class="rightBox downloadBox shrinkOff"
|
|
964
|
+
data-id="boxComponent"
|
|
965
|
+
data-selector-id="box"
|
|
966
|
+
data-test-id="boxComponent"
|
|
967
|
+
>
|
|
968
|
+
<div
|
|
969
|
+
class="disable flex cover coldir both"
|
|
970
|
+
data-id="AudioRange_download"
|
|
971
|
+
data-selector-id="container"
|
|
972
|
+
data-test-id="AudioRange_download"
|
|
973
|
+
data-title="Download"
|
|
974
|
+
>
|
|
975
|
+
<i
|
|
976
|
+
aria-hidden="true"
|
|
977
|
+
class="zd_font_icons basic icon-download-new downloadIcon iconColor "
|
|
978
|
+
data-id="fontIcon"
|
|
979
|
+
data-selector-id="fontIcon"
|
|
980
|
+
data-test-id="fontIcon"
|
|
981
|
+
/>
|
|
982
|
+
</div>
|
|
983
|
+
</div>
|
|
984
|
+
<div
|
|
985
|
+
class="closeBox boxRightRadius shrinkOff"
|
|
986
|
+
data-id="boxComponent"
|
|
987
|
+
data-selector-id="box"
|
|
988
|
+
data-test-id="boxComponent"
|
|
989
|
+
>
|
|
990
|
+
<div
|
|
991
|
+
class="disable flex cover coldir both"
|
|
992
|
+
data-id="AudioRange_close"
|
|
993
|
+
data-selector-id="container"
|
|
994
|
+
data-test-id="AudioRange_close"
|
|
995
|
+
data-title="Close"
|
|
996
|
+
>
|
|
997
|
+
<i
|
|
998
|
+
aria-hidden="true"
|
|
999
|
+
class="zd_font_icons basic icon-cross pauseIcon iconColor "
|
|
1000
|
+
data-id="fontIcon"
|
|
1001
|
+
data-selector-id="fontIcon"
|
|
1002
|
+
data-test-id="fontIcon"
|
|
1003
|
+
/>
|
|
1004
|
+
</div>
|
|
1005
|
+
</div>
|
|
1006
|
+
</div>
|
|
1007
|
+
</div>
|
|
1008
|
+
</DocumentFragment>
|
|
1009
|
+
`;
|
|
1010
|
+
|
|
1011
|
+
exports[`AudioPlayer - Snapshot Render with isPlay=true 1`] = `
|
|
1012
|
+
<DocumentFragment>
|
|
1013
|
+
<div
|
|
1014
|
+
class="flex coldir"
|
|
1015
|
+
data-id="AudioRange"
|
|
1016
|
+
data-selector-id="container"
|
|
1017
|
+
data-test-id="AudioRange"
|
|
1018
|
+
tabindex="0"
|
|
1019
|
+
>
|
|
1020
|
+
<div
|
|
1021
|
+
class="container flex rowdir vCenter"
|
|
1022
|
+
data-id="containerComponent"
|
|
1023
|
+
data-selector-id="container"
|
|
1024
|
+
data-test-id="containerComponent"
|
|
1025
|
+
>
|
|
1026
|
+
<audio
|
|
1027
|
+
class="audioHid"
|
|
1028
|
+
controls=""
|
|
1029
|
+
preload="auto"
|
|
1030
|
+
>
|
|
1031
|
+
<source
|
|
1032
|
+
src="https://ypvnxx00-a.akamaihd.net/downloads/ringtones/files/mp3/yuvanringtone-44640.mp3"
|
|
1033
|
+
type="audio/mpeg"
|
|
1034
|
+
/>
|
|
1035
|
+
</audio>
|
|
1036
|
+
<div
|
|
1037
|
+
class="rightBox downloadBox boxLeftRadius shrinkOff"
|
|
1038
|
+
data-id="boxComponent"
|
|
1039
|
+
data-selector-id="box"
|
|
1040
|
+
data-test-id="boxComponent"
|
|
1041
|
+
>
|
|
1042
|
+
<div
|
|
1043
|
+
class="disable flex cover coldir both"
|
|
1044
|
+
data-id="AudioRange_playpause"
|
|
1045
|
+
data-selector-id="container"
|
|
1046
|
+
data-test-id="AudioRange_playpause"
|
|
1047
|
+
data-title="Pause"
|
|
1048
|
+
>
|
|
1049
|
+
<i
|
|
1050
|
+
aria-hidden="true"
|
|
1051
|
+
class="zd_font_icons basic icon-comment-timer-pause downloadIcon iconColor "
|
|
1052
|
+
data-id="fontIcon"
|
|
1053
|
+
data-selector-id="fontIcon"
|
|
1054
|
+
data-test-id="fontIcon"
|
|
1055
|
+
/>
|
|
1056
|
+
</div>
|
|
1057
|
+
</div>
|
|
1058
|
+
<div
|
|
1059
|
+
class="timerBox shrinkOff"
|
|
1060
|
+
data-id="boxComponent"
|
|
1061
|
+
data-selector-id="box"
|
|
1062
|
+
data-test-id="boxComponent"
|
|
1063
|
+
>
|
|
1064
|
+
<div
|
|
1065
|
+
class="flex cover rowdir vCenter"
|
|
1066
|
+
data-id="containerComponent"
|
|
1067
|
+
data-selector-id="container"
|
|
1068
|
+
data-test-id="containerComponent"
|
|
1069
|
+
>
|
|
1070
|
+
<div
|
|
1071
|
+
class="container flex cover rowdir"
|
|
1072
|
+
data-id="containerComponent"
|
|
1073
|
+
data-selector-id="container"
|
|
1074
|
+
data-test-id="containerComponent"
|
|
1075
|
+
>
|
|
1076
|
+
00:00:00
|
|
1077
|
+
</div>
|
|
1078
|
+
</div>
|
|
1079
|
+
</div>
|
|
1080
|
+
<div
|
|
1081
|
+
class="dragtag disable grow basis shrinkOff"
|
|
1082
|
+
data-id="boxComponent"
|
|
1083
|
+
data-selector-id="box"
|
|
1084
|
+
data-test-id="boxComponent"
|
|
1085
|
+
>
|
|
1086
|
+
<div
|
|
1087
|
+
class="audioRangeContainer flex cover coldir"
|
|
1088
|
+
data-id="containerComponent"
|
|
1089
|
+
data-selector-id="container"
|
|
1090
|
+
data-test-id="containerComponent"
|
|
1091
|
+
>
|
|
1092
|
+
<span
|
|
1093
|
+
class="loading"
|
|
1094
|
+
/>
|
|
1095
|
+
<input
|
|
1096
|
+
class="input"
|
|
1097
|
+
data-id="AudioRange"
|
|
1098
|
+
max="0"
|
|
1099
|
+
min="0"
|
|
1100
|
+
step="1"
|
|
1101
|
+
type="range"
|
|
1102
|
+
value="0"
|
|
1103
|
+
/>
|
|
1104
|
+
</div>
|
|
1105
|
+
</div>
|
|
1106
|
+
<div
|
|
1107
|
+
class="rightBox downloadBox shrinkOff"
|
|
1108
|
+
data-id="boxComponent"
|
|
1109
|
+
data-selector-id="box"
|
|
1110
|
+
data-test-id="boxComponent"
|
|
1111
|
+
>
|
|
1112
|
+
<div
|
|
1113
|
+
class="disable flex cover coldir both"
|
|
1114
|
+
data-id="AudioRange_download"
|
|
1115
|
+
data-selector-id="container"
|
|
1116
|
+
data-test-id="AudioRange_download"
|
|
1117
|
+
data-title="Download"
|
|
1118
|
+
>
|
|
1119
|
+
<i
|
|
1120
|
+
aria-hidden="true"
|
|
1121
|
+
class="zd_font_icons basic icon-download-new downloadIcon iconColor "
|
|
1122
|
+
data-id="fontIcon"
|
|
1123
|
+
data-selector-id="fontIcon"
|
|
1124
|
+
data-test-id="fontIcon"
|
|
1125
|
+
/>
|
|
1126
|
+
</div>
|
|
1127
|
+
</div>
|
|
1128
|
+
<div
|
|
1129
|
+
class="closeBox boxRightRadius shrinkOff"
|
|
1130
|
+
data-id="boxComponent"
|
|
1131
|
+
data-selector-id="box"
|
|
1132
|
+
data-test-id="boxComponent"
|
|
1133
|
+
>
|
|
1134
|
+
<div
|
|
1135
|
+
class="disable flex cover coldir both"
|
|
1136
|
+
data-id="AudioRange_close"
|
|
1137
|
+
data-selector-id="container"
|
|
1138
|
+
data-test-id="AudioRange_close"
|
|
1139
|
+
data-title="Close"
|
|
1140
|
+
>
|
|
1141
|
+
<i
|
|
1142
|
+
aria-hidden="true"
|
|
1143
|
+
class="zd_font_icons basic icon-cross pauseIcon iconColor "
|
|
1144
|
+
data-id="fontIcon"
|
|
1145
|
+
data-selector-id="fontIcon"
|
|
1146
|
+
data-test-id="fontIcon"
|
|
1147
|
+
/>
|
|
1148
|
+
</div>
|
|
1149
|
+
</div>
|
|
1150
|
+
</div>
|
|
1151
|
+
</div>
|
|
1152
|
+
</DocumentFragment>
|
|
1153
|
+
`;
|
|
1154
|
+
|
|
1155
|
+
exports[`AudioPlayer - Snapshot Render with needClose=false 1`] = `
|
|
1156
|
+
<DocumentFragment>
|
|
1157
|
+
<div
|
|
1158
|
+
class="flex coldir"
|
|
1159
|
+
data-id="AudioRange"
|
|
1160
|
+
data-selector-id="container"
|
|
1161
|
+
data-test-id="AudioRange"
|
|
1162
|
+
tabindex="0"
|
|
1163
|
+
>
|
|
1164
|
+
<div
|
|
1165
|
+
class="container flex rowdir vCenter"
|
|
1166
|
+
data-id="containerComponent"
|
|
1167
|
+
data-selector-id="container"
|
|
1168
|
+
data-test-id="containerComponent"
|
|
1169
|
+
>
|
|
1170
|
+
<audio
|
|
1171
|
+
class="audioHid"
|
|
1172
|
+
controls=""
|
|
1173
|
+
preload="auto"
|
|
1174
|
+
>
|
|
1175
|
+
<source
|
|
1176
|
+
src="https://ypvnxx00-a.akamaihd.net/downloads/ringtones/files/mp3/yuvanringtone-44640.mp3"
|
|
1177
|
+
type="audio/mpeg"
|
|
1178
|
+
/>
|
|
1179
|
+
</audio>
|
|
1180
|
+
<div
|
|
1181
|
+
class="rightBox downloadBox boxLeftRadius shrinkOff"
|
|
1182
|
+
data-id="boxComponent"
|
|
1183
|
+
data-selector-id="box"
|
|
1184
|
+
data-test-id="boxComponent"
|
|
1185
|
+
>
|
|
1186
|
+
<div
|
|
1187
|
+
class="disable flex cover coldir both"
|
|
1188
|
+
data-id="AudioRange_playpause"
|
|
1189
|
+
data-selector-id="container"
|
|
1190
|
+
data-test-id="AudioRange_playpause"
|
|
1191
|
+
data-title="Play"
|
|
1192
|
+
>
|
|
1193
|
+
<i
|
|
1194
|
+
aria-hidden="true"
|
|
1195
|
+
class="zd_font_icons basic icon-bcarr downloadIcon iconColor "
|
|
1196
|
+
data-id="fontIcon"
|
|
1197
|
+
data-selector-id="fontIcon"
|
|
1198
|
+
data-test-id="fontIcon"
|
|
1199
|
+
/>
|
|
1200
|
+
</div>
|
|
1201
|
+
</div>
|
|
1202
|
+
<div
|
|
1203
|
+
class="timerBox shrinkOff"
|
|
1204
|
+
data-id="boxComponent"
|
|
1205
|
+
data-selector-id="box"
|
|
1206
|
+
data-test-id="boxComponent"
|
|
1207
|
+
>
|
|
1208
|
+
<div
|
|
1209
|
+
class="flex cover rowdir vCenter"
|
|
1210
|
+
data-id="containerComponent"
|
|
1211
|
+
data-selector-id="container"
|
|
1212
|
+
data-test-id="containerComponent"
|
|
1213
|
+
>
|
|
1214
|
+
<div
|
|
1215
|
+
class="container flex cover rowdir"
|
|
1216
|
+
data-id="containerComponent"
|
|
1217
|
+
data-selector-id="container"
|
|
1218
|
+
data-test-id="containerComponent"
|
|
1219
|
+
>
|
|
1220
|
+
00:00:00
|
|
1221
|
+
</div>
|
|
1222
|
+
</div>
|
|
1223
|
+
</div>
|
|
1224
|
+
<div
|
|
1225
|
+
class="dragtag disable grow basis shrinkOff"
|
|
1226
|
+
data-id="boxComponent"
|
|
1227
|
+
data-selector-id="box"
|
|
1228
|
+
data-test-id="boxComponent"
|
|
1229
|
+
>
|
|
1230
|
+
<div
|
|
1231
|
+
class="audioRangeContainer flex cover coldir"
|
|
1232
|
+
data-id="containerComponent"
|
|
1233
|
+
data-selector-id="container"
|
|
1234
|
+
data-test-id="containerComponent"
|
|
1235
|
+
>
|
|
1236
|
+
<span
|
|
1237
|
+
class="loading"
|
|
1238
|
+
/>
|
|
1239
|
+
<input
|
|
1240
|
+
class="input"
|
|
1241
|
+
data-id="AudioRange"
|
|
1242
|
+
max="0"
|
|
1243
|
+
min="0"
|
|
1244
|
+
step="1"
|
|
1245
|
+
type="range"
|
|
1246
|
+
value="0"
|
|
1247
|
+
/>
|
|
1248
|
+
</div>
|
|
1249
|
+
</div>
|
|
1250
|
+
<div
|
|
1251
|
+
class="rightBox downloadBox boxRightRadius shrinkOff"
|
|
1252
|
+
data-id="boxComponent"
|
|
1253
|
+
data-selector-id="box"
|
|
1254
|
+
data-test-id="boxComponent"
|
|
1255
|
+
>
|
|
1256
|
+
<div
|
|
1257
|
+
class="disable flex cover coldir both"
|
|
1258
|
+
data-id="AudioRange_download"
|
|
1259
|
+
data-selector-id="container"
|
|
1260
|
+
data-test-id="AudioRange_download"
|
|
1261
|
+
data-title="Download"
|
|
1262
|
+
>
|
|
1263
|
+
<i
|
|
1264
|
+
aria-hidden="true"
|
|
1265
|
+
class="zd_font_icons basic icon-download-new downloadIcon iconColor "
|
|
1266
|
+
data-id="fontIcon"
|
|
1267
|
+
data-selector-id="fontIcon"
|
|
1268
|
+
data-test-id="fontIcon"
|
|
1269
|
+
/>
|
|
1270
|
+
</div>
|
|
1271
|
+
</div>
|
|
1272
|
+
</div>
|
|
1273
|
+
</div>
|
|
1274
|
+
</DocumentFragment>
|
|
1275
|
+
`;
|
|
1276
|
+
|
|
1277
|
+
exports[`AudioPlayer - Snapshot Render with needDownload=false 1`] = `
|
|
1278
|
+
<DocumentFragment>
|
|
1279
|
+
<div
|
|
1280
|
+
class="flex coldir"
|
|
1281
|
+
data-id="AudioRange"
|
|
1282
|
+
data-selector-id="container"
|
|
1283
|
+
data-test-id="AudioRange"
|
|
1284
|
+
tabindex="0"
|
|
1285
|
+
>
|
|
1286
|
+
<div
|
|
1287
|
+
class="container flex rowdir vCenter"
|
|
1288
|
+
data-id="containerComponent"
|
|
1289
|
+
data-selector-id="container"
|
|
1290
|
+
data-test-id="containerComponent"
|
|
1291
|
+
>
|
|
1292
|
+
<audio
|
|
1293
|
+
class="audioHid"
|
|
1294
|
+
controls=""
|
|
1295
|
+
preload="auto"
|
|
1296
|
+
>
|
|
1297
|
+
<source
|
|
1298
|
+
src="https://ypvnxx00-a.akamaihd.net/downloads/ringtones/files/mp3/yuvanringtone-44640.mp3"
|
|
1299
|
+
type="audio/mpeg"
|
|
1300
|
+
/>
|
|
1301
|
+
</audio>
|
|
1302
|
+
<div
|
|
1303
|
+
class="rightBox downloadBox boxLeftRadius shrinkOff"
|
|
1304
|
+
data-id="boxComponent"
|
|
1305
|
+
data-selector-id="box"
|
|
1306
|
+
data-test-id="boxComponent"
|
|
1307
|
+
>
|
|
1308
|
+
<div
|
|
1309
|
+
class="disable flex cover coldir both"
|
|
1310
|
+
data-id="AudioRange_playpause"
|
|
1311
|
+
data-selector-id="container"
|
|
1312
|
+
data-test-id="AudioRange_playpause"
|
|
1313
|
+
data-title="Play"
|
|
1314
|
+
>
|
|
1315
|
+
<i
|
|
1316
|
+
aria-hidden="true"
|
|
1317
|
+
class="zd_font_icons basic icon-bcarr downloadIcon iconColor "
|
|
1318
|
+
data-id="fontIcon"
|
|
1319
|
+
data-selector-id="fontIcon"
|
|
1320
|
+
data-test-id="fontIcon"
|
|
1321
|
+
/>
|
|
1322
|
+
</div>
|
|
1323
|
+
</div>
|
|
1324
|
+
<div
|
|
1325
|
+
class="timerBox shrinkOff"
|
|
1326
|
+
data-id="boxComponent"
|
|
1327
|
+
data-selector-id="box"
|
|
1328
|
+
data-test-id="boxComponent"
|
|
1329
|
+
>
|
|
1330
|
+
<div
|
|
1331
|
+
class="flex cover rowdir vCenter"
|
|
1332
|
+
data-id="containerComponent"
|
|
1333
|
+
data-selector-id="container"
|
|
1334
|
+
data-test-id="containerComponent"
|
|
1335
|
+
>
|
|
1336
|
+
<div
|
|
1337
|
+
class="container flex cover rowdir"
|
|
1338
|
+
data-id="containerComponent"
|
|
1339
|
+
data-selector-id="container"
|
|
1340
|
+
data-test-id="containerComponent"
|
|
1341
|
+
>
|
|
1342
|
+
00:00:00
|
|
1343
|
+
</div>
|
|
1344
|
+
</div>
|
|
1345
|
+
</div>
|
|
1346
|
+
<div
|
|
1347
|
+
class="dragtag disable grow basis shrinkOff"
|
|
1348
|
+
data-id="boxComponent"
|
|
1349
|
+
data-selector-id="box"
|
|
1350
|
+
data-test-id="boxComponent"
|
|
1351
|
+
>
|
|
1352
|
+
<div
|
|
1353
|
+
class="audioRangeContainer flex cover coldir"
|
|
1354
|
+
data-id="containerComponent"
|
|
1355
|
+
data-selector-id="container"
|
|
1356
|
+
data-test-id="containerComponent"
|
|
1357
|
+
>
|
|
1358
|
+
<span
|
|
1359
|
+
class="loading"
|
|
1360
|
+
/>
|
|
1361
|
+
<input
|
|
1362
|
+
class="input"
|
|
1363
|
+
data-id="AudioRange"
|
|
1364
|
+
max="0"
|
|
1365
|
+
min="0"
|
|
1366
|
+
step="1"
|
|
1367
|
+
type="range"
|
|
1368
|
+
value="0"
|
|
1369
|
+
/>
|
|
1370
|
+
</div>
|
|
1371
|
+
</div>
|
|
1372
|
+
<div
|
|
1373
|
+
class="closeBox boxRightRadius shrinkOff"
|
|
1374
|
+
data-id="boxComponent"
|
|
1375
|
+
data-selector-id="box"
|
|
1376
|
+
data-test-id="boxComponent"
|
|
1377
|
+
>
|
|
1378
|
+
<div
|
|
1379
|
+
class="disable flex cover coldir both"
|
|
1380
|
+
data-id="AudioRange_close"
|
|
1381
|
+
data-selector-id="container"
|
|
1382
|
+
data-test-id="AudioRange_close"
|
|
1383
|
+
data-title="Close"
|
|
1384
|
+
>
|
|
1385
|
+
<i
|
|
1386
|
+
aria-hidden="true"
|
|
1387
|
+
class="zd_font_icons basic icon-cross pauseIcon iconColor "
|
|
1388
|
+
data-id="fontIcon"
|
|
1389
|
+
data-selector-id="fontIcon"
|
|
1390
|
+
data-test-id="fontIcon"
|
|
1391
|
+
/>
|
|
1392
|
+
</div>
|
|
1393
|
+
</div>
|
|
1394
|
+
</div>
|
|
1395
|
+
</div>
|
|
1396
|
+
</DocumentFragment>
|
|
1397
|
+
`;
|
|
1398
|
+
|
|
1399
|
+
exports[`AudioPlayer - Snapshot Render with needMuteIcon=true 1`] = `
|
|
1400
|
+
<DocumentFragment>
|
|
1401
|
+
<div
|
|
1402
|
+
class="flex coldir"
|
|
1403
|
+
data-id="AudioRange"
|
|
1404
|
+
data-selector-id="container"
|
|
1405
|
+
data-test-id="AudioRange"
|
|
1406
|
+
tabindex="0"
|
|
1407
|
+
>
|
|
1408
|
+
<div
|
|
1409
|
+
class="container flex rowdir vCenter"
|
|
1410
|
+
data-id="containerComponent"
|
|
1411
|
+
data-selector-id="container"
|
|
1412
|
+
data-test-id="containerComponent"
|
|
1413
|
+
>
|
|
1414
|
+
<audio
|
|
1415
|
+
class="audioHid"
|
|
1416
|
+
controls=""
|
|
1417
|
+
preload="auto"
|
|
1418
|
+
>
|
|
1419
|
+
<source
|
|
1420
|
+
src="https://ypvnxx00-a.akamaihd.net/downloads/ringtones/files/mp3/yuvanringtone-44640.mp3"
|
|
1421
|
+
type="audio/mpeg"
|
|
1422
|
+
/>
|
|
1423
|
+
</audio>
|
|
1424
|
+
<div
|
|
1425
|
+
class="rightBox downloadBox boxLeftRadius shrinkOff"
|
|
1426
|
+
data-id="boxComponent"
|
|
1427
|
+
data-selector-id="box"
|
|
1428
|
+
data-test-id="boxComponent"
|
|
1429
|
+
>
|
|
1430
|
+
<div
|
|
1431
|
+
class="disable flex cover coldir both"
|
|
1432
|
+
data-id="AudioRange_playpause"
|
|
1433
|
+
data-selector-id="container"
|
|
1434
|
+
data-test-id="AudioRange_playpause"
|
|
1435
|
+
data-title="Play"
|
|
1436
|
+
>
|
|
1437
|
+
<i
|
|
1438
|
+
aria-hidden="true"
|
|
1439
|
+
class="zd_font_icons basic icon-bcarr downloadIcon iconColor "
|
|
1440
|
+
data-id="fontIcon"
|
|
1441
|
+
data-selector-id="fontIcon"
|
|
1442
|
+
data-test-id="fontIcon"
|
|
1443
|
+
/>
|
|
1444
|
+
</div>
|
|
1445
|
+
</div>
|
|
1446
|
+
<div
|
|
1447
|
+
class="timerBox shrinkOff"
|
|
1448
|
+
data-id="boxComponent"
|
|
1449
|
+
data-selector-id="box"
|
|
1450
|
+
data-test-id="boxComponent"
|
|
1451
|
+
>
|
|
1452
|
+
<div
|
|
1453
|
+
class="flex cover rowdir vCenter"
|
|
1454
|
+
data-id="containerComponent"
|
|
1455
|
+
data-selector-id="container"
|
|
1456
|
+
data-test-id="containerComponent"
|
|
1457
|
+
>
|
|
1458
|
+
<div
|
|
1459
|
+
class="container flex cover rowdir"
|
|
1460
|
+
data-id="containerComponent"
|
|
1461
|
+
data-selector-id="container"
|
|
1462
|
+
data-test-id="containerComponent"
|
|
1463
|
+
>
|
|
1464
|
+
00:00:00
|
|
1465
|
+
</div>
|
|
1466
|
+
</div>
|
|
1467
|
+
</div>
|
|
1468
|
+
<div
|
|
1469
|
+
class="dragtag disable grow basis shrinkOff"
|
|
1470
|
+
data-id="boxComponent"
|
|
1471
|
+
data-selector-id="box"
|
|
1472
|
+
data-test-id="boxComponent"
|
|
1473
|
+
>
|
|
1474
|
+
<div
|
|
1475
|
+
class="audioRangeContainer flex cover coldir"
|
|
1476
|
+
data-id="containerComponent"
|
|
1477
|
+
data-selector-id="container"
|
|
1478
|
+
data-test-id="containerComponent"
|
|
1479
|
+
>
|
|
1480
|
+
<span
|
|
1481
|
+
class="loading"
|
|
1482
|
+
/>
|
|
1483
|
+
<input
|
|
1484
|
+
class="input"
|
|
1485
|
+
data-id="AudioRange"
|
|
1486
|
+
max="0"
|
|
1487
|
+
min="0"
|
|
1488
|
+
step="1"
|
|
1489
|
+
type="range"
|
|
1490
|
+
value="0"
|
|
1491
|
+
/>
|
|
1492
|
+
</div>
|
|
1493
|
+
</div>
|
|
1494
|
+
<div
|
|
1495
|
+
class="rightBox downloadBox shrinkOff"
|
|
1496
|
+
data-id="boxComponent"
|
|
1497
|
+
data-selector-id="box"
|
|
1498
|
+
data-test-id="boxComponent"
|
|
1499
|
+
>
|
|
1500
|
+
<div
|
|
1501
|
+
class="disable flex cover coldir both"
|
|
1502
|
+
data-id="AudioRange_download"
|
|
1503
|
+
data-selector-id="container"
|
|
1504
|
+
data-test-id="AudioRange_download"
|
|
1505
|
+
data-title="Download"
|
|
1506
|
+
>
|
|
1507
|
+
<i
|
|
1508
|
+
aria-hidden="true"
|
|
1509
|
+
class="zd_font_icons basic icon-download-new downloadIcon iconColor "
|
|
1510
|
+
data-id="fontIcon"
|
|
1511
|
+
data-selector-id="fontIcon"
|
|
1512
|
+
data-test-id="fontIcon"
|
|
1513
|
+
/>
|
|
1514
|
+
</div>
|
|
1515
|
+
</div>
|
|
1516
|
+
<div
|
|
1517
|
+
class="rightBox downloadBox shrinkOff"
|
|
1518
|
+
data-id="boxComponent"
|
|
1519
|
+
data-selector-id="box"
|
|
1520
|
+
data-test-id="boxComponent"
|
|
1521
|
+
>
|
|
1522
|
+
<div
|
|
1523
|
+
class="disable flex cover coldir both"
|
|
1524
|
+
data-id="AudioRange_muteUnmute"
|
|
1525
|
+
data-selector-id="container"
|
|
1526
|
+
data-test-id="AudioRange_muteUnmute"
|
|
1527
|
+
data-title="Mute"
|
|
1528
|
+
>
|
|
1529
|
+
<i
|
|
1530
|
+
aria-hidden="true"
|
|
1531
|
+
class="zd_font_icons basic icon-kb-catlogo-volume downloadIcon iconColor "
|
|
1532
|
+
data-id="fontIcon"
|
|
1533
|
+
data-selector-id="fontIcon"
|
|
1534
|
+
data-test-id="fontIcon"
|
|
1535
|
+
/>
|
|
1536
|
+
</div>
|
|
1537
|
+
</div>
|
|
1538
|
+
<div
|
|
1539
|
+
class="closeBox boxRightRadius shrinkOff"
|
|
1540
|
+
data-id="boxComponent"
|
|
1541
|
+
data-selector-id="box"
|
|
1542
|
+
data-test-id="boxComponent"
|
|
1543
|
+
>
|
|
1544
|
+
<div
|
|
1545
|
+
class="disable flex cover coldir both"
|
|
1546
|
+
data-id="AudioRange_close"
|
|
1547
|
+
data-selector-id="container"
|
|
1548
|
+
data-test-id="AudioRange_close"
|
|
1549
|
+
data-title="Close"
|
|
1550
|
+
>
|
|
1551
|
+
<i
|
|
1552
|
+
aria-hidden="true"
|
|
1553
|
+
class="zd_font_icons basic icon-cross pauseIcon iconColor "
|
|
1554
|
+
data-id="fontIcon"
|
|
1555
|
+
data-selector-id="fontIcon"
|
|
1556
|
+
data-test-id="fontIcon"
|
|
1557
|
+
/>
|
|
1558
|
+
</div>
|
|
1559
|
+
</div>
|
|
1560
|
+
</div>
|
|
1561
|
+
</div>
|
|
1562
|
+
</DocumentFragment>
|
|
1563
|
+
`;
|
|
1564
|
+
|
|
1565
|
+
exports[`AudioPlayer - Snapshot Render with range=50 1`] = `
|
|
1566
|
+
<DocumentFragment>
|
|
1567
|
+
<div
|
|
1568
|
+
class="flex coldir"
|
|
1569
|
+
data-id="AudioRange"
|
|
1570
|
+
data-selector-id="container"
|
|
1571
|
+
data-test-id="AudioRange"
|
|
1572
|
+
tabindex="0"
|
|
1573
|
+
>
|
|
1574
|
+
<div
|
|
1575
|
+
class="container flex rowdir vCenter"
|
|
1576
|
+
data-id="containerComponent"
|
|
1577
|
+
data-selector-id="container"
|
|
1578
|
+
data-test-id="containerComponent"
|
|
1579
|
+
>
|
|
1580
|
+
<audio
|
|
1581
|
+
class="audioHid"
|
|
1582
|
+
controls=""
|
|
1583
|
+
preload="auto"
|
|
1584
|
+
>
|
|
1585
|
+
<source
|
|
1586
|
+
src="https://ypvnxx00-a.akamaihd.net/downloads/ringtones/files/mp3/yuvanringtone-44640.mp3"
|
|
1587
|
+
type="audio/mpeg"
|
|
1588
|
+
/>
|
|
1589
|
+
</audio>
|
|
1590
|
+
<div
|
|
1591
|
+
class="rightBox downloadBox boxLeftRadius shrinkOff"
|
|
1592
|
+
data-id="boxComponent"
|
|
1593
|
+
data-selector-id="box"
|
|
1594
|
+
data-test-id="boxComponent"
|
|
1595
|
+
>
|
|
1596
|
+
<div
|
|
1597
|
+
class="disable flex cover coldir both"
|
|
1598
|
+
data-id="AudioRange_playpause"
|
|
1599
|
+
data-selector-id="container"
|
|
1600
|
+
data-test-id="AudioRange_playpause"
|
|
1601
|
+
data-title="Play"
|
|
1602
|
+
>
|
|
1603
|
+
<i
|
|
1604
|
+
aria-hidden="true"
|
|
1605
|
+
class="zd_font_icons basic icon-bcarr downloadIcon iconColor "
|
|
1606
|
+
data-id="fontIcon"
|
|
1607
|
+
data-selector-id="fontIcon"
|
|
1608
|
+
data-test-id="fontIcon"
|
|
1609
|
+
/>
|
|
1610
|
+
</div>
|
|
1611
|
+
</div>
|
|
1612
|
+
<div
|
|
1613
|
+
class="timerBox shrinkOff"
|
|
1614
|
+
data-id="boxComponent"
|
|
1615
|
+
data-selector-id="box"
|
|
1616
|
+
data-test-id="boxComponent"
|
|
1617
|
+
>
|
|
1618
|
+
<div
|
|
1619
|
+
class="flex cover rowdir vCenter"
|
|
1620
|
+
data-id="containerComponent"
|
|
1621
|
+
data-selector-id="container"
|
|
1622
|
+
data-test-id="containerComponent"
|
|
1623
|
+
>
|
|
1624
|
+
<div
|
|
1625
|
+
class="container flex cover rowdir"
|
|
1626
|
+
data-id="containerComponent"
|
|
1627
|
+
data-selector-id="container"
|
|
1628
|
+
data-test-id="containerComponent"
|
|
1629
|
+
>
|
|
1630
|
+
00:00:00
|
|
1631
|
+
</div>
|
|
1632
|
+
</div>
|
|
1633
|
+
</div>
|
|
1634
|
+
<div
|
|
1635
|
+
class="dragtag disable grow basis shrinkOff"
|
|
1636
|
+
data-id="boxComponent"
|
|
1637
|
+
data-selector-id="box"
|
|
1638
|
+
data-test-id="boxComponent"
|
|
1639
|
+
>
|
|
1640
|
+
<div
|
|
1641
|
+
class="audioRangeContainer flex cover coldir"
|
|
1642
|
+
data-id="containerComponent"
|
|
1643
|
+
data-selector-id="container"
|
|
1644
|
+
data-test-id="containerComponent"
|
|
1645
|
+
>
|
|
1646
|
+
<span
|
|
1647
|
+
class="loading"
|
|
1648
|
+
/>
|
|
1649
|
+
<input
|
|
1650
|
+
class="input"
|
|
1651
|
+
data-id="AudioRange"
|
|
1652
|
+
max="0"
|
|
1653
|
+
min="0"
|
|
1654
|
+
step="1"
|
|
1655
|
+
type="range"
|
|
1656
|
+
value="0"
|
|
1657
|
+
/>
|
|
1658
|
+
</div>
|
|
1659
|
+
</div>
|
|
1660
|
+
<div
|
|
1661
|
+
class="rightBox downloadBox shrinkOff"
|
|
1662
|
+
data-id="boxComponent"
|
|
1663
|
+
data-selector-id="box"
|
|
1664
|
+
data-test-id="boxComponent"
|
|
1665
|
+
>
|
|
1666
|
+
<div
|
|
1667
|
+
class="disable flex cover coldir both"
|
|
1668
|
+
data-id="AudioRange_download"
|
|
1669
|
+
data-selector-id="container"
|
|
1670
|
+
data-test-id="AudioRange_download"
|
|
1671
|
+
data-title="Download"
|
|
1672
|
+
>
|
|
1673
|
+
<i
|
|
1674
|
+
aria-hidden="true"
|
|
1675
|
+
class="zd_font_icons basic icon-download-new downloadIcon iconColor "
|
|
1676
|
+
data-id="fontIcon"
|
|
1677
|
+
data-selector-id="fontIcon"
|
|
1678
|
+
data-test-id="fontIcon"
|
|
1679
|
+
/>
|
|
1680
|
+
</div>
|
|
1681
|
+
</div>
|
|
1682
|
+
<div
|
|
1683
|
+
class="closeBox boxRightRadius shrinkOff"
|
|
1684
|
+
data-id="boxComponent"
|
|
1685
|
+
data-selector-id="box"
|
|
1686
|
+
data-test-id="boxComponent"
|
|
1687
|
+
>
|
|
1688
|
+
<div
|
|
1689
|
+
class="disable flex cover coldir both"
|
|
1690
|
+
data-id="AudioRange_close"
|
|
1691
|
+
data-selector-id="container"
|
|
1692
|
+
data-test-id="AudioRange_close"
|
|
1693
|
+
data-title="Close"
|
|
1694
|
+
>
|
|
1695
|
+
<i
|
|
1696
|
+
aria-hidden="true"
|
|
1697
|
+
class="zd_font_icons basic icon-cross pauseIcon iconColor "
|
|
1698
|
+
data-id="fontIcon"
|
|
1699
|
+
data-selector-id="fontIcon"
|
|
1700
|
+
data-test-id="fontIcon"
|
|
1701
|
+
/>
|
|
1702
|
+
</div>
|
|
1703
|
+
</div>
|
|
1704
|
+
</div>
|
|
1705
|
+
</div>
|
|
1706
|
+
</DocumentFragment>
|
|
1707
|
+
`;
|
|
1708
|
+
|
|
1709
|
+
exports[`AudioPlayer - Snapshot Render with tag attributes 1`] = `
|
|
1710
|
+
<DocumentFragment>
|
|
1711
|
+
<div
|
|
1712
|
+
class="flex coldir"
|
|
1713
|
+
data-id="AudioRange"
|
|
1714
|
+
data-selector-id="container"
|
|
1715
|
+
data-test-id="AudioRange"
|
|
1716
|
+
tabindex="0"
|
|
1717
|
+
>
|
|
1718
|
+
<div
|
|
1719
|
+
class="container flex rowdir vCenter"
|
|
1720
|
+
data-id="containerComponent"
|
|
1721
|
+
data-selector-id="container"
|
|
1722
|
+
data-test-id="containerComponent"
|
|
1723
|
+
>
|
|
1724
|
+
<audio
|
|
1725
|
+
class="audioHid"
|
|
1726
|
+
controls=""
|
|
1727
|
+
preload="auto"
|
|
1728
|
+
>
|
|
1729
|
+
<source
|
|
1730
|
+
src="https://ypvnxx00-a.akamaihd.net/downloads/ringtones/files/mp3/yuvanringtone-44640.mp3"
|
|
1731
|
+
type="audio/mpeg"
|
|
1732
|
+
/>
|
|
1733
|
+
</audio>
|
|
1734
|
+
<div
|
|
1735
|
+
class="rightBox downloadBox boxLeftRadius shrinkOff"
|
|
1736
|
+
data-id="boxComponent"
|
|
1737
|
+
data-selector-id="box"
|
|
1738
|
+
data-test-id="boxComponent"
|
|
1739
|
+
>
|
|
1740
|
+
<div
|
|
1741
|
+
class="disable flex cover coldir both"
|
|
1742
|
+
data-id="AudioRange_playpause"
|
|
1743
|
+
data-selector-id="container"
|
|
1744
|
+
data-test-id="AudioRange_playpause"
|
|
1745
|
+
data-title="Play"
|
|
1746
|
+
>
|
|
1747
|
+
<i
|
|
1748
|
+
aria-hidden="true"
|
|
1749
|
+
class="zd_font_icons basic icon-bcarr downloadIcon iconColor "
|
|
1750
|
+
data-id="fontIcon"
|
|
1751
|
+
data-selector-id="fontIcon"
|
|
1752
|
+
data-test-id="fontIcon"
|
|
1753
|
+
/>
|
|
1754
|
+
</div>
|
|
1755
|
+
</div>
|
|
1756
|
+
<div
|
|
1757
|
+
class="timerBox shrinkOff"
|
|
1758
|
+
data-id="boxComponent"
|
|
1759
|
+
data-selector-id="box"
|
|
1760
|
+
data-test-id="boxComponent"
|
|
1761
|
+
>
|
|
1762
|
+
<div
|
|
1763
|
+
class="flex cover rowdir vCenter"
|
|
1764
|
+
data-id="containerComponent"
|
|
1765
|
+
data-selector-id="container"
|
|
1766
|
+
data-test-id="containerComponent"
|
|
1767
|
+
>
|
|
1768
|
+
<div
|
|
1769
|
+
class="container flex cover rowdir"
|
|
1770
|
+
data-id="containerComponent"
|
|
1771
|
+
data-selector-id="container"
|
|
1772
|
+
data-test-id="containerComponent"
|
|
1773
|
+
>
|
|
1774
|
+
00:00:00
|
|
1775
|
+
</div>
|
|
1776
|
+
</div>
|
|
1777
|
+
</div>
|
|
1778
|
+
<div
|
|
1779
|
+
class="dragtag disable grow basis shrinkOff"
|
|
1780
|
+
data-id="boxComponent"
|
|
1781
|
+
data-selector-id="box"
|
|
1782
|
+
data-test-id="boxComponent"
|
|
1783
|
+
>
|
|
1784
|
+
<div
|
|
1785
|
+
class="audioRangeContainer flex cover coldir"
|
|
1786
|
+
data-id="containerComponent"
|
|
1787
|
+
data-selector-id="container"
|
|
1788
|
+
data-test-id="containerComponent"
|
|
1789
|
+
>
|
|
1790
|
+
<span
|
|
1791
|
+
class="loading"
|
|
1792
|
+
/>
|
|
1793
|
+
<input
|
|
1794
|
+
class="input"
|
|
1795
|
+
data-id="AudioRange"
|
|
1796
|
+
max="0"
|
|
1797
|
+
min="0"
|
|
1798
|
+
step="1"
|
|
1799
|
+
type="range"
|
|
1800
|
+
value="0"
|
|
1801
|
+
/>
|
|
1802
|
+
</div>
|
|
1803
|
+
</div>
|
|
1804
|
+
<div
|
|
1805
|
+
class="rightBox downloadBox shrinkOff"
|
|
1806
|
+
data-id="boxComponent"
|
|
1807
|
+
data-selector-id="box"
|
|
1808
|
+
data-test-id="boxComponent"
|
|
1809
|
+
>
|
|
1810
|
+
<div
|
|
1811
|
+
class="disable flex cover coldir both"
|
|
1812
|
+
data-id="AudioRange_download"
|
|
1813
|
+
data-selector-id="container"
|
|
1814
|
+
data-test-id="AudioRange_download"
|
|
1815
|
+
data-title="Download"
|
|
1816
|
+
>
|
|
1817
|
+
<i
|
|
1818
|
+
aria-hidden="true"
|
|
1819
|
+
class="zd_font_icons basic icon-download-new downloadIcon iconColor "
|
|
1820
|
+
data-id="fontIcon"
|
|
1821
|
+
data-selector-id="fontIcon"
|
|
1822
|
+
data-test-id="fontIcon"
|
|
1823
|
+
/>
|
|
1824
|
+
</div>
|
|
1825
|
+
</div>
|
|
1826
|
+
<div
|
|
1827
|
+
class="closeBox boxRightRadius shrinkOff"
|
|
1828
|
+
data-id="boxComponent"
|
|
1829
|
+
data-selector-id="box"
|
|
1830
|
+
data-test-id="boxComponent"
|
|
1831
|
+
>
|
|
1832
|
+
<div
|
|
1833
|
+
class="disable flex cover coldir both"
|
|
1834
|
+
data-id="AudioRange_close"
|
|
1835
|
+
data-selector-id="container"
|
|
1836
|
+
data-test-id="AudioRange_close"
|
|
1837
|
+
data-title="Close"
|
|
1838
|
+
>
|
|
1839
|
+
<i
|
|
1840
|
+
aria-hidden="true"
|
|
1841
|
+
class="zd_font_icons basic icon-cross pauseIcon iconColor "
|
|
1842
|
+
data-id="fontIcon"
|
|
1843
|
+
data-selector-id="fontIcon"
|
|
1844
|
+
data-test-id="fontIcon"
|
|
1845
|
+
/>
|
|
1846
|
+
</div>
|
|
1847
|
+
</div>
|
|
1848
|
+
</div>
|
|
1849
|
+
</div>
|
|
1850
|
+
</DocumentFragment>
|
|
1851
|
+
`;
|
|
1852
|
+
|
|
1853
|
+
exports[`AudioPlayer - Snapshot Render with timerFormat=ss:mm 1`] = `
|
|
4
1854
|
<DocumentFragment>
|
|
5
1855
|
<div
|
|
6
1856
|
class="flex coldir"
|