ant-design/components/layout/__tests__/__snapshots__/demo.test.js.snap

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/responsive.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="false"
        class="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>
      <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 4
        </span>
      </li>
    </ul>
  </div>
  <div
    class="ant-layout">
    <div
      class="ant-layout-header"
      style="background:#fff;padding:0;" />
    <div
      class="ant-layout-content"
      style="margin:24px 16px 0;">
      <div
        style="padding:24px;background:#fff;min-height:360px;">
        content
      </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/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>
`;