ant-design/components/layout/__tests__/__snapshots__/demo.test.js.snap
2017-02-24 17:43:40 +08:00

534 lines
12 KiB
Plaintext

exports[`test renders ./components/layout/demo/basic.md correctly 1`] = `
<div>
<div
class="ant-layout">
<div
class="ant-layout-header">
Header
</div>
<div
class="ant-layout-content">
Content
</div>
<div
class="ant-layout-footer">
Footer
</div>
</div>
<div
class="ant-layout">
<div
class="ant-layout-header">
Header
</div>
<div
class="ant-layout ant-layout-has-sider">
<div
class="ant-layout-sider"
style="flex:0 0 200px;width:200px;">
Sider
</div>
<div
class="ant-layout-content">
Content
</div>
</div>
<div
class="ant-layout-footer">
Footer
</div>
</div>
<div
class="ant-layout">
<div
class="ant-layout-header">
Header
</div>
<div
class="ant-layout ant-layout-has-sider">
<div
class="ant-layout-content">
Content
</div>
<div
class="ant-layout-sider"
style="flex:0 0 200px;width:200px;">
Sider
</div>
</div>
<div
class="ant-layout-footer">
Footer
</div>
</div>
<div
class="ant-layout ant-layout-has-sider">
<div
class="ant-layout-sider"
style="flex:0 0 200px;width:200px;">
Sider
</div>
<div
class="ant-layout">
<div
class="ant-layout-header">
Header
</div>
<div
class="ant-layout-content">
Content
</div>
<div
class="ant-layout-footer">
Footer
</div>
</div>
</div>
</div>
`;
exports[`test renders ./components/layout/demo/custom-trigger.md correctly 1`] = `
<div
class="ant-layout ant-layout-has-sider">
<div
class="ant-layout-sider"
style="flex:0 0 200px;width:200px;">
<div
class="logo" />
<ul
aria-activedescendant=""
class="ant-menu ant-menu-inline ant-menu-dark ant-menu-root"
role="menu"
tabindex="0">
<li
aria-selected="true"
class="ant-menu-item-selected ant-menu-item"
role="menuitem"
style="padding-left:24px;">
<i
class="anticon anticon-user" />
<span
class="nav-text">
nav 1
</span>
</li>
<li
aria-selected="false"
class="ant-menu-item"
role="menuitem"
style="padding-left:24px;">
<i
class="anticon anticon-video-camera" />
<span
class="nav-text">
nav 2
</span>
</li>
<li
aria-selected="false"
class="ant-menu-item"
role="menuitem"
style="padding-left:24px;">
<i
class="anticon anticon-upload" />
<span
class="nav-text">
nav 3
</span>
</li>
</ul>
</div>
<div
class="ant-layout">
<div
class="ant-layout-header"
style="background:#fff;padding:0;">
<i
class="anticon anticon-menu-fold trigger" />
</div>
<div
class="ant-layout-content"
style="margin:24px 16px;padding:24px;background:#fff;min-height:280px;">
Content
</div>
</div>
</div>
`;
exports[`test renders ./components/layout/demo/side.md correctly 1`] = `
<div
class="ant-layout ant-layout-has-sider">
<div
class="ant-layout-sider"
style="flex:0 0 200px;width:200px;">
<div
class="logo" />
<ul
aria-activedescendant=""
class="ant-menu ant-menu-inline ant-menu-dark ant-menu-root"
role="menu"
tabindex="0">
<li
class="ant-menu-submenu-inline ant-menu-submenu">
<div
aria-expanded="false"
aria-haspopup="true"
aria-owns="sub1$Menu"
class="ant-menu-submenu-title"
style="padding-left:24px;">
<span>
<i
class="anticon anticon-user" />
<span
class="nav-text">
User
</span>
</span>
</div>
</li>
<li
class="ant-menu-submenu-inline ant-menu-submenu">
<div
aria-expanded="false"
aria-haspopup="true"
aria-owns="sub2$Menu"
class="ant-menu-submenu-title"
style="padding-left:24px;">
<span>
<i
class="anticon anticon-team" />
<span
class="nav-text">
Team
</span>
</span>
</div>
</li>
<li
aria-selected="true"
class="ant-menu-item-selected ant-menu-item"
role="menuitem"
style="padding-left:24px;">
<span>
<i
class="anticon anticon-file" />
<span
class="nav-text">
File
</span>
</span>
</li>
</ul>
<div
class="ant-layout-sider-trigger">
<i
class="anticon anticon-left" />
</div>
</div>
<div
class="ant-layout">
<div
class="ant-layout-header"
style="background:#fff;padding:0;" />
<div
class="ant-layout-content"
style="margin:0 16px;">
<div
class="ant-breadcrumb"
style="margin:12px 0;">
<span>
<span
class="ant-breadcrumb-link">
User
</span>
<span
class="ant-breadcrumb-separator">
/
</span>
</span>
<span>
<span
class="ant-breadcrumb-link">
Bill
</span>
<span
class="ant-breadcrumb-separator">
/
</span>
</span>
</div>
<div
style="padding:24px;background:#fff;min-height:360px;">
Bill is a cat.
</div>
</div>
<div
class="ant-layout-footer"
style="text-align:center;">
Ant Design ©2016 Created by Ant UED
</div>
</div>
</div>
`;
exports[`test renders ./components/layout/demo/top.md correctly 1`] = `
<div
class="layout ant-layout">
<div
class="ant-layout-header">
<div
class="logo" />
<ul
aria-activedescendant=""
class="ant-menu ant-menu-horizontal ant-menu-dark ant-menu-root"
role="menu"
style="line-height:64px;"
tabindex="0">
<li
aria-selected="false"
class="ant-menu-item"
role="menuitem">
nav 1
</li>
<li
aria-selected="true"
class="ant-menu-item-selected ant-menu-item"
role="menuitem">
nav 2
</li>
<li
aria-selected="false"
class="ant-menu-item"
role="menuitem">
nav 3
</li>
</ul>
</div>
<div
class="ant-layout-content"
style="padding:0 50px;">
<div
class="ant-breadcrumb"
style="margin:12px 0;">
<span>
<span
class="ant-breadcrumb-link">
Home
</span>
<span
class="ant-breadcrumb-separator">
/
</span>
</span>
<span>
<span
class="ant-breadcrumb-link">
List
</span>
<span
class="ant-breadcrumb-separator">
/
</span>
</span>
<span>
<span
class="ant-breadcrumb-link">
App
</span>
<span
class="ant-breadcrumb-separator">
/
</span>
</span>
</div>
<div
style="background:#fff;padding:24px;min-height:280px;">
Content
</div>
</div>
<div
class="ant-layout-footer"
style="text-align:center;">
Ant Design ©2016 Created by Ant UED
</div>
</div>
`;
exports[`test renders ./components/layout/demo/top-side.md correctly 1`] = `
<div
class="ant-layout">
<div
class="header ant-layout-header">
<div
class="logo" />
<ul
aria-activedescendant=""
class="ant-menu ant-menu-horizontal ant-menu-dark ant-menu-root"
role="menu"
style="line-height:64px;"
tabindex="0">
<li
aria-selected="false"
class="ant-menu-item"
role="menuitem">
nav 1
</li>
<li
aria-selected="true"
class="ant-menu-item-selected ant-menu-item"
role="menuitem">
nav 2
</li>
<li
aria-selected="false"
class="ant-menu-item"
role="menuitem">
nav 3
</li>
</ul>
</div>
<div
class="ant-layout-content"
style="padding:0 50px;">
<div
class="ant-breadcrumb"
style="margin:12px 0;">
<span>
<span
class="ant-breadcrumb-link">
Home
</span>
<span
class="ant-breadcrumb-separator">
/
</span>
</span>
<span>
<span
class="ant-breadcrumb-link">
List
</span>
<span
class="ant-breadcrumb-separator">
/
</span>
</span>
<span>
<span
class="ant-breadcrumb-link">
App
</span>
<span
class="ant-breadcrumb-separator">
/
</span>
</span>
</div>
<div
class="ant-layout ant-layout-has-sider"
style="padding:24px 0;background:#fff;">
<div
class="ant-layout-sider"
style="background:#fff;flex:0 0 200px;width:200px;">
<ul
aria-activedescendant=""
class="ant-menu ant-menu-inline ant-menu-light ant-menu-root"
role="menu"
style="height:100%;"
tabindex="0">
<li
class="ant-menu-submenu-inline ant-menu-submenu-open ant-menu-submenu-selected ant-menu-submenu">
<div
aria-expanded="true"
aria-haspopup="true"
aria-owns="sub1$Menu"
class="ant-menu-submenu-title"
style="padding-left:24px;">
<span>
<i
class="anticon anticon-user" />
subnav 1
</span>
</div>
<ul
aria-activedescendant=""
class="ant-menu ant-menu-inline ant-menu-sub"
id="sub1$Menu"
role="menu">
<li
aria-selected="true"
class="ant-menu-item-selected ant-menu-item"
role="menuitem"
style="padding-left:48px;">
option1
</li>
<li
aria-selected="false"
class="ant-menu-item"
role="menuitem"
style="padding-left:48px;">
option2
</li>
<li
aria-selected="false"
class="ant-menu-item"
role="menuitem"
style="padding-left:48px;">
option3
</li>
<li
aria-selected="false"
class="ant-menu-item"
role="menuitem"
style="padding-left:48px;">
option4
</li>
</ul>
</li>
<li
class="ant-menu-submenu-inline ant-menu-submenu">
<div
aria-expanded="false"
aria-haspopup="true"
aria-owns="sub2$Menu"
class="ant-menu-submenu-title"
style="padding-left:24px;">
<span>
<i
class="anticon anticon-laptop" />
subnav 2
</span>
</div>
</li>
<li
class="ant-menu-submenu-inline ant-menu-submenu">
<div
aria-expanded="false"
aria-haspopup="true"
aria-owns="sub3$Menu"
class="ant-menu-submenu-title"
style="padding-left:24px;">
<span>
<i
class="anticon anticon-notification" />
subnav 3
</span>
</div>
</li>
</ul>
</div>
<div
class="ant-layout-content"
style="padding:0 24px;min-height:280px;">
Content
</div>
</div>
</div>
<div
class="ant-layout-footer"
style="text-align:center;">
Ant Design ©2016 Created by Ant UED
</div>
</div>
`;