github
/
ant-design-vue
mirror of https://github.com/vueComponent/ant-design-vue
1
0
Fork 0
Code Issues Projects Releases Wiki Activity
ant-design-vue/components/menu/__tests__/__snapshots__/demo.test.js.snap

235 lines
12 KiB
Plaintext
Raw Blame History

// Jest Snapshot v1, https://goo.gl/fbAQLP
exports[`renders ./components/menu/demo/horizontal.md correctly 1`] = `
<div>
<ul class="ant-menu ant-menu-horizontal ant-menu-root ant-menu-light" role="menu">
<li role="menuitem" class="ant-menu-item ant-menu-item-selected">
<i class="anticon anticon-mail"></i>Navigation One
</li>
<li role="menuitem" aria-disabled="true" class="ant-menu-item ant-menu-item-disabled">
<i class="anticon anticon-appstore"></i>Navigation Two
</li>
<li role="menuitem" class="ant-menu-submenu ant-menu-submenu-horizontal">
<div aria-haspopup="true" class="ant-menu-submenu-title"><span><i class="anticon anticon-setting"></i>Navigation Three - Submenu</span>
<i class="ant-menu-submenu-arrow"></i>
</div>
</li>
<li role="menuitem" class="ant-menu-item">
<a href="https://ant.design" target="_blank" rel="noopener noreferrer">Navigation Four - Link</a>
</li>
</ul>
</div>
`;
exports[`renders ./components/menu/demo/inline.md correctly 1`] = `
<div>
<ul class="ant-menu ant-menu-inline ant-menu-root ant-menu-light" role="menu" style="width: 256px;">
<li role="menuitem" class="ant-menu-submenu ant-menu-submenu-inline ant-menu-submenu-open ant-menu-submenu-selected">
<div aria-expanded="true" aria-owns="sub1$Menu" aria-haspopup="true" class="ant-menu-submenu-title" style="padding-left: 24px;"><span><i class="anticon anticon-mail"></i><span>Navigation One</span></span>
<i class="ant-menu-submenu-arrow"></i>
</div>
<ul class="ant-menu ant-menu-inline ant-menu-sub" role="menu">
<li class="ant-menu-item-group">
<div class="ant-menu-item-group-title">
<i class="anticon anticon-qq"></i><span>Item 1</span></div>
<ul class="ant-menu-item-group-list">
<li role="menuitem" class="ant-menu-item ant-menu-item-selected" style="padding-left: 48px;">Option 1</li>
<li role="menuitem" class="ant-menu-item" style="padding-left: 48px;">Option 2</li>
</ul>
</li>
<li class="ant-menu-item-group">
<div title="Item 2" class="ant-menu-item-group-title">Item 2</div>
<ul class="ant-menu-item-group-list">
<li role="menuitem" class="ant-menu-item" style="padding-left: 48px;">Option 3</li>
<li role="menuitem" class="ant-menu-item" style="padding-left: 48px;">Option 4</li>
</ul>
</li>
</ul>
</li>
<li role="menuitem" class="ant-menu-submenu ant-menu-submenu-inline">
<div aria-haspopup="true" class="ant-menu-submenu-title" style="padding-left: 24px;"><span><i class="anticon anticon-appstore"></i><span>Navigation Two</span></span>
<i class="ant-menu-submenu-arrow"></i>
</div>
<div></div>
</li>
<li role="menuitem" class="ant-menu-submenu ant-menu-submenu-inline">
<div aria-haspopup="true" class="ant-menu-submenu-title" style="padding-left: 24px;"><span><i class="anticon anticon-setting"></i><span>Navigation Three</span></span>
<i class="ant-menu-submenu-arrow"></i>
</div>
<div></div>
</li>
</ul>
</div>
`;
exports[`renders ./components/menu/demo/inline-collapsed.md correctly 1`] = `
<div style="width: 256px;">
<button type="button" class="ant-btn ant-btn-primary" style="margin-bottom: 16px;">
<i class="anticon anticon-menu-fold"></i>
</button>
<ul class="ant-menu ant-menu-inline ant-menu-root ant-menu-dark" role="menu">
<li role="menuitem" class="ant-menu-item ant-menu-item-selected" style="padding-left: 24px;">
<i class="anticon anticon-pie-chart"></i> <span>Option 1</span></li>
<li role="menuitem" class="ant-menu-item" style="padding-left: 24px;">
<i class="anticon anticon-desktop"></i> <span>Option 2</span></li>
<li role="menuitem" class="ant-menu-item" style="padding-left: 24px;">
<i class="anticon anticon-inbox"></i> <span>Option 3</span></li>
<li role="menuitem" class="ant-menu-submenu ant-menu-submenu-inline ant-menu-submenu-open">
<div aria-expanded="true" aria-owns="sub1$Menu" aria-haspopup="true" class="ant-menu-submenu-title" style="padding-left: 24px;"><span><i class="anticon anticon-mail"></i><span>Navigation One</span></span>
<i class="ant-menu-submenu-arrow"></i>
</div>
<ul class="ant-menu ant-menu-inline ant-menu-sub" role="menu">
<li role="menuitem" class="ant-menu-item" style="padding-left: 48px;">Option 5</li>
<li role="menuitem" class="ant-menu-item" style="padding-left: 48px;">Option 6</li>
<li role="menuitem" class="ant-menu-item" style="padding-left: 48px;">Option 7</li>
<li role="menuitem" class="ant-menu-item" style="padding-left: 48px;">Option 8</li>
</ul>
</li>
<li role="menuitem" class="ant-menu-submenu ant-menu-submenu-inline">
<div aria-haspopup="true" class="ant-menu-submenu-title" style="padding-left: 24px;"><span><i class="anticon anticon-appstore"></i><span>Navigation Two</span></span>
<i class="ant-menu-submenu-arrow"></i>
</div>
<div></div>
</li>
</ul>
</div>
`;
exports[`renders ./components/menu/demo/sider-current.md correctly 1`] = `
<div>
<ul class="ant-menu ant-menu-inline ant-menu-root ant-menu-light" role="menu" style="width: 256px;">
<li role="menuitem" class="ant-menu-submenu ant-menu-submenu-inline ant-menu-submenu-open">
<div aria-expanded="true" aria-owns="sub1$Menu" aria-haspopup="true" class="ant-menu-submenu-title" style="padding-left: 24px;"><span><i class="anticon anticon-mail"></i><span>Navigation One</span></span>
<i class="ant-menu-submenu-arrow"></i>
</div>
<ul class="ant-menu ant-menu-inline ant-menu-sub" role="menu">
<li role="menuitem" class="ant-menu-item" style="padding-left: 48px;">Option 1</li>
<li role="menuitem" class="ant-menu-item" style="padding-left: 48px;">Option 2</li>
<li role="menuitem" class="ant-menu-item" style="padding-left: 48px;">Option 3</li>
<li role="menuitem" class="ant-menu-item" style="padding-left: 48px;">Option 4</li>
</ul>
</li>
<li role="menuitem" class="ant-menu-submenu ant-menu-submenu-inline">
<div aria-haspopup="true" class="ant-menu-submenu-title" style="padding-left: 24px;"><span><i class="anticon anticon-appstore"></i><span>Navigation Two</span></span>
<i class="ant-menu-submenu-arrow"></i>
</div>
<div></div>
</li>
<li role="menuitem" class="ant-menu-submenu ant-menu-submenu-inline">
<div aria-haspopup="true" class="ant-menu-submenu-title" style="padding-left: 24px;"><span><i class="anticon anticon-setting"></i><span>Navigation Three</span></span>
<i class="ant-menu-submenu-arrow"></i>
</div>
<div></div>
</li>
</ul>
</div>
`;
exports[`renders ./components/menu/demo/switch-mode.md correctly 1`] = `
<div>
<label class="ant-checkbox-wrapper"><span class="ant-checkbox"><input type="checkbox" class="ant-checkbox-input" value=""><span class="ant-checkbox-inner"></span></span>
</label> Change Mode
<span classname="ant-divider" style="margin: 0px 1em;"></span>
<label class="ant-checkbox-wrapper"><span class="ant-checkbox"><input type="checkbox" class="ant-checkbox-input" value=""><span class="ant-checkbox-inner"></span></span>
</label> Change Theme
<br>
<br>
<ul class="ant-menu ant-menu-inline ant-menu-root ant-menu-light" role="menu" style="width: 256px;">
<li role="menuitem" class="ant-menu-item ant-menu-item-selected" style="padding-left: 24px;">
<i class="anticon anticon-mail"></i>
Navigation One
</li>
<li role="menuitem" class="ant-menu-item" style="padding-left: 24px;">
<i class="anticon anticon-calendar"></i>
Navigation Two
</li>
<li role="menuitem" class="ant-menu-submenu ant-menu-submenu-inline ant-menu-submenu-open">
<div aria-expanded="true" aria-owns="sub1$Menu" aria-haspopup="true" class="ant-menu-submenu-title" style="padding-left: 24px;"><span><i class="anticon anticon-appstore"></i><span>Navigation Three</span></span>
<i class="ant-menu-submenu-arrow"></i>
</div>
<ul class="ant-menu ant-menu-inline ant-menu-sub" role="menu">
<li role="menuitem" class="ant-menu-item" style="padding-left: 48px;">Option 3</li>
<li role="menuitem" class="ant-menu-item" style="padding-left: 48px;">Option 4</li>
<li role="menuitem" class="ant-menu-submenu ant-menu-submenu-inline">
<div aria-haspopup="true" title="Submenu" class="ant-menu-submenu-title" style="padding-left: 48px;">Submenu
<i class="ant-menu-submenu-arrow"></i>
</div>
<div></div>
</li>
</ul>
</li>
<li role="menuitem" class="ant-menu-submenu ant-menu-submenu-inline">
<div aria-haspopup="true" class="ant-menu-submenu-title" style="padding-left: 24px;"><span><i class="anticon anticon-setting"></i><span>Navigation Four</span></span>
<i class="ant-menu-submenu-arrow"></i>
</div>
<div></div>
</li>
</ul>
</div>
`;
exports[`renders ./components/menu/demo/theme.md correctly 1`] = `
<div>
<label class="ant-checkbox-wrapper"><span class="ant-checkbox"><input type="checkbox" class="ant-checkbox-input" value=""><span class="ant-checkbox-inner"></span></span>
</label> Change Theme
<br>
<br>
<ul class="ant-menu ant-menu-inline ant-menu-root ant-menu-dark" role="menu" style="width: 256px;">
<li role="menuitem" class="ant-menu-item ant-menu-item-selected" style="padding-left: 24px;">
<i class="anticon anticon-mail"></i>
Navigation One
</li>
<li role="menuitem" class="ant-menu-item" style="padding-left: 24px;">
<i class="anticon anticon-calendar"></i>
Navigation Two
</li>
<li role="menuitem" class="ant-menu-submenu ant-menu-submenu-inline ant-menu-submenu-open">
<div aria-expanded="true" aria-owns="sub1$Menu" aria-haspopup="true" class="ant-menu-submenu-title" style="padding-left: 24px;"><span><i class="anticon anticon-appstore"></i><span>Navigation Three</span></span>
<i class="ant-menu-submenu-arrow"></i>
</div>
<ul class="ant-menu ant-menu-inline ant-menu-sub" role="menu">
<li role="menuitem" class="ant-menu-item" style="padding-left: 48px;">Option 3</li>
<li role="menuitem" class="ant-menu-item" style="padding-left: 48px;">Option 4</li>
<li role="menuitem" class="ant-menu-submenu ant-menu-submenu-inline">
<div aria-haspopup="true" title="Submenu" class="ant-menu-submenu-title" style="padding-left: 48px;">Submenu
<i class="ant-menu-submenu-arrow"></i>
</div>
<div></div>
</li>
</ul>
</li>
<li role="menuitem" class="ant-menu-submenu ant-menu-submenu-inline">
<div aria-haspopup="true" class="ant-menu-submenu-title" style="padding-left: 24px;"><span><i class="anticon anticon-setting"></i><span>Navigation Four</span></span>
<i class="ant-menu-submenu-arrow"></i>
</div>
<div></div>
</li>
</ul>
</div>
`;
exports[`renders ./components/menu/demo/vertical.md correctly 1`] = `
<div>
<ul class="ant-menu ant-menu-vertical ant-menu-root ant-menu-light" role="menu" style="width: 256px;">
<li role="menuitem" class="ant-menu-item">
<i class="anticon anticon-mail"></i>
Navigation One
</li>
<li role="menuitem" class="ant-menu-item">
<i class="anticon anticon-calendar"></i>
Navigation Two
</li>
<li role="menuitem" class="ant-menu-submenu ant-menu-submenu-vertical">
<div aria-haspopup="true" class="ant-menu-submenu-title"><span><i class="anticon anticon-appstore"></i><span>Navigation Three</span></span>
<i class="ant-menu-submenu-arrow"></i>
</div>
</li>
<li role="menuitem" class="ant-menu-submenu ant-menu-submenu-vertical">
<div aria-haspopup="true" class="ant-menu-submenu-title"><span><i class="anticon anticon-setting"></i><span>Navigation Four</span></span>
<i class="ant-menu-submenu-arrow"></i>
</div>
</li>
</ul>
</div>
`;
Reference in New Issue View Git Blame Copy Permalink