test/ant-design
1
0
Fork 0
mirror of https://gitee.com/ant-design/ant-design.git synced 2024-12-04 13:08:41 +08:00
Code Issues Actions 100 Packages Projects Releases Wiki Activity
0ed66cf20b
ant-design/components/tabs/__tests__/__snapshots__/demo.test.js.snap

831 lines
21 KiB
Plaintext
Raw Normal View History

Check in snapshots
2016-11-22 14:28:05 +08:00
exports[`test 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">
<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"
Update snapshots for tabs
2016-12-07 11:53:14 +08:00
style="margin-left:0%;">
Check in snapshots
2016-11-22 14:28:05 +08:00
<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[`test renders ./components/tabs/demo/card.md correctly 1`] = `
<div
class="ant-tabs ant-tabs-top ant-tabs-card">
<div
class="ant-tabs-bar"
role="tablist"
tabindex="0">
<div
class="ant-tabs-nav-container">
<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"
Update snapshots for tabs
2016-12-07 11:53:14 +08:00
style="margin-left:0%;">
Check in snapshots
2016-11-22 14:28:05 +08:00
<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[`test renders ./components/tabs/demo/card-top.md correctly 1`] = `
<div
class="card-container">
<div
class="ant-tabs ant-tabs-top ant-tabs-card">
<div
class="ant-tabs-bar"
role="tablist"
tabindex="0">
<div
class="ant-tabs-nav-container">
<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"
Update snapshots for tabs
2016-12-07 11:53:14 +08:00
style="margin-left:0%;">
Check in snapshots
2016-11-22 14:28:05 +08:00
<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>
</div>
`;
exports[`test renders ./components/tabs/demo/custom-add-trigger.md correctly 1`] = `
<div>
<div
style="margin-bottom:16px;">
<button
remove type="ghost" from demo
2017-02-04 22:35:33 +08:00
class="ant-btn"
Check in snapshots
2016-11-22 14:28:05 +08:00
type="button">
<span>
ADD
</span>
</button>
</div>
<div
class="ant-tabs ant-tabs-top ant-tabs-card ant-tabs-editable-card">
<div
class="ant-tabs-bar"
role="tablist"
tabindex="0">
<div
class="ant-tabs-nav-container">
<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
refactor: remove unnecessary computed props for classNames (#4055) * remove unnecessary computed props for classNames * rollback autocomplete optimization for possible css style order issue * update snapshots * remove more unnecessary computed props at Input
2016-11-30 10:20:23 +08:00
class="anticon anticon-close" />
Check in snapshots
2016-11-22 14:28:05 +08:00
</div>
</div>
<div
aria-disabled="false"
aria-selected="false"
class=" ant-tabs-tab"
role="tab">
<div>
Tab 2
<i
refactor: remove unnecessary computed props for classNames (#4055) * remove unnecessary computed props for classNames * rollback autocomplete optimization for possible css style order issue * update snapshots * remove more unnecessary computed props at Input
2016-11-30 10:20:23 +08:00
class="anticon anticon-close" />
Check in snapshots
2016-11-22 14:28:05 +08:00
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div
class="ant-tabs-content ant-tabs-content-animated"
Update snapshots for tabs
2016-12-07 11:53:14 +08:00
style="margin-left:0%;">
Check in snapshots
2016-11-22 14:28:05 +08:00
<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[`test 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">
<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"
Update snapshots for tabs
2016-12-07 11:53:14 +08:00
style="margin-left:0%;">
Check in snapshots
2016-11-22 14:28:05 +08:00
<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[`test renders ./components/tabs/demo/editable-card.md correctly 1`] = `
<div
class="ant-tabs ant-tabs-top ant-tabs-card ant-tabs-editable-card">
<div
class="ant-tabs-bar"
role="tablist"
tabindex="0">
<div
style="float:right;">
<div
class="ant-tabs-extra-content">
<span>
<i
class="anticon anticon-plus ant-tabs-new-tab" />
</span>
</div>
</div>
<div
class="ant-tabs-nav-container">
<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">
feat: support Tabs.TabPane[closable] (#4807) * 为antd的editable-card类型的TabPane增加不可删除属性 * 在tab内部控制样式 * className={} 前后不加空格
2017-02-13 15:43:54 +08:00
<div
class="ant-tabs-tab-unclosable">
Check in snapshots
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">
<div>
Tab 2
<i
refactor: remove unnecessary computed props for classNames (#4055) * remove unnecessary computed props for classNames * rollback autocomplete optimization for possible css style order issue * update snapshots * remove more unnecessary computed props at Input
2016-11-30 10:20:23 +08:00
class="anticon anticon-close" />
Check in snapshots
2016-11-22 14:28:05 +08:00
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div
class="ant-tabs-content ant-tabs-content-animated"
Update snapshots for tabs
2016-12-07 11:53:14 +08:00
style="margin-left:0%;">
Check in snapshots
2016-11-22 14:28:05 +08:00
<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>
</div>
`;
exports[`test 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
style="float:right;">
<div
class="ant-tabs-extra-content">
<button
class="ant-btn"
type="button">
<span>
Extra Action
</span>
</button>
</div>
</div>
<div
class="ant-tabs-nav-container">
<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"
Update snapshots for tabs
2016-12-07 11:53:14 +08:00
style="margin-left:0%;">
Check in snapshots
2016-11-22 14:28:05 +08:00
<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[`test 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">
<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
refactor: remove unnecessary computed props for classNames (#4055) * remove unnecessary computed props for classNames * rollback autocomplete optimization for possible css style order issue * update snapshots * remove more unnecessary computed props at Input
2016-11-30 10:20:23 +08:00
class="anticon anticon-apple" />
Check in snapshots
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">
<span>
<i
refactor: remove unnecessary computed props for classNames (#4055) * remove unnecessary computed props for classNames * rollback autocomplete optimization for possible css style order issue * update snapshots * remove more unnecessary computed props at Input
2016-11-30 10:20:23 +08:00
class="anticon anticon-android" />
Check in snapshots
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"
Update snapshots for tabs
2016-12-07 11:53:14 +08:00
style="margin-left:-100%;">
Check in snapshots
2016-11-22 14:28:05 +08:00
<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[`test 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="unselectable">
<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">
<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"
Update snapshots for tabs
2016-12-07 11:53:14 +08:00
style="margin-left:0%;">
Check in snapshots
2016-11-22 14:28:05 +08:00
<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[`test renders ./components/tabs/demo/size.md correctly 1`] = `
<div
class="ant-tabs ant-tabs-top ant-tabs-mini ant-tabs-line">
<div
class="ant-tabs-bar"
role="tablist"
tabindex="0">
<div
class="ant-tabs-nav-container">
<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">
Tab 1
</div>
<div
aria-disabled="false"
aria-selected="true"
class="ant-tabs-tab-active 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"
Update snapshots for tabs
2016-12-07 11:53:14 +08:00
style="margin-left:-100%;">
Check in snapshots
2016-11-22 14:28:05 +08:00
<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">
Content of tab 2
</div>
<div
aria-hidden="true"
class="ant-tabs-tabpane ant-tabs-tabpane-inactive"
role="tabpanel" />
</div>
</div>
`;
exports[`test renders ./components/tabs/demo/slide.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">
<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>
</div>
</div>
</div>
</div>
<div
class="ant-tabs-content ant-tabs-content-animated"
Update snapshots for tabs
2016-12-07 11:53:14 +08:00
style="margin-left:0%;">
Check in snapshots
2016-11-22 14:28:05 +08:00
<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>
</div>
`;
Reference in New Issue Copy Permalink