Skip to content

Commit b051ac6

Browse files
tangjinzhoutangjinzhou
committed
test: update menu
1 parent a60df37 commit b051ac6

File tree

2 files changed

+200
-94
lines changed

2 files changed

+200
-94
lines changed

‎components/layout/__tests__/__snapshots__/demo.test.js.snap

Lines changed: 128 additions & 22 deletions
Original file line numberDiff line numberDiff line change
@@ -80,7 +80,8 @@ exports[`renders ./antdv-demo/docs/layout/demo/fixed.md correctly 1`] = `
8080
<li class="ant-menu-submenu ant-menu-submenu-horizontal ant-menu-overflowed-submenu" style="display: none;" role="menuitem">
8181
<!---->
8282
<!---->
83-
<!---->
83+
<!--teleport start-->
84+
<!--teleport end-->
8485
<div aria-expanded="false" aria-haspopup="true" class="ant-menu-submenu-title"><span>···</span><i class="ant-menu-submenu-arrow"></i></div>
8586
</li>
8687
<!---->
@@ -90,7 +91,8 @@ exports[`renders ./antdv-demo/docs/layout/demo/fixed.md correctly 1`] = `
9091
<li class="ant-menu-submenu ant-menu-submenu-horizontal ant-menu-overflowed-submenu" style="display: none;" role="menuitem">
9192
<!---->
9293
<!---->
93-
<!---->
94+
<!--teleport start-->
95+
<!--teleport end-->
9496
<div aria-expanded="false" aria-haspopup="true" class="ant-menu-submenu-title"><span>···</span><i class="ant-menu-submenu-arrow"></i></div>
9597
</li>
9698
<!---->
@@ -100,7 +102,8 @@ exports[`renders ./antdv-demo/docs/layout/demo/fixed.md correctly 1`] = `
100102
<li class="ant-menu-submenu ant-menu-submenu-horizontal ant-menu-overflowed-submenu" style="display: none;" role="menuitem">
101103
<!---->
102104
<!---->
103-
<!---->
105+
<!--teleport start-->
106+
<!--teleport end-->
104107
<div aria-expanded="false" aria-haspopup="true" class="ant-menu-submenu-title"><span>···</span><i class="ant-menu-submenu-arrow"></i></div>
105108
</li>
106109
<!---->
@@ -110,7 +113,8 @@ exports[`renders ./antdv-demo/docs/layout/demo/fixed.md correctly 1`] = `
110113
<li class="ant-menu-submenu ant-menu-submenu-horizontal ant-menu-overflowed-submenu" style="visibility: hidden; position: absolute; display: none;" role="menuitem">
111114
<!---->
112115
<!---->
113-
<!---->
116+
<!--teleport start-->
117+
<!--teleport end-->
114118
<div aria-expanded="false" aria-haspopup="true" class="ant-menu-submenu-title"><span>···</span><i class="ant-menu-submenu-arrow"></i></div>
115119
</li>
116120
</ul>
@@ -226,12 +230,34 @@ exports[`renders ./antdv-demo/docs/layout/demo/side.md correctly 1`] = `
226230
</li>
227231
<li class="ant-menu-submenu ant-menu-submenu-inline" role="menuitem">
228232
<div aria-expanded="false" aria-haspopup="true" style="padding-left: 24px;" class="ant-menu-submenu-title"><span><span role="img" aria-label="user" class="anticon anticon-user"><svg class="" data-icon="user" width="1em" height="1em" fill="currentColor" aria-hidden="true" viewBox="64 64 896 896" focusable="false"><path d="M858.5 763.6a374 374 0 00-80.6-119.5 375.63 375.63 0 00-119.5-80.6c-.4-.2-.8-.3-1.2-.5C719.5 518 760 444.7 760 362c0-137-111-248-248-248S264 225 264 362c0 82.7 40.5 156 102.8 201.1-.4.2-.8.3-1.2.5-44.8 18.9-85 46-119.5 80.6a375.63 375.63 0 00-80.6 119.5A371.7 371.7 0 00136 901.8a8 8 0 008 8.2h60c4.4 0 7.9-3.5 8-7.8 2-77.2 33-149.5 87.8-204.3 56.7-56.7 132-87.9 212.2-87.9s155.5 31.2 212.2 87.9C779 752.7 810 825 812 902.2c.1 4.4 3.6 7.8 8 7.8h60a8 8 0 008-8.2c-1-47.8-10.9-94.3-29.5-138.2zM512 534c-45.9 0-89.1-17.9-121.6-50.4S340 407.9 340 362c0-45.9 17.9-89.1 50.4-121.6S466.1 190 512 190s89.1 17.9 121.6 50.4S684 316.1 684 362c0 45.9-17.9 89.1-50.4 121.6S557.9 534 512 534z"></path></svg></span><span>User</span></span><i class="ant-menu-submenu-arrow"></i></div>
229-
<div></div>
233+
<ul role="menu" class="ant-menu-sub ant-menu ant-menu-inline" style="display: none;" id="sub1$Menu">
234+
<!---->
235+
<li role="menuitem" style="padding-left: 48px;" class="ant-menu-item">Tom
236+
<!---->
237+
</li>
238+
<!---->
239+
<li role="menuitem" style="padding-left: 48px;" class="ant-menu-item">Bill
240+
<!---->
241+
</li>
242+
<!---->
243+
<li role="menuitem" style="padding-left: 48px;" class="ant-menu-item">Alex
244+
<!---->
245+
</li>
246+
</ul>
230247
<!---->
231248
</li>
232249
<li class="ant-menu-submenu ant-menu-submenu-inline" role="menuitem">
233250
<div aria-expanded="false" aria-haspopup="true" style="padding-left: 24px;" class="ant-menu-submenu-title"><span><span role="img" aria-label="team" class="anticon anticon-team"><svg class="" data-icon="team" width="1em" height="1em" fill="currentColor" aria-hidden="true" viewBox="64 64 896 896" focusable="false"><path d="M824.2 699.9a301.55 301.55 0 00-86.4-60.4C783.1 602.8 812 546.8 812 484c0-110.8-92.4-201.7-203.2-200-109.1 1.7-197 90.6-197 200 0 62.8 29 118.8 74.2 155.5a300.95 300.95 0 00-86.4 60.4C345 754.6 314 826.8 312 903.8a8 8 0 008 8.2h56c4.3 0 7.9-3.4 8-7.7 1.9-58 25.4-112.3 66.7-153.5A226.62 226.62 0 01612 684c60.9 0 118.2 23.7 161.3 66.8C814.5 792 838 846.3 840 904.3c.1 4.3 3.7 7.7 8 7.7h56a8 8 0 008-8.2c-2-77-33-149.2-87.8-203.9zM612 612c-34.2 0-66.4-13.3-90.5-37.5a126.86 126.86 0 01-37.5-91.8c.3-32.8 13.4-64.5 36.3-88 24-24.6 56.1-38.3 90.4-38.7 33.9-.3 66.8 12.9 91 36.6 24.8 24.3 38.4 56.8 38.4 91.4 0 34.2-13.3 66.3-37.5 90.5A127.3 127.3 0 01612 612zM361.5 510.4c-.9-8.7-1.4-17.5-1.4-26.4 0-15.9 1.5-31.4 4.3-46.5.7-3.6-1.2-7.3-4.5-8.8-13.6-6.1-26.1-14.5-36.9-25.1a127.54 127.54 0 01-38.7-95.4c.9-32.1 13.8-62.6 36.3-85.6 24.7-25.3 57.9-39.1 93.2-38.7 31.9.3 62.7 12.6 86 34.4 7.9 7.4 14.7 15.6 20.4 24.4 2 3.1 5.9 4.4 9.3 3.2 17.6-6.1 36.2-10.4 55.3-12.4 5.6-.6 8.8-6.6 6.3-11.6-32.5-64.3-98.9-108.7-175.7-109.9-110.9-1.7-203.3 89.2-203.3 199.9 0 62.8 28.9 118.8 74.2 155.5-31.8 14.7-61.1 35-86.5 60.4-54.8 54.7-85.8 126.9-87.8 204a8 8 0 008 8.2h56.1c4.3 0 7.9-3.4 8-7.7 1.9-58 25.4-112.3 66.7-153.5 29.4-29.4 65.4-49.8 104.7-59.7 3.9-1 6.5-4.7 6-8.7z"></path></svg></span><span>Team</span></span><i class="ant-menu-submenu-arrow"></i></div>
234-
<div></div>
251+
<ul role="menu" class="ant-menu-sub ant-menu ant-menu-inline" style="display: none;" id="sub2$Menu">
252+
<!---->
253+
<li role="menuitem" style="padding-left: 48px;" class="ant-menu-item">Team 1
254+
<!---->
255+
</li>
256+
<!---->
257+
<li role="menuitem" style="padding-left: 48px;" class="ant-menu-item">Team 2
258+
<!---->
259+
</li>
260+
</ul>
235261
<!---->
236262
</li>
237263
<!---->
@@ -261,7 +287,8 @@ exports[`renders ./antdv-demo/docs/layout/demo/top.md correctly 1`] = `
261287
<li class="ant-menu-submenu ant-menu-submenu-horizontal ant-menu-overflowed-submenu" style="display: none;" role="menuitem">
262288
<!---->
263289
<!---->
264-
<!---->
290+
<!--teleport start-->
291+
<!--teleport end-->
265292
<div aria-expanded="false" aria-haspopup="true" class="ant-menu-submenu-title"><span>···</span><i class="ant-menu-submenu-arrow"></i></div>
266293
</li>
267294
<!---->
@@ -271,7 +298,8 @@ exports[`renders ./antdv-demo/docs/layout/demo/top.md correctly 1`] = `
271298
<li class="ant-menu-submenu ant-menu-submenu-horizontal ant-menu-overflowed-submenu" style="display: none;" role="menuitem">
272299
<!---->
273300
<!---->
274-
<!---->
301+
<!--teleport start-->
302+
<!--teleport end-->
275303
<div aria-expanded="false" aria-haspopup="true" class="ant-menu-submenu-title"><span>···</span><i class="ant-menu-submenu-arrow"></i></div>
276304
</li>
277305
<!---->
@@ -281,7 +309,8 @@ exports[`renders ./antdv-demo/docs/layout/demo/top.md correctly 1`] = `
281309
<li class="ant-menu-submenu ant-menu-submenu-horizontal ant-menu-overflowed-submenu" style="display: none;" role="menuitem">
282310
<!---->
283311
<!---->
284-
<!---->
312+
<!--teleport start-->
313+
<!--teleport end-->
285314
<div aria-expanded="false" aria-haspopup="true" class="ant-menu-submenu-title"><span>···</span><i class="ant-menu-submenu-arrow"></i></div>
286315
</li>
287316
<!---->
@@ -291,7 +320,8 @@ exports[`renders ./antdv-demo/docs/layout/demo/top.md correctly 1`] = `
291320
<li class="ant-menu-submenu ant-menu-submenu-horizontal ant-menu-overflowed-submenu" style="visibility: hidden; position: absolute; display: none;" role="menuitem">
292321
<!---->
293322
<!---->
294-
<!---->
323+
<!--teleport start-->
324+
<!--teleport end-->
295325
<div aria-expanded="false" aria-haspopup="true" class="ant-menu-submenu-title"><span>···</span><i class="ant-menu-submenu-arrow"></i></div>
296326
</li>
297327
</ul>
@@ -312,7 +342,8 @@ exports[`renders ./antdv-demo/docs/layout/demo/top-side.md correctly 1`] = `
312342
<li class="ant-menu-submenu ant-menu-submenu-horizontal ant-menu-overflowed-submenu" style="display: none;" role="menuitem">
313343
<!---->
314344
<!---->
315-
<!---->
345+
<!--teleport start-->
346+
<!--teleport end-->
316347
<div aria-expanded="false" aria-haspopup="true" class="ant-menu-submenu-title"><span>···</span><i class="ant-menu-submenu-arrow"></i></div>
317348
</li>
318349
<!---->
@@ -322,7 +353,8 @@ exports[`renders ./antdv-demo/docs/layout/demo/top-side.md correctly 1`] = `
322353
<li class="ant-menu-submenu ant-menu-submenu-horizontal ant-menu-overflowed-submenu" style="display: none;" role="menuitem">
323354
<!---->
324355
<!---->
325-
<!---->
356+
<!--teleport start-->
357+
<!--teleport end-->
326358
<div aria-expanded="false" aria-haspopup="true" class="ant-menu-submenu-title"><span>···</span><i class="ant-menu-submenu-arrow"></i></div>
327359
</li>
328360
<!---->
@@ -332,7 +364,8 @@ exports[`renders ./antdv-demo/docs/layout/demo/top-side.md correctly 1`] = `
332364
<li class="ant-menu-submenu ant-menu-submenu-horizontal ant-menu-overflowed-submenu" style="display: none;" role="menuitem">
333365
<!---->
334366
<!---->
335-
<!---->
367+
<!--teleport start-->
368+
<!--teleport end-->
336369
<div aria-expanded="false" aria-haspopup="true" class="ant-menu-submenu-title"><span>···</span><i class="ant-menu-submenu-arrow"></i></div>
337370
</li>
338371
<!---->
@@ -342,7 +375,8 @@ exports[`renders ./antdv-demo/docs/layout/demo/top-side.md correctly 1`] = `
342375
<li class="ant-menu-submenu ant-menu-submenu-horizontal ant-menu-overflowed-submenu" style="visibility: hidden; position: absolute; display: none;" role="menuitem">
343376
<!---->
344377
<!---->
345-
<!---->
378+
<!--teleport start-->
379+
<!--teleport end-->
346380
<div aria-expanded="false" aria-haspopup="true" class="ant-menu-submenu-title"><span>···</span><i class="ant-menu-submenu-arrow"></i></div>
347381
</li>
348382
</ul>
@@ -377,12 +411,46 @@ exports[`renders ./antdv-demo/docs/layout/demo/top-side.md correctly 1`] = `
377411
</li>
378412
<li class="ant-menu-submenu ant-menu-submenu-inline" role="menuitem">
379413
<div aria-expanded="false" aria-haspopup="true" style="padding-left: 24px;" class="ant-menu-submenu-title"><span><span role="img" aria-label="laptop" class="anticon anticon-laptop"><svg class="" data-icon="laptop" width="1em" height="1em" fill="currentColor" aria-hidden="true" viewBox="64 64 896 896" focusable="false"><path d="M956.9 845.1L896.4 632V168c0-17.7-14.3-32-32-32h-704c-17.7 0-32 14.3-32 32v464L67.9 845.1C60.4 866 75.8 888 98 888h828.8c22.2 0 37.6-22 30.1-42.9zM200.4 208h624v395h-624V208zm228.3 608l8.1-37h150.3l8.1 37H428.7zm224 0l-19.1-86.7c-.8-3.7-4.1-6.3-7.8-6.3H398.2c-3.8 0-7 2.6-7.8 6.3L371.3 816H151l42.3-149h638.2l42.3 149H652.7z"></path></svg></span>subnav 2</span><i class="ant-menu-submenu-arrow"></i></div>
380-
<div></div>
414+
<ul role="menu" class="ant-menu-sub ant-menu ant-menu-inline" style="display: none;" id="sub2$Menu">
415+
<!---->
416+
<li role="menuitem" style="padding-left: 48px;" class="ant-menu-item">option5
417+
<!---->
418+
</li>
419+
<!---->
420+
<li role="menuitem" style="padding-left: 48px;" class="ant-menu-item">option6
421+
<!---->
422+
</li>
423+
<!---->
424+
<li role="menuitem" style="padding-left: 48px;" class="ant-menu-item">option7
425+
<!---->
426+
</li>
427+
<!---->
428+
<li role="menuitem" style="padding-left: 48px;" class="ant-menu-item">option8
429+
<!---->
430+
</li>
431+
</ul>
381432
<!---->
382433
</li>
383434
<li class="ant-menu-submenu ant-menu-submenu-inline" role="menuitem">
384435
<div aria-expanded="false" aria-haspopup="true" style="padding-left: 24px;" class="ant-menu-submenu-title"><span><span role="img" aria-label="notification" class="anticon anticon-notification"><svg class="" data-icon="notification" width="1em" height="1em" fill="currentColor" aria-hidden="true" viewBox="64 64 896 896" focusable="false"><path d="M880 112c-3.8 0-7.7.7-11.6 2.3L292 345.9H128c-8.8 0-16 7.4-16 16.6v299c0 9.2 7.2 16.6 16 16.6h101.7c-3.7 11.6-5.7 23.9-5.7 36.4 0 65.9 53.8 119.5 120 119.5 55.4 0 102.1-37.6 115.9-88.4l408.6 164.2c3.9 1.5 7.8 2.3 11.6 2.3 16.9 0 32-14.2 32-33.2V145.2C912 126.2 897 112 880 112zM344 762.3c-26.5 0-48-21.4-48-47.8 0-11.2 3.9-21.9 11-30.4l84.9 34.1c-2 24.6-22.7 44.1-47.9 44.1zm496 58.4L318.8 611.3l-12.9-5.2H184V417.9h121.9l12.9-5.2L840 203.3v617.4z"></path></svg></span>subnav 3</span><i class="ant-menu-submenu-arrow"></i></div>
385-
<div></div>
436+
<ul role="menu" class="ant-menu-sub ant-menu ant-menu-inline" style="display: none;" id="sub3$Menu">
437+
<!---->
438+
<li role="menuitem" style="padding-left: 48px;" class="ant-menu-item">option9
439+
<!---->
440+
</li>
441+
<!---->
442+
<li role="menuitem" style="padding-left: 48px;" class="ant-menu-item">option10
443+
<!---->
444+
</li>
445+
<!---->
446+
<li role="menuitem" style="padding-left: 48px;" class="ant-menu-item">option11
447+
<!---->
448+
</li>
449+
<!---->
450+
<li role="menuitem" style="padding-left: 48px;" class="ant-menu-item">option12
451+
<!---->
452+
</li>
453+
</ul>
386454
<!---->
387455
</li>
388456
</ul>
@@ -404,7 +472,8 @@ exports[`renders ./antdv-demo/docs/layout/demo/top-side-2.md correctly 1`] = `
404472
<li class="ant-menu-submenu ant-menu-submenu-horizontal ant-menu-overflowed-submenu" style="display: none;" role="menuitem">
405473
<!---->
406474
<!---->
407-
<!---->
475+
<!--teleport start-->
476+
<!--teleport end-->
408477
<div aria-expanded="false" aria-haspopup="true" class="ant-menu-submenu-title"><span>···</span><i class="ant-menu-submenu-arrow"></i></div>
409478
</li>
410479
<!---->
@@ -414,7 +483,8 @@ exports[`renders ./antdv-demo/docs/layout/demo/top-side-2.md correctly 1`] = `
414483
<li class="ant-menu-submenu ant-menu-submenu-horizontal ant-menu-overflowed-submenu" style="display: none;" role="menuitem">
415484
<!---->
416485
<!---->
417-
<!---->
486+
<!--teleport start-->
487+
<!--teleport end-->
418488
<div aria-expanded="false" aria-haspopup="true" class="ant-menu-submenu-title"><span>···</span><i class="ant-menu-submenu-arrow"></i></div>
419489
</li>
420490
<!---->
@@ -424,7 +494,8 @@ exports[`renders ./antdv-demo/docs/layout/demo/top-side-2.md correctly 1`] = `
424494
<li class="ant-menu-submenu ant-menu-submenu-horizontal ant-menu-overflowed-submenu" style="display: none;" role="menuitem">
425495
<!---->
426496
<!---->
427-
<!---->
497+
<!--teleport start-->
498+
<!--teleport end-->
428499
<div aria-expanded="false" aria-haspopup="true" class="ant-menu-submenu-title"><span>···</span><i class="ant-menu-submenu-arrow"></i></div>
429500
</li>
430501
<!---->
@@ -434,7 +505,8 @@ exports[`renders ./antdv-demo/docs/layout/demo/top-side-2.md correctly 1`] = `
434505
<li class="ant-menu-submenu ant-menu-submenu-horizontal ant-menu-overflowed-submenu" style="visibility: hidden; position: absolute; display: none;" role="menuitem">
435506
<!---->
436507
<!---->
437-
<!---->
508+
<!--teleport start-->
509+
<!--teleport end-->
438510
<div aria-expanded="false" aria-haspopup="true" class="ant-menu-submenu-title"><span>···</span><i class="ant-menu-submenu-arrow"></i></div>
439511
</li>
440512
</ul>
@@ -467,12 +539,46 @@ exports[`renders ./antdv-demo/docs/layout/demo/top-side-2.md correctly 1`] = `
467539
</li>
468540
<li class="ant-menu-submenu ant-menu-submenu-inline" role="menuitem">
469541
<div aria-expanded="false" aria-haspopup="true" style="padding-left: 24px;" class="ant-menu-submenu-title"><span><span role="img" aria-label="laptop" class="anticon anticon-laptop"><svg class="" data-icon="laptop" width="1em" height="1em" fill="currentColor" aria-hidden="true" viewBox="64 64 896 896" focusable="false"><path d="M956.9 845.1L896.4 632V168c0-17.7-14.3-32-32-32h-704c-17.7 0-32 14.3-32 32v464L67.9 845.1C60.4 866 75.8 888 98 888h828.8c22.2 0 37.6-22 30.1-42.9zM200.4 208h624v395h-624V208zm228.3 608l8.1-37h150.3l8.1 37H428.7zm224 0l-19.1-86.7c-.8-3.7-4.1-6.3-7.8-6.3H398.2c-3.8 0-7 2.6-7.8 6.3L371.3 816H151l42.3-149h638.2l42.3 149H652.7z"></path></svg></span>subnav 2</span><i class="ant-menu-submenu-arrow"></i></div>
470-
<div></div>
542+
<ul role="menu" class="ant-menu-sub ant-menu ant-menu-inline" style="display: none;" id="sub2$Menu">
543+
<!---->
544+
<li role="menuitem" style="padding-left: 48px;" class="ant-menu-item">option5
545+
<!---->
546+
</li>
547+
<!---->
548+
<li role="menuitem" style="padding-left: 48px;" class="ant-menu-item">option6
549+
<!---->
550+
</li>
551+
<!---->
552+
<li role="menuitem" style="padding-left: 48px;" class="ant-menu-item">option7
553+
<!---->
554+
</li>
555+
<!---->
556+
<li role="menuitem" style="padding-left: 48px;" class="ant-menu-item">option8
557+
<!---->
558+
</li>
559+
</ul>
471560
<!---->
472561
</li>
473562
<li class="ant-menu-submenu ant-menu-submenu-inline" role="menuitem">
474563
<div aria-expanded="false" aria-haspopup="true" style="padding-left: 24px;" class="ant-menu-submenu-title"><span><span role="img" aria-label="notification" class="anticon anticon-notification"><svg class="" data-icon="notification" width="1em" height="1em" fill="currentColor" aria-hidden="true" viewBox="64 64 896 896" focusable="false"><path d="M880 112c-3.8 0-7.7.7-11.6 2.3L292 345.9H128c-8.8 0-16 7.4-16 16.6v299c0 9.2 7.2 16.6 16 16.6h101.7c-3.7 11.6-5.7 23.9-5.7 36.4 0 65.9 53.8 119.5 120 119.5 55.4 0 102.1-37.6 115.9-88.4l408.6 164.2c3.9 1.5 7.8 2.3 11.6 2.3 16.9 0 32-14.2 32-33.2V145.2C912 126.2 897 112 880 112zM344 762.3c-26.5 0-48-21.4-48-47.8 0-11.2 3.9-21.9 11-30.4l84.9 34.1c-2 24.6-22.7 44.1-47.9 44.1zm496 58.4L318.8 611.3l-12.9-5.2H184V417.9h121.9l12.9-5.2L840 203.3v617.4z"></path></svg></span>subnav 3</span><i class="ant-menu-submenu-arrow"></i></div>
475-
<div></div>
564+
<ul role="menu" class="ant-menu-sub ant-menu ant-menu-inline" style="display: none;" id="sub3$Menu">
565+
<!---->
566+
<li role="menuitem" style="padding-left: 48px;" class="ant-menu-item">option9
567+
<!---->
568+
</li>
569+
<!---->
570+
<li role="menuitem" style="padding-left: 48px;" class="ant-menu-item">option10
571+
<!---->
572+
</li>
573+
<!---->
574+
<li role="menuitem" style="padding-left: 48px;" class="ant-menu-item">option11
575+
<!---->
576+
</li>
577+
<!---->
578+
<li role="menuitem" style="padding-left: 48px;" class="ant-menu-item">option12
579+
<!---->
580+
</li>
581+
</ul>
476582
<!---->
477583
</li>
478584
</ul>

0 commit comments

Comments
 (0)