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

1264 lines
29 KiB
Plaintext
Raw Normal View History

// Jest Snapshot v1, https://goo.gl/fbAQLP
exports[`renders ./components/tabs/demo/basic.md correctly 1`] = `
2016-11-22 14:28:05 +08:00
<div
class="ant-tabs ant-tabs-top ant-tabs-line"
>
2016-11-22 14:28:05 +08:00
<div
class="ant-tabs-bar"
role="tablist"
tabindex="0"
>
2016-11-22 14:28:05 +08:00
<div
class="ant-tabs-nav-container"
>
<span
class="ant-tabs-tab-prev ant-tabs-tab-btn-disabled"
unselectable="unselectable"
>
<span
class="ant-tabs-tab-prev-icon"
/>
</span>
<span
class="ant-tabs-tab-next ant-tabs-tab-btn-disabled"
unselectable="unselectable"
>
<span
class="ant-tabs-tab-next-icon"
/>
</span>
2016-11-22 14:28:05 +08:00
<div
class="ant-tabs-nav-wrap"
>
2016-11-22 14:28:05 +08:00
<div
class="ant-tabs-nav-scroll"
>
2016-11-22 14:28:05 +08:00
<div
class="ant-tabs-nav ant-tabs-nav-animated"
>
2016-11-22 14:28:05 +08:00
<div
class="ant-tabs-ink-bar ant-tabs-ink-bar-animated"
/>
2016-11-22 14:28:05 +08:00
<div
aria-disabled="false"
aria-selected="true"
class="ant-tabs-tab-active ant-tabs-tab"
role="tab"
>
2016-11-22 14:28:05 +08:00
Tab 1
</div>
<div
aria-disabled="false"
aria-selected="false"
class=" ant-tabs-tab"
role="tab"
>
2016-11-22 14:28:05 +08:00
Tab 2
</div>
<div
aria-disabled="false"
aria-selected="false"
class=" ant-tabs-tab"
role="tab"
>
2016-11-22 14:28:05 +08:00
Tab 3
</div>
</div>
</div>
</div>
</div>
</div>
<div
class="ant-tabs-content ant-tabs-content-animated"
style="margin-left:0%;"
>
2016-11-22 14:28:05 +08:00
<div
aria-hidden="false"
class="ant-tabs-tabpane ant-tabs-tabpane-active"
role="tabpanel"
>
2016-11-22 14:28:05 +08:00
Content of Tab Pane 1
</div>
<div
aria-hidden="true"
class="ant-tabs-tabpane ant-tabs-tabpane-inactive"
role="tabpanel"
/>
2016-11-22 14:28:05 +08:00
<div
aria-hidden="true"
class="ant-tabs-tabpane ant-tabs-tabpane-inactive"
role="tabpanel"
/>
2016-11-22 14:28:05 +08:00
</div>
</div>
`;
exports[`renders ./components/tabs/demo/card.md correctly 1`] = `
2016-11-22 14:28:05 +08:00
<div
2017-08-11 22:14:16 +08:00
class="ant-tabs ant-tabs-top ant-tabs-card ant-tabs-no-animation"
2017-08-30 11:53:46 +08:00
type="card"
>
2016-11-22 14:28:05 +08:00
<div
class="ant-tabs-bar"
role="tablist"
tabindex="0"
>
2016-11-22 14:28:05 +08:00
<div
class="ant-tabs-nav-container"
>
<span
class="ant-tabs-tab-prev ant-tabs-tab-btn-disabled"
unselectable="unselectable"
>
<span
class="ant-tabs-tab-prev-icon"
/>
</span>
<span
class="ant-tabs-tab-next ant-tabs-tab-btn-disabled"
unselectable="unselectable"
>
<span
class="ant-tabs-tab-next-icon"
/>
</span>
2016-11-22 14:28:05 +08:00
<div
class="ant-tabs-nav-wrap"
>
2016-11-22 14:28:05 +08:00
<div
class="ant-tabs-nav-scroll"
>
2016-11-22 14:28:05 +08:00
<div
class="ant-tabs-nav ant-tabs-nav-animated"
>
2016-11-22 14:28:05 +08:00
<div
class="ant-tabs-ink-bar ant-tabs-ink-bar-animated"
/>
2016-11-22 14:28:05 +08:00
<div
aria-disabled="false"
aria-selected="true"
class="ant-tabs-tab-active ant-tabs-tab"
role="tab"
>
2016-11-22 14:28:05 +08:00
Tab 1
</div>
<div
aria-disabled="false"
aria-selected="false"
class=" ant-tabs-tab"
role="tab"
>
2016-11-22 14:28:05 +08:00
Tab 2
</div>
<div
aria-disabled="false"
aria-selected="false"
class=" ant-tabs-tab"
role="tab"
>
2016-11-22 14:28:05 +08:00
Tab 3
</div>
</div>
</div>
</div>
</div>
</div>
<div
2017-04-17 12:01:21 +08:00
class="ant-tabs-content ant-tabs-content-no-animated"
>
2016-11-22 14:28:05 +08:00
<div
aria-hidden="false"
class="ant-tabs-tabpane ant-tabs-tabpane-active"
role="tabpanel"
>
2016-11-22 14:28:05 +08:00
Content of Tab Pane 1
</div>
<div
aria-hidden="true"
class="ant-tabs-tabpane ant-tabs-tabpane-inactive"
role="tabpanel"
/>
2016-11-22 14:28:05 +08:00
<div
aria-hidden="true"
class="ant-tabs-tabpane ant-tabs-tabpane-inactive"
role="tabpanel"
/>
2016-11-22 14:28:05 +08:00
</div>
</div>
`;
exports[`renders ./components/tabs/demo/card-top.md correctly 1`] = `
2016-11-22 14:28:05 +08:00
<div
class="card-container"
>
2016-11-22 14:28:05 +08:00
<div
2017-08-11 22:14:16 +08:00
class="ant-tabs ant-tabs-top ant-tabs-card ant-tabs-no-animation"
2017-08-30 11:53:46 +08:00
type="card"
>
2016-11-22 14:28:05 +08:00
<div
class="ant-tabs-bar"
role="tablist"
tabindex="0"
>
2016-11-22 14:28:05 +08:00
<div
class="ant-tabs-nav-container"
>
<span
class="ant-tabs-tab-prev ant-tabs-tab-btn-disabled"
unselectable="unselectable"
>
<span
class="ant-tabs-tab-prev-icon"
/>
</span>
<span
class="ant-tabs-tab-next ant-tabs-tab-btn-disabled"
unselectable="unselectable"
>
<span
class="ant-tabs-tab-next-icon"
/>
</span>
2016-11-22 14:28:05 +08:00
<div
class="ant-tabs-nav-wrap"
>
2016-11-22 14:28:05 +08:00
<div
class="ant-tabs-nav-scroll"
>
2016-11-22 14:28:05 +08:00
<div
class="ant-tabs-nav ant-tabs-nav-animated"
>
2016-11-22 14:28:05 +08:00
<div
class="ant-tabs-ink-bar ant-tabs-ink-bar-animated"
/>
2016-11-22 14:28:05 +08:00
<div
aria-disabled="false"
aria-selected="true"
class="ant-tabs-tab-active ant-tabs-tab"
role="tab"
>
2017-06-26 20:33:13 +08:00
Tab Title 1
2016-11-22 14:28:05 +08:00
</div>
<div
aria-disabled="false"
aria-selected="false"
class=" ant-tabs-tab"
role="tab"
>
2017-06-26 20:33:13 +08:00
Tab Title 2
2016-11-22 14:28:05 +08:00
</div>
<div
aria-disabled="false"
aria-selected="false"
class=" ant-tabs-tab"
role="tab"
>
2017-06-26 20:33:13 +08:00
Tab Title 3
2016-11-22 14:28:05 +08:00
</div>
</div>
</div>
</div>
</div>
</div>
<div
2017-04-17 12:01:21 +08:00
class="ant-tabs-content ant-tabs-content-no-animated"
>
2016-11-22 14:28:05 +08:00
<div
aria-hidden="false"
class="ant-tabs-tabpane ant-tabs-tabpane-active"
role="tabpanel"
>
2017-06-26 20:33:13 +08:00
<p>
Content of Tab Pane 1
</p>
<p>
Content of Tab Pane 1
</p>
<p>
Content of Tab Pane 1
</p>
2016-11-22 14:28:05 +08:00
</div>
<div
aria-hidden="true"
class="ant-tabs-tabpane ant-tabs-tabpane-inactive"
role="tabpanel"
/>
2016-11-22 14:28:05 +08:00
<div
aria-hidden="true"
class="ant-tabs-tabpane ant-tabs-tabpane-inactive"
role="tabpanel"
/>
2016-11-22 14:28:05 +08:00
</div>
</div>
</div>
`;
exports[`renders ./components/tabs/demo/custom-add-trigger.md correctly 1`] = `
2016-11-22 14:28:05 +08:00
<div>
<div
style="margin-bottom:16px;"
>
2016-11-22 14:28:05 +08:00
<button
2017-02-04 22:35:33 +08:00
class="ant-btn"
type="button"
>
2016-11-22 14:28:05 +08:00
<span>
ADD
</span>
</button>
</div>
<div
2017-08-11 22:14:16 +08:00
class="ant-tabs ant-tabs-top ant-tabs-card ant-tabs-editable-card ant-tabs-no-animation"
2017-08-30 11:53:46 +08:00
type="editable-card"
>
2016-11-22 14:28:05 +08:00
<div
class="ant-tabs-bar"
role="tablist"
tabindex="0"
>
2016-11-22 14:28:05 +08:00
<div
class="ant-tabs-nav-container"
>
<span
class="ant-tabs-tab-prev ant-tabs-tab-btn-disabled"
unselectable="unselectable"
>
<span
class="ant-tabs-tab-prev-icon"
/>
</span>
<span
class="ant-tabs-tab-next ant-tabs-tab-btn-disabled"
unselectable="unselectable"
>
<span
class="ant-tabs-tab-next-icon"
/>
</span>
2016-11-22 14:28:05 +08:00
<div
class="ant-tabs-nav-wrap"
>
2016-11-22 14:28:05 +08:00
<div
class="ant-tabs-nav-scroll"
>
2016-11-22 14:28:05 +08:00
<div
class="ant-tabs-nav ant-tabs-nav-animated"
>
2016-11-22 14:28:05 +08:00
<div
class="ant-tabs-ink-bar ant-tabs-ink-bar-animated"
/>
2016-11-22 14:28:05 +08:00
<div
aria-disabled="false"
aria-selected="true"
class="ant-tabs-tab-active ant-tabs-tab"
role="tab"
>
2016-11-22 14:28:05 +08:00
<div>
Tab 1
<i
class="anticon anticon-close"
/>
2016-11-22 14:28:05 +08:00
</div>
</div>
<div
aria-disabled="false"
aria-selected="false"
class=" ant-tabs-tab"
role="tab"
>
2016-11-22 14:28:05 +08:00
<div>
Tab 2
<i
class="anticon anticon-close"
/>
2016-11-22 14:28:05 +08:00
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div
2017-04-17 12:01:21 +08:00
class="ant-tabs-content ant-tabs-content-no-animated"
>
2016-11-22 14:28:05 +08:00
<div
aria-hidden="false"
class="ant-tabs-tabpane ant-tabs-tabpane-active"
role="tabpanel"
>
2016-11-22 14:28:05 +08:00
Content of Tab Pane 1
</div>
<div
aria-hidden="true"
class="ant-tabs-tabpane ant-tabs-tabpane-inactive"
role="tabpanel"
/>
2016-11-22 14:28:05 +08:00
</div>
</div>
</div>
`;
exports[`renders ./components/tabs/demo/disabled.md correctly 1`] = `
2016-11-22 14:28:05 +08:00
<div
class="ant-tabs ant-tabs-top ant-tabs-line"
>
2016-11-22 14:28:05 +08:00
<div
class="ant-tabs-bar"
role="tablist"
tabindex="0"
>
2016-11-22 14:28:05 +08:00
<div
class="ant-tabs-nav-container"
>
<span
class="ant-tabs-tab-prev ant-tabs-tab-btn-disabled"
unselectable="unselectable"
>
<span
class="ant-tabs-tab-prev-icon"
/>
</span>
<span
class="ant-tabs-tab-next ant-tabs-tab-btn-disabled"
unselectable="unselectable"
>
<span
class="ant-tabs-tab-next-icon"
/>
</span>
2016-11-22 14:28:05 +08:00
<div
class="ant-tabs-nav-wrap"
>
2016-11-22 14:28:05 +08:00
<div
class="ant-tabs-nav-scroll"
>
2016-11-22 14:28:05 +08:00
<div
class="ant-tabs-nav ant-tabs-nav-animated"
>
2016-11-22 14:28:05 +08:00
<div
class="ant-tabs-ink-bar ant-tabs-ink-bar-animated"
/>
2016-11-22 14:28:05 +08:00
<div
aria-disabled="false"
aria-selected="true"
class="ant-tabs-tab-active ant-tabs-tab"
role="tab"
>
2016-11-22 14:28:05 +08:00
Tab 1
</div>
<div
aria-disabled="true"
aria-selected="false"
class=" ant-tabs-tab ant-tabs-tab-disabled"
role="tab"
>
2016-11-22 14:28:05 +08:00
Tab 2
</div>
<div
aria-disabled="false"
aria-selected="false"
class=" ant-tabs-tab"
role="tab"
>
2016-11-22 14:28:05 +08:00
Tab 3
</div>
</div>
</div>
</div>
</div>
</div>
<div
class="ant-tabs-content ant-tabs-content-animated"
style="margin-left:0%;"
>
2016-11-22 14:28:05 +08:00
<div
aria-hidden="false"
class="ant-tabs-tabpane ant-tabs-tabpane-active"
role="tabpanel"
>
2016-11-22 14:28:05 +08:00
Tab 1
</div>
<div
aria-hidden="true"
class="ant-tabs-tabpane ant-tabs-tabpane-inactive"
2017-08-30 11:53:46 +08:00
disabled=""
role="tabpanel"
/>
2016-11-22 14:28:05 +08:00
<div
aria-hidden="true"
class="ant-tabs-tabpane ant-tabs-tabpane-inactive"
role="tabpanel"
/>
2016-11-22 14:28:05 +08:00
</div>
</div>
`;
exports[`renders ./components/tabs/demo/editable-card.md correctly 1`] = `
2016-11-22 14:28:05 +08:00
<div
2017-08-11 22:14:16 +08:00
class="ant-tabs ant-tabs-top ant-tabs-card ant-tabs-editable-card ant-tabs-no-animation"
2017-08-30 11:53:46 +08:00
type="editable-card"
>
2016-11-22 14:28:05 +08:00
<div
class="ant-tabs-bar"
role="tablist"
tabindex="0"
>
2016-11-22 14:28:05 +08:00
<div
class="ant-tabs-extra-content"
style="float:right;"
>
<span>
<i
class="anticon anticon-plus ant-tabs-new-tab"
/>
</span>
2016-11-22 14:28:05 +08:00
</div>
<div
class="ant-tabs-nav-container"
>
<span
class="ant-tabs-tab-prev ant-tabs-tab-btn-disabled"
unselectable="unselectable"
>
<span
class="ant-tabs-tab-prev-icon"
/>
</span>
<span
class="ant-tabs-tab-next ant-tabs-tab-btn-disabled"
unselectable="unselectable"
>
<span
class="ant-tabs-tab-next-icon"
/>
</span>
2016-11-22 14:28:05 +08:00
<div
class="ant-tabs-nav-wrap"
>
2016-11-22 14:28:05 +08:00
<div
class="ant-tabs-nav-scroll"
>
2016-11-22 14:28:05 +08:00
<div
class="ant-tabs-nav ant-tabs-nav-animated"
>
2016-11-22 14:28:05 +08:00
<div
class="ant-tabs-ink-bar ant-tabs-ink-bar-animated"
/>
2016-11-22 14:28:05 +08:00
<div
aria-disabled="false"
aria-selected="true"
class="ant-tabs-tab-active ant-tabs-tab"
role="tab"
>
<div
class="ant-tabs-tab-unclosable"
>
2016-11-22 14:28:05 +08:00
Tab 1
</div>
</div>
<div
aria-disabled="false"
aria-selected="false"
class=" ant-tabs-tab"
role="tab"
>
2016-11-22 14:28:05 +08:00
<div>
Tab 2
<i
class="anticon anticon-close"
/>
2016-11-22 14:28:05 +08:00
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div
2017-04-17 12:01:21 +08:00
class="ant-tabs-content ant-tabs-content-no-animated"
>
2016-11-22 14:28:05 +08:00
<div
aria-hidden="false"
class="ant-tabs-tabpane ant-tabs-tabpane-active"
role="tabpanel"
>
2016-11-22 14:28:05 +08:00
Content of Tab 1
</div>
<div
aria-hidden="true"
class="ant-tabs-tabpane ant-tabs-tabpane-inactive"
role="tabpanel"
/>
2016-11-22 14:28:05 +08:00
</div>
</div>
`;
exports[`renders ./components/tabs/demo/extra.md correctly 1`] = `
2016-11-22 14:28:05 +08:00
<div
class="ant-tabs ant-tabs-top ant-tabs-line"
>
2016-11-22 14:28:05 +08:00
<div
class="ant-tabs-bar"
role="tablist"
tabindex="0"
>
2016-11-22 14:28:05 +08:00
<div
class="ant-tabs-extra-content"
style="float:right;"
>
<button
class="ant-btn"
type="button"
>
<span>
Extra Action
</span>
</button>
2016-11-22 14:28:05 +08:00
</div>
<div
class="ant-tabs-nav-container"
>
<span
class="ant-tabs-tab-prev ant-tabs-tab-btn-disabled"
unselectable="unselectable"
>
<span
class="ant-tabs-tab-prev-icon"
/>
</span>
<span
class="ant-tabs-tab-next ant-tabs-tab-btn-disabled"
unselectable="unselectable"
>
<span
class="ant-tabs-tab-next-icon"
/>
</span>
2016-11-22 14:28:05 +08:00
<div
class="ant-tabs-nav-wrap"
>
2016-11-22 14:28:05 +08:00
<div
class="ant-tabs-nav-scroll"
>
2016-11-22 14:28:05 +08:00
<div
class="ant-tabs-nav ant-tabs-nav-animated"
>
2016-11-22 14:28:05 +08:00
<div
class="ant-tabs-ink-bar ant-tabs-ink-bar-animated"
/>
2016-11-22 14:28:05 +08:00
<div
aria-disabled="false"
aria-selected="true"
class="ant-tabs-tab-active ant-tabs-tab"
role="tab"
>
2016-11-22 14:28:05 +08:00
Tab 1
</div>
<div
aria-disabled="false"
aria-selected="false"
class=" ant-tabs-tab"
role="tab"
>
2016-11-22 14:28:05 +08:00
Tab 2
</div>
<div
aria-disabled="false"
aria-selected="false"
class=" ant-tabs-tab"
role="tab"
>
2016-11-22 14:28:05 +08:00
Tab 3
</div>
</div>
</div>
</div>
</div>
</div>
<div
class="ant-tabs-content ant-tabs-content-animated"
style="margin-left:0%;"
>
2016-11-22 14:28:05 +08:00
<div
aria-hidden="false"
class="ant-tabs-tabpane ant-tabs-tabpane-active"
role="tabpanel"
>
2016-11-22 14:28:05 +08:00
Content of tab 1
</div>
<div
aria-hidden="true"
class="ant-tabs-tabpane ant-tabs-tabpane-inactive"
role="tabpanel"
/>
2016-11-22 14:28:05 +08:00
<div
aria-hidden="true"
class="ant-tabs-tabpane ant-tabs-tabpane-inactive"
role="tabpanel"
/>
2016-11-22 14:28:05 +08:00
</div>
</div>
`;
exports[`renders ./components/tabs/demo/icon.md correctly 1`] = `
2016-11-22 14:28:05 +08:00
<div
class="ant-tabs ant-tabs-top ant-tabs-line"
>
2016-11-22 14:28:05 +08:00
<div
class="ant-tabs-bar"
role="tablist"
tabindex="0"
>
2016-11-22 14:28:05 +08:00
<div
class="ant-tabs-nav-container"
>
<span
class="ant-tabs-tab-prev ant-tabs-tab-btn-disabled"
unselectable="unselectable"
>
<span
class="ant-tabs-tab-prev-icon"
/>
</span>
<span
class="ant-tabs-tab-next ant-tabs-tab-btn-disabled"
unselectable="unselectable"
>
<span
class="ant-tabs-tab-next-icon"
/>
</span>
2016-11-22 14:28:05 +08:00
<div
class="ant-tabs-nav-wrap"
>
2016-11-22 14:28:05 +08:00
<div
class="ant-tabs-nav-scroll"
>
2016-11-22 14:28:05 +08:00
<div
class="ant-tabs-nav ant-tabs-nav-animated"
>
2016-11-22 14:28:05 +08:00
<div
class="ant-tabs-ink-bar ant-tabs-ink-bar-animated"
/>
2016-11-22 14:28:05 +08:00
<div
aria-disabled="false"
aria-selected="false"
class=" ant-tabs-tab"
role="tab"
>
2016-11-22 14:28:05 +08:00
<span>
<i
class="anticon anticon-apple"
/>
2016-11-22 14:28:05 +08:00
Tab 1
</span>
</div>
<div
aria-disabled="false"
aria-selected="true"
class="ant-tabs-tab-active ant-tabs-tab"
role="tab"
>
2016-11-22 14:28:05 +08:00
<span>
<i
class="anticon anticon-android"
/>
2016-11-22 14:28:05 +08:00
Tab 2
</span>
</div>
</div>
</div>
</div>
</div>
</div>
<div
class="ant-tabs-content ant-tabs-content-animated"
style="margin-left:-100%;"
>
2016-11-22 14:28:05 +08:00
<div
aria-hidden="true"
class="ant-tabs-tabpane ant-tabs-tabpane-inactive"
role="tabpanel"
/>
2016-11-22 14:28:05 +08:00
<div
aria-hidden="false"
class="ant-tabs-tabpane ant-tabs-tabpane-active"
role="tabpanel"
>
2016-11-22 14:28:05 +08:00
Tab 2
</div>
</div>
</div>
`;
exports[`renders ./components/tabs/demo/position.md correctly 1`] = `
2016-11-22 14:28:05 +08:00
<div>
<div
style="margin-bottom:16px;"
>
2016-11-22 14:28:05 +08:00
Tab position
<div
class="ant-select ant-select-enabled"
>
2016-11-22 14:28:05 +08:00
<div
aria-autocomplete="list"
aria-expanded="false"
aria-haspopup="true"
class="ant-select-selection
ant-select-selection--single"
role="combobox"
tabindex="0"
>
2016-11-22 14:28:05 +08:00
<div
class="ant-select-selection__rendered"
>
2016-11-22 14:28:05 +08:00
<div
class="ant-select-selection-selected-value"
style="display:block;opacity:1;"
title="top"
>
2016-11-22 14:28:05 +08:00
top
</div>
</div>
<span
class="ant-select-arrow"
style="user-select:none;-webkit-user-select:none;"
unselectable="unselectable"
>
2016-11-22 14:28:05 +08:00
<b />
</span>
</div>
</div>
</div>
<div
class="ant-tabs ant-tabs-top ant-tabs-line"
>
2016-11-22 14:28:05 +08:00
<div
class="ant-tabs-bar"
role="tablist"
tabindex="0"
>
2016-11-22 14:28:05 +08:00
<div
class="ant-tabs-nav-container"
>
<span
class="ant-tabs-tab-prev ant-tabs-tab-btn-disabled"
unselectable="unselectable"
>
<span
class="ant-tabs-tab-prev-icon"
/>
</span>
<span
class="ant-tabs-tab-next ant-tabs-tab-btn-disabled"
unselectable="unselectable"
>
<span
class="ant-tabs-tab-next-icon"
/>
</span>
2016-11-22 14:28:05 +08:00
<div
class="ant-tabs-nav-wrap"
>
2016-11-22 14:28:05 +08:00
<div
class="ant-tabs-nav-scroll"
>
2016-11-22 14:28:05 +08:00
<div
class="ant-tabs-nav ant-tabs-nav-animated"
>
2016-11-22 14:28:05 +08:00
<div
class="ant-tabs-ink-bar ant-tabs-ink-bar-animated"
/>
2016-11-22 14:28:05 +08:00
<div
aria-disabled="false"
aria-selected="true"
class="ant-tabs-tab-active ant-tabs-tab"
role="tab"
>
2016-11-22 14:28:05 +08:00
Tab 1
</div>
<div
aria-disabled="false"
aria-selected="false"
class=" ant-tabs-tab"
role="tab"
>
2016-11-22 14:28:05 +08:00
Tab 2
</div>
<div
aria-disabled="false"
aria-selected="false"
class=" ant-tabs-tab"
role="tab"
>
2016-11-22 14:28:05 +08:00
Tab 3
</div>
</div>
</div>
</div>
</div>
</div>
<div
class="ant-tabs-content ant-tabs-content-animated"
style="margin-left:0%;"
>
2016-11-22 14:28:05 +08:00
<div
aria-hidden="false"
class="ant-tabs-tabpane ant-tabs-tabpane-active"
role="tabpanel"
>
2016-11-22 14:28:05 +08:00
Content of Tab 1
</div>
<div
aria-hidden="true"
class="ant-tabs-tabpane ant-tabs-tabpane-inactive"
role="tabpanel"
/>
2016-11-22 14:28:05 +08:00
<div
aria-hidden="true"
class="ant-tabs-tabpane ant-tabs-tabpane-inactive"
role="tabpanel"
/>
2016-11-22 14:28:05 +08:00
</div>
</div>
</div>
`;
exports[`renders ./components/tabs/demo/size.md correctly 1`] = `
2016-11-22 14:28:05 +08:00
<div
class="ant-tabs ant-tabs-top ant-tabs-mini ant-tabs-line"
>
2016-11-22 14:28:05 +08:00
<div
class="ant-tabs-bar"
role="tablist"
tabindex="0"
>
2016-11-22 14:28:05 +08:00
<div
class="ant-tabs-nav-container"
>
<span
class="ant-tabs-tab-prev ant-tabs-tab-btn-disabled"
unselectable="unselectable"
>
<span
class="ant-tabs-tab-prev-icon"
/>
</span>
<span
class="ant-tabs-tab-next ant-tabs-tab-btn-disabled"
unselectable="unselectable"
>
<span
class="ant-tabs-tab-next-icon"
/>
</span>
2016-11-22 14:28:05 +08:00
<div
class="ant-tabs-nav-wrap"
>
2016-11-22 14:28:05 +08:00
<div
class="ant-tabs-nav-scroll"
>
2016-11-22 14:28:05 +08:00
<div
class="ant-tabs-nav ant-tabs-nav-animated"
>
2016-11-22 14:28:05 +08:00
<div
class="ant-tabs-ink-bar ant-tabs-ink-bar-animated"
/>
2016-11-22 14:28:05 +08:00
<div
aria-disabled="false"
aria-selected="false"
class=" ant-tabs-tab"
role="tab"
>
2016-11-22 14:28:05 +08:00
Tab 1
</div>
<div
aria-disabled="false"
aria-selected="true"
class="ant-tabs-tab-active ant-tabs-tab"
role="tab"
>
2016-11-22 14:28:05 +08:00
Tab 2
</div>
<div
aria-disabled="false"
aria-selected="false"
class=" ant-tabs-tab"
role="tab"
>
2016-11-22 14:28:05 +08:00
Tab 3
</div>
</div>
</div>
</div>
</div>
</div>
<div
class="ant-tabs-content ant-tabs-content-animated"
style="margin-left:-100%;"
>
2016-11-22 14:28:05 +08:00
<div
aria-hidden="true"
class="ant-tabs-tabpane ant-tabs-tabpane-inactive"
role="tabpanel"
/>
2016-11-22 14:28:05 +08:00
<div
aria-hidden="false"
class="ant-tabs-tabpane ant-tabs-tabpane-active"
role="tabpanel"
>
2016-11-22 14:28:05 +08:00
Content of tab 2
</div>
<div
aria-hidden="true"
class="ant-tabs-tabpane ant-tabs-tabpane-inactive"
role="tabpanel"
/>
2016-11-22 14:28:05 +08:00
</div>
</div>
`;
exports[`renders ./components/tabs/demo/slide.md correctly 1`] = `
<div>
2016-11-22 14:28:05 +08:00
<div
class="ant-radio-group"
style="margin-bottom:8px;"
>
<label
class="ant-radio-button-wrapper ant-radio-button-wrapper-checked"
>
<span
class="ant-radio-button ant-radio-button-checked"
>
<input
checked=""
class="ant-radio-button-input"
type="radio"
/>
<span
class="ant-radio-button-inner"
/>
</span>
<span>
Horizontal
</span>
</label>
<label
class="ant-radio-button-wrapper"
>
<span
class="ant-radio-button"
>
<input
class="ant-radio-button-input"
type="radio"
/>
<span
class="ant-radio-button-inner"
/>
</span>
<span>
Vertical
</span>
</label>
</div>
<div
class="ant-tabs ant-tabs-top ant-tabs-line"
style="height:220px;"
>
2016-11-22 14:28:05 +08:00
<div
class="ant-tabs-bar"
role="tablist"
tabindex="0"
>
2016-11-22 14:28:05 +08:00
<div
class="ant-tabs-nav-container"
>
<span
class="ant-tabs-tab-prev ant-tabs-tab-btn-disabled"
unselectable="unselectable"
>
<span
class="ant-tabs-tab-prev-icon"
/>
</span>
<span
class="ant-tabs-tab-next ant-tabs-tab-btn-disabled"
unselectable="unselectable"
>
<span
class="ant-tabs-tab-next-icon"
/>
</span>
2016-11-22 14:28:05 +08:00
<div
class="ant-tabs-nav-wrap"
>
2016-11-22 14:28:05 +08:00
<div
class="ant-tabs-nav-scroll"
>
2016-11-22 14:28:05 +08:00
<div
class="ant-tabs-nav ant-tabs-nav-animated"
>
<div
class="ant-tabs-ink-bar ant-tabs-ink-bar-animated"
/>
<div
aria-disabled="false"
aria-selected="true"
class="ant-tabs-tab-active ant-tabs-tab"
role="tab"
>
Tab 1
</div>
<div
aria-disabled="false"
aria-selected="false"
class=" ant-tabs-tab"
role="tab"
>
Tab 2
</div>
<div
aria-disabled="false"
aria-selected="false"
class=" ant-tabs-tab"
role="tab"
>
Tab 3
</div>
<div
aria-disabled="false"
aria-selected="false"
class=" ant-tabs-tab"
role="tab"
>
Tab 4
</div>
<div
aria-disabled="false"
aria-selected="false"
class=" ant-tabs-tab"
role="tab"
>
Tab 5
</div>
<div
aria-disabled="false"
aria-selected="false"
class=" ant-tabs-tab"
role="tab"
>
Tab 6
</div>
<div
aria-disabled="false"
aria-selected="false"
class=" ant-tabs-tab"
role="tab"
>
Tab 7
</div>
<div
aria-disabled="false"
aria-selected="false"
class=" ant-tabs-tab"
role="tab"
>
Tab 8
</div>
<div
aria-disabled="false"
aria-selected="false"
class=" ant-tabs-tab"
role="tab"
>
Tab 9
</div>
2017-06-26 20:33:13 +08:00
<div
aria-disabled="false"
aria-selected="false"
class=" ant-tabs-tab"
role="tab"
>
Tab 10
</div>
<div
aria-disabled="false"
aria-selected="false"
class=" ant-tabs-tab"
role="tab"
>
Tab 11
</div>
2016-11-22 14:28:05 +08:00
</div>
</div>
</div>
</div>
</div>
<div
class="ant-tabs-content ant-tabs-content-animated"
style="margin-left:0%;"
>
<div
aria-hidden="false"
class="ant-tabs-tabpane ant-tabs-tabpane-active"
role="tabpanel"
>
Content of tab 1
</div>
<div
aria-hidden="true"
class="ant-tabs-tabpane ant-tabs-tabpane-inactive"
2017-06-26 20:33:13 +08:00
role="tabpanel"
/>
<div
aria-hidden="true"
class="ant-tabs-tabpane ant-tabs-tabpane-inactive"
role="tabpanel"
/>
<div
aria-hidden="true"
class="ant-tabs-tabpane ant-tabs-tabpane-inactive"
role="tabpanel"
/>
<div
aria-hidden="true"
class="ant-tabs-tabpane ant-tabs-tabpane-inactive"
role="tabpanel"
/>
<div
aria-hidden="true"
class="ant-tabs-tabpane ant-tabs-tabpane-inactive"
role="tabpanel"
/>
<div
aria-hidden="true"
class="ant-tabs-tabpane ant-tabs-tabpane-inactive"
role="tabpanel"
/>
<div
aria-hidden="true"
class="ant-tabs-tabpane ant-tabs-tabpane-inactive"
role="tabpanel"
/>
<div
aria-hidden="true"
class="ant-tabs-tabpane ant-tabs-tabpane-inactive"
role="tabpanel"
/>
<div
aria-hidden="true"
class="ant-tabs-tabpane ant-tabs-tabpane-inactive"
role="tabpanel"
/>
<div
aria-hidden="true"
class="ant-tabs-tabpane ant-tabs-tabpane-inactive"
role="tabpanel"
/>
2016-11-22 14:28:05 +08:00
</div>
</div>
</div>
`;