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

// Jest Snapshot v1, https://goo.gl/fbAQLP

exports[`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"
    >
      <div
        class="ant-layout-sider ant-layout-sider-dark"
        style="flex:0 0 200px;max-width:200px;min-width:200px;width:200px"
      >
        <div
          class="ant-layout-sider-children"
        >
          Sider
        </div>
      </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"
    >
      <div
        class="ant-layout-content"
      >
        Content
      </div>
      <div
        class="ant-layout-sider ant-layout-sider-dark"
        style="flex:0 0 200px;max-width:200px;min-width:200px;width:200px"
      >
        <div
          class="ant-layout-sider-children"
        >
          Sider
        </div>
      </div>
    </div>
    <div
      class="ant-layout-footer"
    >
      Footer
    </div>
  </div>
  <div
    class="ant-layout"
  >
    <div
      class="ant-layout-sider ant-layout-sider-dark"
      style="flex:0 0 200px;max-width:200px;min-width:200px;width:200px"
    >
      <div
        class="ant-layout-sider-children"
      >
        Sider
      </div>
    </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[`renders ./components/layout/demo/custom-trigger.md correctly 1`] = `
<div
  class="ant-layout"
>
  <div
    class="ant-layout-sider ant-layout-sider-dark"
    style="flex:0 0 200px;max-width:200px;min-width:200px;width:200px"
  >
    <div
      class="ant-layout-sider-children"
    >
      <div
        class="logo"
      />
      <ul
        class="ant-menu ant-menu-dark ant-menu-root ant-menu-inline"
        role="menu"
      >
        <li
          class="ant-menu-item ant-menu-item-selected"
          role="menuitem"
          style="padding-left:24px"
        >
          <i
            class="anticon anticon-user"
          />
          <span>
            nav 1
          </span>
        </li>
        <li
          class="ant-menu-item"
          role="menuitem"
          style="padding-left:24px"
        >
          <i
            class="anticon anticon-video-camera"
          />
          <span>
            nav 2
          </span>
        </li>
        <li
          class="ant-menu-item"
          role="menuitem"
          style="padding-left:24px"
        >
          <i
            class="anticon anticon-upload"
          />
          <span>
            nav 3
          </span>
        </li>
      </ul>
    </div>
  </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[`renders ./components/layout/demo/fixed.md correctly 1`] = `
<div
  class="ant-layout"
>
  <div
    class="ant-layout-header"
    style="position:fixed;z-index:1;width:100%"
  >
    <div
      class="logo"
    />
    <ul
      class="ant-menu ant-menu-dark ant-menu-root ant-menu-horizontal"
      role="menu"
      style="line-height:64px"
    >
      <li
        class="ant-menu-item"
        role="menuitem"
      >
        nav 1
      </li>
      <li
        class="ant-menu-item ant-menu-item-selected"
        role="menuitem"
      >
        nav 2
      </li>
      <li
        class="ant-menu-item"
        role="menuitem"
      >
        nav 3
      </li>
    </ul>
  </div>
  <div
    class="ant-layout-content"
    style="padding:0 50px;margin-top:64px"
  >
    <div
      class="ant-breadcrumb"
      style="margin:16px 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"
Jest 19 (#5361) * Upgeade to jest 19 * Use jest.spyOn 8 years ago			`// Jest Snapshot v1, https://goo.gl/fbAQLP`

			exports[`renders ./components/layout/demo/basic.md correctly 1`] = `
fix layout demo 8 years ago			`<div>`
			`<div`
Jest 19 (#5361) * Upgeade to jest 19 * Use jest.spyOn 8 years ago			`class="ant-layout"`
			`>`
fix layout demo 8 years ago			`<div`
Jest 19 (#5361) * Upgeade to jest 19 * Use jest.spyOn 8 years ago			`class="ant-layout-header"`
			`>`
fix layout demo 8 years ago			`Header`
			`</div>`
			`<div`
Jest 19 (#5361) * Upgeade to jest 19 * Use jest.spyOn 8 years ago			`class="ant-layout-content"`
			`>`
fix layout demo 8 years ago			`Content`
			`</div>`
			`<div`
Jest 19 (#5361) * Upgeade to jest 19 * Use jest.spyOn 8 years ago			`class="ant-layout-footer"`
			`>`
fix layout demo 8 years ago			`Footer`
			`</div>`
			`</div>`
			`<div`
Jest 19 (#5361) * Upgeade to jest 19 * Use jest.spyOn 8 years ago			`class="ant-layout"`
			`>`
fix layout demo 8 years ago			`<div`
Jest 19 (#5361) * Upgeade to jest 19 * Use jest.spyOn 8 years ago			`class="ant-layout-header"`
			`>`
fix layout demo 8 years ago			`Header`
			`</div>`
			`<div`
Add has sider test case, ref #8077 7 years ago			`class="ant-layout"`
Jest 19 (#5361) * Upgeade to jest 19 * Use jest.spyOn 8 years ago			`>`
fix layout demo 8 years ago			`<div`
Fix #10142: Add `theme` props to `Layout.Sider` (#10631) * Fix #10142: Add `theme` props to `Layout.Sider` * Update documentation of Layout.Sider for new theme props * Fix snapshot tests * Add unit test for sider theme 7 years ago			`class="ant-layout-sider ant-layout-sider-dark"`
React 16 + Enzyme 3 7 years ago			`style="flex:0 0 200px;max-width:200px;min-width:200px;width:200px"`
Jest 19 (#5361) * Upgeade to jest 19 * Use jest.spyOn 8 years ago			`>`
fix: should hide collapsed children, close: #6131 8 years ago			`<div`
			`class="ant-layout-sider-children"`
			`>`
			`Sider`
			`</div>`
fix layout demo 8 years ago			`</div>`
			`<div`
Jest 19 (#5361) * Upgeade to jest 19 * Use jest.spyOn 8 years ago			`class="ant-layout-content"`
			`>`
fix layout demo 8 years ago			`Content`
			`</div>`
			`</div>`
			`<div`
Jest 19 (#5361) * Upgeade to jest 19 * Use jest.spyOn 8 years ago			`class="ant-layout-footer"`
			`>`
fix layout demo 8 years ago			`Footer`
			`</div>`
			`</div>`
			`<div`
Jest 19 (#5361) * Upgeade to jest 19 * Use jest.spyOn 8 years ago			`class="ant-layout"`
			`>`
fix layout demo 8 years ago			`<div`
Jest 19 (#5361) * Upgeade to jest 19 * Use jest.spyOn 8 years ago			`class="ant-layout-header"`
			`>`
fix layout demo 8 years ago			`Header`
			`</div>`
			`<div`
Add has sider test case, ref #8077 7 years ago			`class="ant-layout"`
Jest 19 (#5361) * Upgeade to jest 19 * Use jest.spyOn 8 years ago			`>`
fix layout demo 8 years ago			`<div`
Jest 19 (#5361) * Upgeade to jest 19 * Use jest.spyOn 8 years ago			`class="ant-layout-content"`
			`>`
fix layout demo 8 years ago			`Content`
			`</div>`
			`<div`
Fix #10142: Add `theme` props to `Layout.Sider` (#10631) * Fix #10142: Add `theme` props to `Layout.Sider` * Update documentation of Layout.Sider for new theme props * Fix snapshot tests * Add unit test for sider theme 7 years ago			`class="ant-layout-sider ant-layout-sider-dark"`
React 16 + Enzyme 3 7 years ago			`style="flex:0 0 200px;max-width:200px;min-width:200px;width:200px"`
Jest 19 (#5361) * Upgeade to jest 19 * Use jest.spyOn 8 years ago			`>`
fix: should hide collapsed children, close: #6131 8 years ago			`<div`
			`class="ant-layout-sider-children"`
			`>`
			`Sider`
			`</div>`
fix layout demo 8 years ago			`</div>`
			`</div>`
			`<div`
Jest 19 (#5361) * Upgeade to jest 19 * Use jest.spyOn 8 years ago			`class="ant-layout-footer"`
			`>`
fix layout demo 8 years ago			`Footer`
			`</div>`
			`</div>`
			`<div`
Add has sider test case, ref #8077 7 years ago			`class="ant-layout"`
Jest 19 (#5361) * Upgeade to jest 19 * Use jest.spyOn 8 years ago			`>`
fix layout demo 8 years ago			`<div`
Fix #10142: Add `theme` props to `Layout.Sider` (#10631) * Fix #10142: Add `theme` props to `Layout.Sider` * Update documentation of Layout.Sider for new theme props * Fix snapshot tests * Add unit test for sider theme 7 years ago			`class="ant-layout-sider ant-layout-sider-dark"`
React 16 + Enzyme 3 7 years ago			`style="flex:0 0 200px;max-width:200px;min-width:200px;width:200px"`
Jest 19 (#5361) * Upgeade to jest 19 * Use jest.spyOn 8 years ago			`>`
fix: should hide collapsed children, close: #6131 8 years ago			`<div`
			`class="ant-layout-sider-children"`
			`>`
			`Sider`
			`</div>`
fix layout demo 8 years ago			`</div>`
			`<div`
Jest 19 (#5361) * Upgeade to jest 19 * Use jest.spyOn 8 years ago			`class="ant-layout"`
			`>`
fix layout demo 8 years ago			`<div`
Jest 19 (#5361) * Upgeade to jest 19 * Use jest.spyOn 8 years ago			`class="ant-layout-header"`
			`>`
fix layout demo 8 years ago			`Header`
			`</div>`
			`<div`
Jest 19 (#5361) * Upgeade to jest 19 * Use jest.spyOn 8 years ago			`class="ant-layout-content"`
			`>`
fix layout demo 8 years ago			`Content`
			`</div>`
			`<div`
Jest 19 (#5361) * Upgeade to jest 19 * Use jest.spyOn 8 years ago			`class="ant-layout-footer"`
			`>`
fix layout demo 8 years ago			`Footer`
			`</div>`
			`</div>`
			`</div>`
			`</div>`
			`;

Jest 19 (#5361) * Upgeade to jest 19 * Use jest.spyOn 8 years ago			exports[`renders ./components/layout/demo/custom-trigger.md correctly 1`] = `
Feature 2.6 (#4429) * new Layout Component (#4087) * change Anchor type * new Layout * Component update && add snap * Revert "new Layout Component" (#4131) * add Layout (#4169) * add Layout * update * fix snapshot * Improve layout component 1. update demo code 2. drop `position` of Sider 3. improve demo style 8 years ago			`<div`
Add has sider test case, ref #8077 7 years ago			`class="ant-layout"`
Jest 19 (#5361) * Upgeade to jest 19 * Use jest.spyOn 8 years ago			`>`
Feature 2.6 (#4429) * new Layout Component (#4087) * change Anchor type * new Layout * Component update && add snap * Revert "new Layout Component" (#4131) * add Layout (#4169) * add Layout * update * fix snapshot * Improve layout component 1. update demo code 2. drop `position` of Sider 3. improve demo style 8 years ago			`<div`
Fix #10142: Add `theme` props to `Layout.Sider` (#10631) * Fix #10142: Add `theme` props to `Layout.Sider` * Update documentation of Layout.Sider for new theme props * Fix snapshot tests * Add unit test for sider theme 7 years ago			`class="ant-layout-sider ant-layout-sider-dark"`
React 16 + Enzyme 3 7 years ago			`style="flex:0 0 200px;max-width:200px;min-width:200px;width:200px"`
Jest 19 (#5361) * Upgeade to jest 19 * Use jest.spyOn 8 years ago			`>`
Feature 2.6 (#4429) * new Layout Component (#4087) * change Anchor type * new Layout * Component update && add snap * Revert "new Layout Component" (#4131) * add Layout (#4169) * add Layout * update * fix snapshot * Improve layout component 1. update demo code 2. drop `position` of Sider 3. improve demo style 8 years ago			`<div`
fix: should hide collapsed children, close: #6131 8 years ago			`class="ant-layout-sider-children"`
Jest 19 (#5361) * Upgeade to jest 19 * Use jest.spyOn 8 years ago			`>`
fix: should hide collapsed children, close: #6131 8 years ago			`<div`
			`class="logo"`
			`/>`
			`<ul`
Update dependendies (#8150) * deps: upgrade rc-menu, and close: #2837 * test: update snapshots * Update rc-calendar * Update rc-cascader * Update rc-dialog * Update dropdown * Update rc-select@7.1.0 * Update rc-slider * Update rc-time-picker * Update rc-tooltip * Update rc-tree-select * Mock rc-trigger and Portal * Fix animation warning when inlineCollapsed changes * fix: should use SubMenu[popupClassName] * Fix typescript error * Fix lint * fix: style for menu * Mock rc-trigger for React 15 * Remvoe allow_failures 7 years ago			`class="ant-menu ant-menu-dark ant-menu-root ant-menu-inline"`
fix: should hide collapsed children, close: #6131 8 years ago			`role="menu"`
Jest 19 (#5361) * Upgeade to jest 19 * Use jest.spyOn 8 years ago			`>`
fix: should hide collapsed children, close: #6131 8 years ago			`<li`
Update dependendies (#8150) * deps: upgrade rc-menu, and close: #2837 * test: update snapshots * Update rc-calendar * Update rc-cascader * Update rc-dialog * Update dropdown * Update rc-select@7.1.0 * Update rc-slider * Update rc-time-picker * Update rc-tooltip * Update rc-tree-select * Mock rc-trigger and Portal * Fix animation warning when inlineCollapsed changes * fix: should use SubMenu[popupClassName] * Fix typescript error * Fix lint * fix: style for menu * Mock rc-trigger for React 15 * Remvoe allow_failures 7 years ago			`class="ant-menu-item ant-menu-item-selected"`
fix: should hide collapsed children, close: #6131 8 years ago			`role="menuitem"`
React 16 + Enzyme 3 7 years ago			`style="padding-left:24px"`
Jest 19 (#5361) * Upgeade to jest 19 * Use jest.spyOn 8 years ago			`>`
fix: should hide collapsed children, close: #6131 8 years ago			`<i`
			`class="anticon anticon-user"`
			`/>`
update snapshots 8 years ago			`<span>`
fix: should hide collapsed children, close: #6131 8 years ago			`nav 1`
			`</span>`
			`</li>`
			`<li`
			`class="ant-menu-item"`
			`role="menuitem"`
React 16 + Enzyme 3 7 years ago			`style="padding-left:24px"`
Jest 19 (#5361) * Upgeade to jest 19 * Use jest.spyOn 8 years ago			`>`
fix: should hide collapsed children, close: #6131 8 years ago			`<i`
			`class="anticon anticon-video-camera"`
			`/>`
update snapshots 8 years ago			`<span>`
fix: should hide collapsed children, close: #6131 8 years ago			`nav 2`
			`</span>`
			`</li>`
			`<li`
			`class="ant-menu-item"`
			`role="menuitem"`
React 16 + Enzyme 3 7 years ago			`style="padding-left:24px"`
Jest 19 (#5361) * Upgeade to jest 19 * Use jest.spyOn 8 years ago			`>`
fix: should hide collapsed children, close: #6131 8 years ago			`<i`
			`class="anticon anticon-upload"`
			`/>`
update snapshots 8 years ago			`<span>`
fix: should hide collapsed children, close: #6131 8 years ago			`nav 3`
			`</span>`
			`</li>`
			`</ul>`
			`</div>`
Feature 2.6 (#4429) * new Layout Component (#4087) * change Anchor type * new Layout * Component update && add snap * Revert "new Layout Component" (#4131) * add Layout (#4169) * add Layout * update * fix snapshot * Improve layout component 1. update demo code 2. drop `position` of Sider 3. improve demo style 8 years ago			`</div>`
			`<div`
Jest 19 (#5361) * Upgeade to jest 19 * Use jest.spyOn 8 years ago			`class="ant-layout"`
			`>`
Feature 2.6 (#4429) * new Layout Component (#4087) * change Anchor type * new Layout * Component update && add snap * Revert "new Layout Component" (#4131) * add Layout (#4169) * add Layout * update * fix snapshot * Improve layout component 1. update demo code 2. drop `position` of Sider 3. improve demo style 8 years ago			`<div`
fix layout demo 8 years ago			`class="ant-layout-header"`
React 16 + Enzyme 3 7 years ago			`style="background:#fff;padding:0"`
Jest 19 (#5361) * Upgeade to jest 19 * Use jest.spyOn 8 years ago			`>`
fix layout demo 8 years ago			`<i`
Jest 19 (#5361) * Upgeade to jest 19 * Use jest.spyOn 8 years ago			`class="anticon anticon-menu-fold trigger"`
			`/>`
Feature 2.6 (#4429) * new Layout Component (#4087) * change Anchor type * new Layout * Component update && add snap * Revert "new Layout Component" (#4131) * add Layout (#4169) * add Layout * update * fix snapshot * Improve layout component 1. update demo code 2. drop `position` of Sider 3. improve demo style 8 years ago			`</div>`
			`<div`
			`class="ant-layout-content"`
React 16 + Enzyme 3 7 years ago			`style="margin:24px 16px;padding:24px;background:#fff;min-height:280px"`
Jest 19 (#5361) * Upgeade to jest 19 * Use jest.spyOn 8 years ago			`>`
Feature 2.6 (#4429) * new Layout Component (#4087) * change Anchor type * new Layout * Component update && add snap * Revert "new Layout Component" (#4131) * add Layout (#4169) * add Layout * update * fix snapshot * Improve layout component 1. update demo code 2. drop `position` of Sider 3. improve demo style 8 years ago			`Content`
			`</div>`
			`</div>`
			`</div>`
			`;

Jest 19 (#5361) * Upgeade to jest 19 * Use jest.spyOn 8 years ago			exports[`renders ./components/layout/demo/fixed.md correctly 1`] = `
Merge branch 'feature-2.8' 8 years ago			`<div`
Jest 19 (#5361) * Upgeade to jest 19 * Use jest.spyOn 8 years ago			`class="ant-layout"`
			`>`
Merge branch 'feature-2.8' 8 years ago			`<div`
Improve Layout fixed demo 8 years ago			`class="ant-layout-header"`
update snapshot 7 years ago			`style="position:fixed;z-index:1;width:100%"`
Jest 19 (#5361) * Upgeade to jest 19 * Use jest.spyOn 8 years ago			`>`
Merge branch 'feature-2.8' 8 years ago			`<div`
Jest 19 (#5361) * Upgeade to jest 19 * Use jest.spyOn 8 years ago			`class="logo"`
			`/>`
Merge branch 'feature-2.8' 8 years ago			`<ul`
Update dependendies (#8150) * deps: upgrade rc-menu, and close: #2837 * test: update snapshots * Update rc-calendar * Update rc-cascader * Update rc-dialog * Update dropdown * Update rc-select@7.1.0 * Update rc-slider * Update rc-time-picker * Update rc-tooltip * Update rc-tree-select * Mock rc-trigger and Portal * Fix animation warning when inlineCollapsed changes * fix: should use SubMenu[popupClassName] * Fix typescript error * Fix lint * fix: style for menu * Mock rc-trigger for React 15 * Remvoe allow_failures 7 years ago			`class="ant-menu ant-menu-dark ant-menu-root ant-menu-horizontal"`
Merge branch 'feature-2.8' 8 years ago			`role="menu"`
React 16 + Enzyme 3 7 years ago			`style="line-height:64px"`
Jest 19 (#5361) * Upgeade to jest 19 * Use jest.spyOn 8 years ago			`>`
Merge branch 'feature-2.8' 8 years ago			`<li`
			`class="ant-menu-item"`
Jest 19 (#5361) * Upgeade to jest 19 * Use jest.spyOn 8 years ago			`role="menuitem"`
			`>`
Merge branch 'feature-2.8' 8 years ago			`nav 1`
			`</li>`
			`<li`
Update dependendies (#8150) * deps: upgrade rc-menu, and close: #2837 * test: update snapshots * Update rc-calendar * Update rc-cascader * Update rc-dialog * Update dropdown * Update rc-select@7.1.0 * Update rc-slider * Update rc-time-picker * Update rc-tooltip * Update rc-tree-select * Mock rc-trigger and Portal * Fix animation warning when inlineCollapsed changes * fix: should use SubMenu[popupClassName] * Fix typescript error * Fix lint * fix: style for menu * Mock rc-trigger for React 15 * Remvoe allow_failures 7 years ago			`class="ant-menu-item ant-menu-item-selected"`
Jest 19 (#5361) * Upgeade to jest 19 * Use jest.spyOn 8 years ago			`role="menuitem"`
			`>`
Merge branch 'feature-2.8' 8 years ago			`nav 2`
			`</li>`
			`<li`
			`class="ant-menu-item"`
Jest 19 (#5361) * Upgeade to jest 19 * Use jest.spyOn 8 years ago			`role="menuitem"`
			`>`
Merge branch 'feature-2.8' 8 years ago			`nav 3`
			`</li>`
			`</ul>`
			`</div>`
			`<div`
Improve Layout fixed demo 8 years ago			`class="ant-layout-content"`
React 16 + Enzyme 3 7 years ago			`style="padding:0 50px;margin-top:64px"`
Jest 19 (#5361) * Upgeade to jest 19 * Use jest.spyOn 8 years ago			`>`
Merge branch 'feature-2.8' 8 years ago			`<div`
			`class="ant-breadcrumb"`
Merge branch 'master' into antd-3.0 7 years ago			`style="margin:16px 0"`
Jest 19 (#5361) * Upgeade to jest 19 * Use jest.spyOn 8 years ago			`>`
Merge branch 'feature-2.8' 8 years ago			`<span>`
			`<span`
Jest 19 (#5361) * Upgeade to jest 19 * Use jest.spyOn 8 years ago			`class="ant-breadcrumb-link"`
			`>`
Merge branch 'feature-2.8' 8 years ago			`Home`
			`</span>`
			`<span`
Jest 19 (#5361) * Upgeade to jest 19 * Use jest.spyOn 8 years ago			`class="ant-breadcrumb-separator"`
			`>`
Merge branch 'feature-2.8' 8 years ago			`/`
			`</span>`
			`</span>`
			`<span>`
			`<span`
Jest 19 (#5361) * Upgeade to jest 19 * Use jest.spyOn 8 years ago			`class="ant-breadcrumb-link"`
			`>`
Merge branch 'feature-2.8' 8 years ago			`List`
			`</span>`
			`<span`
Jest 19 (#5361) * Upgeade to jest 19 * Use jest.spyOn 8 years ago			`class="ant-breadcrumb-separator"`