You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
1343 lines
30 KiB
1343 lines
30 KiB
// Jest Snapshot v1, https://goo.gl/fbAQLP
|
|
|
|
exports[`renders ./components/tabs/demo/basic.md correctly 1`] = `
|
|
<div
|
|
class="ant-tabs ant-tabs-top ant-tabs-line"
|
|
>
|
|
<div
|
|
class="ant-tabs-bar"
|
|
role="tablist"
|
|
tabindex="0"
|
|
>
|
|
<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>
|
|
<div
|
|
class="ant-tabs-nav-wrap"
|
|
>
|
|
<div
|
|
class="ant-tabs-nav-scroll"
|
|
>
|
|
<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>
|
|
</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 Pane 1
|
|
</div>
|
|
<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>
|
|
</div>
|
|
`;
|
|
|
|
exports[`renders ./components/tabs/demo/card.md correctly 1`] = `
|
|
<div
|
|
class="ant-tabs ant-tabs-top ant-tabs-card ant-tabs-no-animation"
|
|
>
|
|
<div
|
|
class="ant-tabs-bar"
|
|
role="tablist"
|
|
tabindex="0"
|
|
>
|
|
<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>
|
|
<div
|
|
class="ant-tabs-nav-wrap"
|
|
>
|
|
<div
|
|
class="ant-tabs-nav-scroll"
|
|
>
|
|
<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>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div
|
|
class="ant-tabs-content ant-tabs-content-no-animated"
|
|
>
|
|
<div
|
|
aria-hidden="false"
|
|
class="ant-tabs-tabpane ant-tabs-tabpane-active"
|
|
role="tabpanel"
|
|
>
|
|
Content of Tab Pane 1
|
|
</div>
|
|
<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>
|
|
</div>
|
|
`;
|
|
|
|
exports[`renders ./components/tabs/demo/card-top.md correctly 1`] = `
|
|
<div
|
|
class="card-container"
|
|
>
|
|
<div
|
|
class="ant-tabs ant-tabs-top ant-tabs-card ant-tabs-no-animation"
|
|
>
|
|
<div
|
|
class="ant-tabs-bar"
|
|
role="tablist"
|
|
tabindex="0"
|
|
>
|
|
<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>
|
|
<div
|
|
class="ant-tabs-nav-wrap"
|
|
>
|
|
<div
|
|
class="ant-tabs-nav-scroll"
|
|
>
|
|
<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 Title 1
|
|
</div>
|
|
<div
|
|
aria-disabled="false"
|
|
aria-selected="false"
|
|
class=" ant-tabs-tab"
|
|
role="tab"
|
|
>
|
|
Tab Title 2
|
|
</div>
|
|
<div
|
|
aria-disabled="false"
|
|
aria-selected="false"
|
|
class=" ant-tabs-tab"
|
|
role="tab"
|
|
>
|
|
Tab Title 3
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div
|
|
class="ant-tabs-content ant-tabs-content-no-animated"
|
|
>
|
|
<div
|
|
aria-hidden="false"
|
|
class="ant-tabs-tabpane ant-tabs-tabpane-active"
|
|
role="tabpanel"
|
|
>
|
|
<p>
|
|
Content of Tab Pane 1
|
|
</p>
|
|
<p>
|
|
Content of Tab Pane 1
|
|
</p>
|
|
<p>
|
|
Content of Tab Pane 1
|
|
</p>
|
|
</div>
|
|
<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>
|
|
</div>
|
|
</div>
|
|
`;
|
|
|
|
exports[`renders ./components/tabs/demo/custom-add-trigger.md correctly 1`] = `
|
|
<div>
|
|
<div
|
|
style="margin-bottom:16px"
|
|
>
|
|
<button
|
|
class="ant-btn"
|
|
type="button"
|
|
>
|
|
<span>
|
|
ADD
|
|
</span>
|
|
</button>
|
|
</div>
|
|
<div
|
|
class="ant-tabs ant-tabs-top ant-tabs-card ant-tabs-editable-card ant-tabs-no-animation"
|
|
>
|
|
<div
|
|
class="ant-tabs-bar"
|
|
role="tablist"
|
|
tabindex="0"
|
|
>
|
|
<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>
|
|
<div
|
|
class="ant-tabs-nav-wrap"
|
|
>
|
|
<div
|
|
class="ant-tabs-nav-scroll"
|
|
>
|
|
<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"
|
|
>
|
|
<div>
|
|
Tab 1
|
|
<i
|
|
class="anticon anticon-close"
|
|
/>
|
|
</div>
|
|
</div>
|
|
<div
|
|
aria-disabled="false"
|
|
aria-selected="false"
|
|
class=" ant-tabs-tab"
|
|
role="tab"
|
|
>
|
|
<div>
|
|
Tab 2
|
|
<i
|
|
class="anticon anticon-close"
|
|
/>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div
|
|
class="ant-tabs-content ant-tabs-content-no-animated"
|
|
>
|
|
<div
|
|
aria-hidden="false"
|
|
class="ant-tabs-tabpane ant-tabs-tabpane-active"
|
|
role="tabpanel"
|
|
>
|
|
Content of Tab Pane 1
|
|
</div>
|
|
<div
|
|
aria-hidden="true"
|
|
class="ant-tabs-tabpane ant-tabs-tabpane-inactive"
|
|
role="tabpanel"
|
|
/>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
`;
|
|
|
|
exports[`renders ./components/tabs/demo/disabled.md correctly 1`] = `
|
|
<div
|
|
class="ant-tabs ant-tabs-top ant-tabs-line"
|
|
>
|
|
<div
|
|
class="ant-tabs-bar"
|
|
role="tablist"
|
|
tabindex="0"
|
|
>
|
|
<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>
|
|
<div
|
|
class="ant-tabs-nav-wrap"
|
|
>
|
|
<div
|
|
class="ant-tabs-nav-scroll"
|
|
>
|
|
<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="true"
|
|
aria-selected="false"
|
|
class=" ant-tabs-tab ant-tabs-tab-disabled"
|
|
role="tab"
|
|
>
|
|
Tab 2
|
|
</div>
|
|
<div
|
|
aria-disabled="false"
|
|
aria-selected="false"
|
|
class=" ant-tabs-tab"
|
|
role="tab"
|
|
>
|
|
Tab 3
|
|
</div>
|
|
</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"
|
|
>
|
|
Tab 1
|
|
</div>
|
|
<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>
|
|
</div>
|
|
`;
|
|
|
|
exports[`renders ./components/tabs/demo/editable-card.md correctly 1`] = `
|
|
<div
|
|
class="ant-tabs ant-tabs-top ant-tabs-card ant-tabs-editable-card ant-tabs-no-animation"
|
|
>
|
|
<div
|
|
class="ant-tabs-bar"
|
|
role="tablist"
|
|
tabindex="0"
|
|
>
|
|
<div
|
|
class="ant-tabs-extra-content"
|
|
style="float:right"
|
|
>
|
|
<span>
|
|
<i
|
|
class="anticon anticon-plus ant-tabs-new-tab"
|
|
/>
|
|
</span>
|
|
</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>
|
|
<div
|
|
class="ant-tabs-nav-wrap"
|
|
>
|
|
<div
|
|
class="ant-tabs-nav-scroll"
|
|
>
|
|
<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"
|
|
>
|
|
<div>
|
|
Tab 1
|
|
<i
|
|
class="anticon anticon-close"
|
|
/>
|
|
</div>
|
|
</div>
|
|
<div
|
|
aria-disabled="false"
|
|
aria-selected="false"
|
|
class=" ant-tabs-tab"
|
|
role="tab"
|
|
>
|
|
<div>
|
|
Tab 2
|
|
<i
|
|
class="anticon anticon-close"
|
|
/>
|
|
</div>
|
|
</div>
|
|
<div
|
|
aria-disabled="false"
|
|
aria-selected="false"
|
|
class=" ant-tabs-tab"
|
|
role="tab"
|
|
>
|
|
<div
|
|
class="ant-tabs-tab-unclosable"
|
|
>
|
|
Tab 3
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div
|
|
class="ant-tabs-content ant-tabs-content-no-animated"
|
|
>
|
|
<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"
|
|
role="tabpanel"
|
|
/>
|
|
<div
|
|
aria-hidden="true"
|
|
class="ant-tabs-tabpane ant-tabs-tabpane-inactive"
|
|
role="tabpanel"
|
|
/>
|
|
</div>
|
|
</div>
|
|
`;
|
|
|
|
exports[`renders ./components/tabs/demo/extra.md correctly 1`] = `
|
|
<div
|
|
class="ant-tabs ant-tabs-top ant-tabs-line"
|
|
>
|
|
<div
|
|
class="ant-tabs-bar"
|
|
role="tablist"
|
|
tabindex="0"
|
|
>
|
|
<div
|
|
class="ant-tabs-extra-content"
|
|
style="float:right"
|
|
>
|
|
<button
|
|
class="ant-btn"
|
|
type="button"
|
|
>
|
|
<span>
|
|
Extra Action
|
|
</span>
|
|
</button>
|
|
</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>
|
|
<div
|
|
class="ant-tabs-nav-wrap"
|
|
>
|
|
<div
|
|
class="ant-tabs-nav-scroll"
|
|
>
|
|
<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>
|
|
</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"
|
|
role="tabpanel"
|
|
/>
|
|
<div
|
|
aria-hidden="true"
|
|
class="ant-tabs-tabpane ant-tabs-tabpane-inactive"
|
|
role="tabpanel"
|
|
/>
|
|
</div>
|
|
</div>
|
|
`;
|
|
|
|
exports[`renders ./components/tabs/demo/icon.md correctly 1`] = `
|
|
<div
|
|
class="ant-tabs ant-tabs-top ant-tabs-line"
|
|
>
|
|
<div
|
|
class="ant-tabs-bar"
|
|
role="tablist"
|
|
tabindex="0"
|
|
>
|
|
<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>
|
|
<div
|
|
class="ant-tabs-nav-wrap"
|
|
>
|
|
<div
|
|
class="ant-tabs-nav-scroll"
|
|
>
|
|
<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="false"
|
|
class=" ant-tabs-tab"
|
|
role="tab"
|
|
>
|
|
<span>
|
|
<i
|
|
class="anticon anticon-apple"
|
|
/>
|
|
Tab 1
|
|
</span>
|
|
</div>
|
|
<div
|
|
aria-disabled="false"
|
|
aria-selected="true"
|
|
class="ant-tabs-tab-active ant-tabs-tab"
|
|
role="tab"
|
|
>
|
|
<span>
|
|
<i
|
|
class="anticon anticon-android"
|
|
/>
|
|
Tab 2
|
|
</span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div
|
|
class="ant-tabs-content ant-tabs-content-animated"
|
|
style="margin-left:-100%"
|
|
>
|
|
<div
|
|
aria-hidden="true"
|
|
class="ant-tabs-tabpane ant-tabs-tabpane-inactive"
|
|
role="tabpanel"
|
|
/>
|
|
<div
|
|
aria-hidden="false"
|
|
class="ant-tabs-tabpane ant-tabs-tabpane-active"
|
|
role="tabpanel"
|
|
>
|
|
Tab 2
|
|
</div>
|
|
</div>
|
|
</div>
|
|
`;
|
|
|
|
exports[`renders ./components/tabs/demo/position.md correctly 1`] = `
|
|
<div>
|
|
<div
|
|
style="margin-bottom:16px"
|
|
>
|
|
Tab position：
|
|
<div
|
|
class="ant-select ant-select-enabled"
|
|
>
|
|
<div
|
|
aria-autocomplete="list"
|
|
aria-expanded="false"
|
|
aria-haspopup="true"
|
|
class="ant-select-selection
|
|
ant-select-selection--single"
|
|
role="combobox"
|
|
tabindex="0"
|
|
>
|
|
<div
|
|
class="ant-select-selection__rendered"
|
|
>
|
|
<div
|
|
class="ant-select-selection-selected-value"
|
|
style="display:block;opacity:1"
|
|
title="top"
|
|
>
|
|
top
|
|
</div>
|
|
</div>
|
|
<span
|
|
class="ant-select-arrow"
|
|
style="user-select:none;-webkit-user-select:none"
|
|
unselectable="on"
|
|
>
|
|
<b />
|
|
</span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div
|
|
class="ant-tabs ant-tabs-top ant-tabs-line"
|
|
>
|
|
<div
|
|
class="ant-tabs-bar"
|
|
role="tablist"
|
|
tabindex="0"
|
|
>
|
|
<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>
|
|
<div
|
|
class="ant-tabs-nav-wrap"
|
|
>
|
|
<div
|
|
class="ant-tabs-nav-scroll"
|
|
>
|
|
<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>
|
|
</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"
|
|
role="tabpanel"
|
|
/>
|
|
<div
|
|
aria-hidden="true"
|
|
class="ant-tabs-tabpane ant-tabs-tabpane-inactive"
|
|
role="tabpanel"
|
|
/>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
`;
|
|
|
|
exports[`renders ./components/tabs/demo/size.md correctly 1`] = `
|
|
<div>
|
|
<div
|
|
class="ant-radio-group"
|
|
style="margin-bottom:16px"
|
|
>
|
|
<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"
|
|
value="small"
|
|
/>
|
|
<span
|
|
class="ant-radio-button-inner"
|
|
/>
|
|
</span>
|
|
<span>
|
|
Small
|
|
</span>
|
|
</label>
|
|
<label
|
|
class="ant-radio-button-wrapper"
|
|
>
|
|
<span
|
|
class="ant-radio-button"
|
|
>
|
|
<input
|
|
class="ant-radio-button-input"
|
|
type="radio"
|
|
value="default"
|
|
/>
|
|
<span
|
|
class="ant-radio-button-inner"
|
|
/>
|
|
</span>
|
|
<span>
|
|
Default
|
|
</span>
|
|
</label>
|
|
<label
|
|
class="ant-radio-button-wrapper"
|
|
>
|
|
<span
|
|
class="ant-radio-button"
|
|
>
|
|
<input
|
|
class="ant-radio-button-input"
|
|
type="radio"
|
|
value="large"
|
|
/>
|
|
<span
|
|
class="ant-radio-button-inner"
|
|
/>
|
|
</span>
|
|
<span>
|
|
Large
|
|
</span>
|
|
</label>
|
|
</div>
|
|
<div
|
|
class="ant-tabs ant-tabs-top ant-tabs-small ant-tabs-line"
|
|
>
|
|
<div
|
|
class="ant-tabs-bar"
|
|
role="tablist"
|
|
tabindex="0"
|
|
>
|
|
<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>
|
|
<div
|
|
class="ant-tabs-nav-wrap"
|
|
>
|
|
<div
|
|
class="ant-tabs-nav-scroll"
|
|
>
|
|
<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>
|
|
</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"
|
|
role="tabpanel"
|
|
/>
|
|
<div
|
|
aria-hidden="true"
|
|
class="ant-tabs-tabpane ant-tabs-tabpane-inactive"
|
|
role="tabpanel"
|
|
/>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
`;
|
|
|
|
exports[`renders ./components/tabs/demo/slide.md correctly 1`] = `
|
|
<div>
|
|
<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"
|
|
value="top"
|
|
/>
|
|
<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"
|
|
value="left"
|
|
/>
|
|
<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"
|
|
>
|
|
<div
|
|
class="ant-tabs-bar"
|
|
role="tablist"
|
|
tabindex="0"
|
|
>
|
|
<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>
|
|
<div
|
|
class="ant-tabs-nav-wrap"
|
|
>
|
|
<div
|
|
class="ant-tabs-nav-scroll"
|
|
>
|
|
<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>
|
|
<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>
|
|
</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"
|
|
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"
|
|
/>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
`;
|
|
|