tangjinzhou
7 years ago
96 changed files with 10466 additions and 42 deletions
File diff suppressed because it is too large
Load Diff
@ -0,0 +1,3 @@
|
||||
import demoTest from '../../../tests/shared/demoTest' |
||||
|
||||
demoTest('calendar') |
||||
@ -0,0 +1,266 @@
|
||||
// Jest Snapshot v1, https://goo.gl/fbAQLP |
||||
|
||||
exports[`renders ./components/card/demo/basic.md correctly 1`] = ` |
||||
<div class="ant-card ant-card-bordered"> |
||||
<div class="ant-card-head"> |
||||
<div class="ant-card-head-wrapper"> |
||||
<div class="ant-card-head-title">Card Title</div> |
||||
<div class="ant-card-extra"> |
||||
<a href="#">more</a> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
<div class="ant-card-body"> |
||||
<p>card content</p> |
||||
<p>card content</p> |
||||
<p>card content</p> |
||||
</div> |
||||
</div> |
||||
`; |
||||
|
||||
exports[`renders ./components/card/demo/colRowCard.md correctly 1`] = ` |
||||
<div style="background-color:#ececec;padding:20px;"> |
||||
<div class="ant-row" style="margin-left:-8px;margin-right:-8px;"> |
||||
<div class="ant-col-8" style="padding-left:8px;padding-right:8px;"> |
||||
<div class="ant-card"> |
||||
<div class="ant-card-head"> |
||||
<div class="ant-card-head-wrapper"> |
||||
<div class="ant-card-head-title">Card title</div> |
||||
</div> |
||||
</div> |
||||
<div class="ant-card-body"> |
||||
<p>card content</p> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
<div class="ant-col-8" style="padding-left:8px;padding-right:8px;"> |
||||
<div class="ant-card"> |
||||
<div class="ant-card-head"> |
||||
<div class="ant-card-head-wrapper"> |
||||
<div class="ant-card-head-title">Card title</div> |
||||
</div> |
||||
</div> |
||||
<div class="ant-card-body"> |
||||
<p>card content</p> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
<div class="ant-col-8" style="padding-left:8px;padding-right:8px;"> |
||||
<div class="ant-card"> |
||||
<div class="ant-card-head"> |
||||
<div class="ant-card-head-wrapper"> |
||||
<div class="ant-card-head-title">Card title</div> |
||||
</div> |
||||
</div> |
||||
<div class="ant-card-body"> |
||||
<p>card content</p> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
`; |
||||
|
||||
exports[`renders ./components/card/demo/concise.md correctly 1`] = ` |
||||
<div class="ant-card ant-card-bordered" style="width:300px;"> |
||||
<div class="ant-card-body"> |
||||
<p>Card content</p> |
||||
<p>Card content</p> |
||||
<p>Card content</p> |
||||
</div> |
||||
</div> |
||||
`; |
||||
|
||||
exports[`renders ./components/card/demo/grid.md correctly 1`] = ` |
||||
<div class="ant-card ant-card-bordered"> |
||||
<div class="ant-card-head"> |
||||
<div class="ant-card-head-wrapper"> |
||||
<div class="ant-card-head-title">Card Title</div> |
||||
</div> |
||||
</div> |
||||
<div class="ant-card-body"> |
||||
<div class="ant-card-grid" style="width:25%;text-align:'center';">Content</div> |
||||
<div class="ant-card-grid" style="width:25%;text-align:'center';">Content</div> |
||||
<div class="ant-card-grid" style="width:25%;text-align:'center';">Content</div> |
||||
<div class="ant-card-grid" style="width:25%;text-align:'center';">Content</div> |
||||
<div class="ant-card-grid" style="width:25%;text-align:'center';">Content</div> |
||||
<div class="ant-card-grid" style="width:25%;text-align:'center';">Content</div> |
||||
<div class="ant-card-grid" style="width:25%;text-align:'center';">Content</div> |
||||
</div> |
||||
</div> |
||||
`; |
||||
|
||||
exports[`renders ./components/card/demo/inline.md correctly 1`] = ` |
||||
<div class="ant-card ant-card-bordered"> |
||||
<div class="ant-card-head"> |
||||
<div class="ant-card-head-wrapper"> |
||||
<div class="ant-card-head-title">Card title</div> |
||||
</div> |
||||
</div> |
||||
<div class="ant-card-body"> |
||||
<p style="font-size:14px;color:rgba(0, 0, 0, 0.85);margin-bottom:16px;font-weight:500;">Group title</p> |
||||
<div class="ant-card ant-card-bordered"> |
||||
<div class="ant-card-head"> |
||||
<div class="ant-card-head-wrapper"> |
||||
<div class="ant-card-head-title">Inner card title</div> |
||||
<div class="ant-card-extra"> |
||||
<a href="#">More</a> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
<div class="ant-card-body"> |
||||
Inner Card content |
||||
</div> |
||||
</div> |
||||
<div class="ant-card ant-card-bordered"> |
||||
<div class="ant-card-head"> |
||||
<div class="ant-card-head-wrapper"> |
||||
<div class="ant-card-head-title">Inner card title</div> |
||||
<div class="ant-card-extra"> |
||||
<a href="#">More</a> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
<div class="ant-card-body"> |
||||
Inner Card content |
||||
</div> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
`; |
||||
|
||||
exports[`renders ./components/card/demo/loading.md correctly 1`] = ` |
||||
<div class="ant-card ant-card-loading ant-card-bordered" style="width:34%;"> |
||||
<div class="ant-card-head"> |
||||
<div class="ant-card-head-wrapper"> |
||||
<div class="ant-card-head-title">Card title</div> |
||||
</div> |
||||
</div> |
||||
<div class="ant-card-body"> |
||||
<div class="ant-card-loading-content"> |
||||
<p class="ant-card-loading-block" style="width:94%;"></p> |
||||
<p><span class="ant-card-loading-block" style="width:28%;"></span><span class="ant-card-loading-block" style="width:62%;"></span></p> |
||||
<p><span class="ant-card-loading-block" style="width:22%;"></span><span class="ant-card-loading-block" style="width:66%;"></span></p> |
||||
<p><span class="ant-card-loading-block" style="width:56%;"></span><span class="ant-card-loading-block" style="width:39%;"></span></p> |
||||
<p><span class="ant-card-loading-block" style="width:21%;"></span><span class="ant-card-loading-block" style="width:15%;"></span><span class="ant-card-loading-block" style="width:40%;"></span></p> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
`; |
||||
|
||||
exports[`renders ./components/card/demo/moreConfigs.md correctly 1`] = ` |
||||
<div class="ant-card ant-card-bordered ant-card-hoverable" style="width:300px;"> |
||||
<div class="ant-card-cover"> |
||||
<img alt="example" src="https://gw.alipayobjects.com/zos/rmsportal/JiqGstEfoWAOHiTxclqi.png"> |
||||
</div> |
||||
<div class="ant-card-body"> |
||||
<div class="ant-card-meta"> |
||||
<div class="ant-card-meta-avatar"><span class="ant-avatar ant-avatar-image ant-avatar-circle"><img src="https://zos.alipayobjects.com/rmsportal/ODTLcjxAfvqbxHnVXCYX.png"></span></div> |
||||
<div class="ant-card-meta-detail"> |
||||
<div class="ant-card-meta-title">Card title</div> |
||||
<div class="ant-card-meta-description">This is the description</div> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
<ul class="ant-card-actions"> |
||||
<li style="width:33.3333%;"> |
||||
<i class="anticon anticon-setting"></i> |
||||
</li> |
||||
<li style="width:33.3333%;"> |
||||
<i class="anticon anticon-edit"></i> |
||||
</li> |
||||
<li style="width:33.3333%;"> |
||||
<i class="anticon anticon-ellipsis"></i> |
||||
</li> |
||||
</ul> |
||||
</div> |
||||
`; |
||||
|
||||
exports[`renders ./components/card/demo/noBorder.md correctly 1`] = ` |
||||
<div style="background:#ECECEC;padding:30px;"> |
||||
<div class="ant-card" style="width:300px;"> |
||||
<div class="ant-card-head"> |
||||
<div class="ant-card-head-wrapper"> |
||||
<div class="ant-card-head-title">Card title</div> |
||||
</div> |
||||
</div> |
||||
<div class="ant-card-body"> |
||||
<p>Card content</p> |
||||
<p>Card content</p> |
||||
<p>Card content</p> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
`; |
||||
|
||||
exports[`renders ./components/card/demo/tabsCard.md correctly 1`] = ` |
||||
<div> |
||||
<div class="ant-card ant-card-bordered ant-card-contain-tabs" style="width:100%;"> |
||||
<div class="ant-card-head"> |
||||
<div class="ant-card-head-wrapper"> |
||||
<div class="ant-card-head-title">Card title</div> |
||||
<div class="ant-card-extra"> |
||||
<a href="#">More</a> |
||||
</div> |
||||
</div> |
||||
<div class="ant-tabs ant-tabs-top ant-tabs-large ant-tabs-line ant-card-head-tabs"> |
||||
<div role="tablist" tabIndex="0" class="ant-tabs-bar"> |
||||
<div class="ant-tabs-extra-content" style="float:right;"></div> |
||||
<div class="ant-tabs-nav-container"><span unselectable="unselectable" class="ant-tabs-tab-prev ant-tabs-tab-btn-disabled"><span class="ant-tabs-tab-prev-icon"></span></span><span unselectable="unselectable" class="ant-tabs-tab-next ant-tabs-tab-btn-disabled"><span class="ant-tabs-tab-next-icon"></span></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> |
||||
<div role="tab" aria-disabled="false" aria-selected="true" class="ant-tabs-tab-active ant-tabs-tab" style="margin-right:undefinedpx;">tab1</div> |
||||
<div role="tab" aria-disabled="false" aria-selected="false" class=" ant-tabs-tab" style="margin-right:undefinedpx;">tab2</div> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
<div class="ant-tabs-content ant-tabs-content-animated" style="margin-left:0%;"> |
||||
<div role="tabpanel" aria-hidden="false" class="ant-tabs-tabpane ant-tabs-tabpane-active"></div> |
||||
<div role="tabpanel" aria-hidden="true" class="ant-tabs-tabpane ant-tabs-tabpane-inactive"></div> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
<div class="ant-card-body"> |
||||
content1 |
||||
</div> |
||||
</div> |
||||
<br> |
||||
<br> |
||||
<div class="ant-card ant-card-bordered ant-card-contain-tabs" style="width:100%;"> |
||||
<div class="ant-card-head"> |
||||
<div class="ant-card-head-wrapper"></div> |
||||
<div class="ant-tabs ant-tabs-top ant-tabs-large ant-tabs-line ant-card-head-tabs"> |
||||
<div role="tablist" tabIndex="0" class="ant-tabs-bar"> |
||||
<div class="ant-tabs-extra-content" style="float:right;"></div> |
||||
<div class="ant-tabs-nav-container"><span unselectable="unselectable" class="ant-tabs-tab-prev ant-tabs-tab-btn-disabled"><span class="ant-tabs-tab-prev-icon"></span></span><span unselectable="unselectable" class="ant-tabs-tab-next ant-tabs-tab-btn-disabled"><span class="ant-tabs-tab-next-icon"></span></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> |
||||
<div role="tab" aria-disabled="false" aria-selected="false" class=" ant-tabs-tab" style="margin-right:undefinedpx;">article</div> |
||||
<div role="tab" aria-disabled="false" aria-selected="true" class="ant-tabs-tab-active ant-tabs-tab" style="margin-right:undefinedpx;">app</div> |
||||
<div role="tab" aria-disabled="false" aria-selected="false" class=" ant-tabs-tab" style="margin-right:undefinedpx;">project</div> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
<div class="ant-tabs-content ant-tabs-content-animated" style="margin-left:-100%;"> |
||||
<div role="tabpanel" aria-hidden="true" class="ant-tabs-tabpane ant-tabs-tabpane-inactive"></div> |
||||
<div role="tabpanel" aria-hidden="false" class="ant-tabs-tabpane ant-tabs-tabpane-active"></div> |
||||
<div role="tabpanel" aria-hidden="true" class="ant-tabs-tabpane ant-tabs-tabpane-inactive"></div> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
<div class="ant-card-body"> |
||||
<p>app content</p> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
`; |
||||
@ -0,0 +1,3 @@
|
||||
import demoTest from '../../../tests/shared/demoTest' |
||||
|
||||
demoTest('card') |
||||
@ -0,0 +1,3 @@
|
||||
import demoTest from '../../../tests/shared/demoTest' |
||||
|
||||
demoTest('cascader') |
||||
@ -0,0 +1,93 @@
|
||||
// Jest Snapshot v1, https://goo.gl/fbAQLP |
||||
|
||||
exports[`renders ./components/checkbox/demo/basic.md correctly 1`] = `<label class="ant-checkbox-wrapper"><span class="ant-checkbox"><input type="checkbox" class="ant-checkbox-input"><span class="ant-checkbox-inner"></span></span><span>Checkbox</span></label>`; |
||||
|
||||
exports[`renders ./components/checkbox/demo/check-all.md correctly 1`] = ` |
||||
<div> |
||||
<div style="border-bottom:1px solid #E9E9E9;"> |
||||
<label class="ant-checkbox-wrapper"><span class="ant-checkbox ant-checkbox-indeterminate"><input type="checkbox" class="ant-checkbox-input"><span class="ant-checkbox-inner"></span></span><span> |
||||
Check all |
||||
</span></label> |
||||
</div> |
||||
<br> |
||||
<div class="ant-checkbox-group"> |
||||
<label class="ant-checkbox-group-item ant-checkbox-wrapper ant-checkbox-group-item"><span class="ant-checkbox ant-checkbox-checked"><input type="checkbox" checked="checked" class="ant-checkbox-input"><span class="ant-checkbox-inner"></span></span><span>Apple</span></label> |
||||
<label class="ant-checkbox-group-item ant-checkbox-wrapper ant-checkbox-group-item"><span class="ant-checkbox"><input type="checkbox" class="ant-checkbox-input"><span class="ant-checkbox-inner"></span></span><span>Pear</span></label> |
||||
<label class="ant-checkbox-group-item ant-checkbox-wrapper ant-checkbox-group-item"><span class="ant-checkbox ant-checkbox-checked"><input type="checkbox" checked="checked" class="ant-checkbox-input"><span class="ant-checkbox-inner"></span></span><span>Orange</span></label> |
||||
</div> |
||||
</div> |
||||
`; |
||||
|
||||
exports[`renders ./components/checkbox/demo/controller.md correctly 1`] = ` |
||||
<div> |
||||
<p style="margin-bottom:20px;"> |
||||
<label class="ant-checkbox-wrapper"><span class="ant-checkbox ant-checkbox-checked"><input type="checkbox" checked="checked" class="ant-checkbox-input"><span class="ant-checkbox-inner"></span></span><span> |
||||
Checked-Enabled |
||||
</span></label> |
||||
</p> |
||||
<p> |
||||
<button type="button" class="ant-btn ant-btn-primary ant-btn-sm"><span>Uncheck</span></button> |
||||
<button type="button" class="ant-btn ant-btn-primary ant-btn-sm" style="margin-left:10px;"><span>Disable</span></button> |
||||
</p> |
||||
</div> |
||||
`; |
||||
|
||||
exports[`renders ./components/checkbox/demo/disabled.md correctly 1`] = ` |
||||
<div> |
||||
<label class="ant-checkbox-wrapper"><span class="ant-checkbox ant-checkbox-disabled"><input type="checkbox" disabled="disabled" class="ant-checkbox-input"><span class="ant-checkbox-inner"></span></span> |
||||
</label> |
||||
<br> |
||||
<label class="ant-checkbox-wrapper"><span class="ant-checkbox ant-checkbox-checked ant-checkbox-disabled"><input type="checkbox" disabled="disabled" checked="checked" class="ant-checkbox-input"><span class="ant-checkbox-inner"></span></span> |
||||
</label> |
||||
</div> |
||||
`; |
||||
|
||||
exports[`renders ./components/checkbox/demo/group.md correctly 1`] = ` |
||||
<div> |
||||
<div class="ant-checkbox-group"> |
||||
<label class="ant-checkbox-group-item ant-checkbox-wrapper ant-checkbox-group-item"><span class="ant-checkbox"><input type="checkbox" class="ant-checkbox-input"><span class="ant-checkbox-inner"></span></span><span>Apple</span></label> |
||||
<label class="ant-checkbox-group-item ant-checkbox-wrapper ant-checkbox-group-item"><span class="ant-checkbox"><input type="checkbox" class="ant-checkbox-input"><span class="ant-checkbox-inner"></span></span><span>Pear</span></label> |
||||
<label class="ant-checkbox-group-item ant-checkbox-wrapper ant-checkbox-group-item"><span class="ant-checkbox"><input type="checkbox" class="ant-checkbox-input"><span class="ant-checkbox-inner"></span></span><span>Orange</span></label> |
||||
</div> |
||||
<br> |
||||
<div class="ant-checkbox-group"> |
||||
<label class="ant-checkbox-group-item ant-checkbox-wrapper ant-checkbox-group-item"><span class="ant-checkbox ant-checkbox-checked"><input type="checkbox" checked="checked" class="ant-checkbox-input"><span class="ant-checkbox-inner"></span></span><span>Apple</span></label> |
||||
<label class="ant-checkbox-group-item ant-checkbox-wrapper ant-checkbox-group-item"><span class="ant-checkbox"><input type="checkbox" class="ant-checkbox-input"><span class="ant-checkbox-inner"></span></span><span>Pear</span></label> |
||||
<label class="ant-checkbox-group-item ant-checkbox-wrapper ant-checkbox-group-item"><span class="ant-checkbox"><input type="checkbox" class="ant-checkbox-input"><span class="ant-checkbox-inner"></span></span><span>Orange</span></label> |
||||
</div> |
||||
<br> |
||||
<div class="ant-checkbox-group"> |
||||
<label class="ant-checkbox-group-item ant-checkbox-wrapper ant-checkbox-group-item"><span class="ant-checkbox"><input type="checkbox" class="ant-checkbox-input"><span class="ant-checkbox-inner"></span></span><span>Apple</span></label> |
||||
<label class="ant-checkbox-group-item ant-checkbox-wrapper ant-checkbox-group-item"><span class="ant-checkbox ant-checkbox-checked"><input type="checkbox" checked="checked" class="ant-checkbox-input"><span class="ant-checkbox-inner"></span></span><span>Pear</span></label> |
||||
<label class="ant-checkbox-group-item ant-checkbox-wrapper ant-checkbox-group-item"><span class="ant-checkbox"><input type="checkbox" class="ant-checkbox-input"><span class="ant-checkbox-inner"></span></span><span>Orange</span></label> |
||||
</div> |
||||
<br> |
||||
<div class="ant-checkbox-group"> |
||||
<label class="ant-checkbox-group-item ant-checkbox-wrapper ant-checkbox-group-item"><span class="ant-checkbox ant-checkbox-checked ant-checkbox-disabled"><input type="checkbox" disabled="disabled" checked="checked" class="ant-checkbox-input"><span class="ant-checkbox-inner"></span></span><span>Apple</span></label> |
||||
<label class="ant-checkbox-group-item ant-checkbox-wrapper ant-checkbox-group-item"><span class="ant-checkbox ant-checkbox-disabled"><input type="checkbox" disabled="disabled" class="ant-checkbox-input"><span class="ant-checkbox-inner"></span></span><span>Pear</span></label> |
||||
<label class="ant-checkbox-group-item ant-checkbox-wrapper ant-checkbox-group-item"><span class="ant-checkbox ant-checkbox-disabled"><input type="checkbox" disabled="disabled" class="ant-checkbox-input"><span class="ant-checkbox-inner"></span></span><span>Orange</span></label> |
||||
</div> |
||||
</div> |
||||
`; |
||||
|
||||
exports[`renders ./components/checkbox/demo/layout.md correctly 1`] = ` |
||||
<div class="ant-checkbox-group"> |
||||
<div class="ant-row"> |
||||
<div class="ant-col-8"> |
||||
<label class="ant-checkbox-wrapper"><span class="ant-checkbox"><input type="checkbox" class="ant-checkbox-input"><span class="ant-checkbox-inner"></span></span><span>A</span></label> |
||||
</div> |
||||
<div class="ant-col-8"> |
||||
<label class="ant-checkbox-wrapper"><span class="ant-checkbox"><input type="checkbox" class="ant-checkbox-input"><span class="ant-checkbox-inner"></span></span><span>B</span></label> |
||||
</div> |
||||
<div class="ant-col-8"> |
||||
<label class="ant-checkbox-wrapper"><span class="ant-checkbox"><input type="checkbox" class="ant-checkbox-input"><span class="ant-checkbox-inner"></span></span><span>C</span></label> |
||||
</div> |
||||
<div class="ant-col-8"> |
||||
<label class="ant-checkbox-wrapper"><span class="ant-checkbox"><input type="checkbox" class="ant-checkbox-input"><span class="ant-checkbox-inner"></span></span><span>D</span></label> |
||||
</div> |
||||
<div class="ant-col-8"> |
||||
<label class="ant-checkbox-wrapper"><span class="ant-checkbox"><input type="checkbox" class="ant-checkbox-input"><span class="ant-checkbox-inner"></span></span><span>E</span></label> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
`; |
||||
@ -0,0 +1,3 @@
|
||||
import demoTest from '../../../tests/shared/demoTest' |
||||
|
||||
demoTest('checkbox') |
||||
@ -0,0 +1,146 @@
|
||||
// Jest Snapshot v1, https://goo.gl/fbAQLP |
||||
|
||||
exports[`renders ./components/collapse/demo/accordion.md correctly 1`] = ` |
||||
<div> |
||||
<div class="ant-collapse"> |
||||
<div role="tablist" class="ant-collapse-item"> |
||||
<div role="tab" class="ant-collapse-header"> |
||||
<i class="arrow"></i>This is panel header 1</div> |
||||
<!----> |
||||
</div> |
||||
<div role="tablist" class="ant-collapse-item"> |
||||
<div role="tab" class="ant-collapse-header"> |
||||
<i class="arrow"></i>This is panel header 2</div> |
||||
<!----> |
||||
</div> |
||||
<div role="tablist" class="ant-collapse-item"> |
||||
<div role="tab" class="ant-collapse-header"> |
||||
<i class="arrow"></i>This is panel header 3</div> |
||||
<!----> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
`; |
||||
|
||||
exports[`renders ./components/collapse/demo/basic.md correctly 1`] = ` |
||||
<div> |
||||
<div class="ant-collapse"> |
||||
<div role="tablist" class="ant-collapse-item ant-collapse-item-active"> |
||||
<div role="tab" aria-expanded="true" class="ant-collapse-header"> |
||||
<i class="arrow"></i>This is panel header 1</div> |
||||
<div role="tabpanel" class="ant-collapse-content ant-collapse-content-active"> |
||||
<div class="ant-collapse-content-box"> |
||||
<p>A dog is a type of domesticated animal.Known for its loyalty and faithfulness,it can be found as a welcome guest in many households across the world.</p> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
<div role="tablist" class="ant-collapse-item"> |
||||
<div role="tab" class="ant-collapse-header"> |
||||
<i class="arrow"></i>This is panel header 2</div> |
||||
<!----> |
||||
</div> |
||||
<div role="tablist" class="ant-collapse-item ant-collapse-item-disabled"> |
||||
<div role="tab" class="ant-collapse-header"> |
||||
<i class="arrow"></i>This is panel header 3</div> |
||||
<!----> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
`; |
||||
|
||||
exports[`renders ./components/collapse/demo/borderless.md correctly 1`] = ` |
||||
<div> |
||||
<div class="ant-collapse ant-collapse-borderless"> |
||||
<div role="tablist" class="ant-collapse-item ant-collapse-item-active"> |
||||
<div role="tab" aria-expanded="true" class="ant-collapse-header"> |
||||
<i class="arrow"></i>This is panel header 1</div> |
||||
<div role="tabpanel" class="ant-collapse-content ant-collapse-content-active"> |
||||
<div class="ant-collapse-content-box"> |
||||
<p>A dog is a type of domesticated animal.Known for its loyalty and faithfulness,it can be found as a welcome guest in many households across the world.</p> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
<div role="tablist" class="ant-collapse-item"> |
||||
<div role="tab" class="ant-collapse-header"> |
||||
<i class="arrow"></i>This is panel header 2</div> |
||||
<!----> |
||||
</div> |
||||
<div role="tablist" class="ant-collapse-item"> |
||||
<div role="tab" class="ant-collapse-header"> |
||||
<i class="arrow"></i>This is panel header 3</div> |
||||
<!----> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
`; |
||||
|
||||
exports[`renders ./components/collapse/demo/custom.md correctly 1`] = ` |
||||
<div> |
||||
<div class="ant-collapse ant-collapse-borderless"> |
||||
<div role="tablist" class="ant-collapse-item ant-collapse-item-active" style="background:#f7f7f7;border-radius:4px;margin-bottom:24px;border:0;overflow:hidden;"> |
||||
<div role="tab" aria-expanded="true" class="ant-collapse-header"> |
||||
<i class="arrow"></i> |
||||
This is panel header 1 |
||||
<i class="anticon anticon-question-circle-o"></i> |
||||
</div> |
||||
<div role="tabpanel" class="ant-collapse-content ant-collapse-content-active"> |
||||
<div class="ant-collapse-content-box"> |
||||
<p>A dog is a type of domesticated animal.Known for its loyalty and faithfulness,it can be found as a welcome guest in many households across the world.</p> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
<div role="tablist" class="ant-collapse-item" style="background:#f7f7f7;border-radius:4px;margin-bottom:24px;border:0;overflow:hidden;"> |
||||
<div role="tab" class="ant-collapse-header"> |
||||
<i class="arrow"></i>This is panel header 2</div> |
||||
<!----> |
||||
</div> |
||||
<div role="tablist" class="ant-collapse-item" style="background:#f7f7f7;border-radius:4px;margin-bottom:24px;border:0;overflow:hidden;"> |
||||
<div role="tab" class="ant-collapse-header"> |
||||
<i class="arrow"></i>This is panel header 3</div> |
||||
<!----> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
`; |
||||
|
||||
exports[`renders ./components/collapse/demo/mix.md correctly 1`] = ` |
||||
<div> |
||||
<div class="ant-collapse"> |
||||
<div role="tablist" class="ant-collapse-item"> |
||||
<div role="tab" class="ant-collapse-header"> |
||||
<i class="arrow"></i>This is panel header 1</div> |
||||
<!----> |
||||
</div> |
||||
<div role="tablist" class="ant-collapse-item"> |
||||
<div role="tab" class="ant-collapse-header"> |
||||
<i class="arrow"></i>This is panel header 2</div> |
||||
<!----> |
||||
</div> |
||||
<div role="tablist" class="ant-collapse-item"> |
||||
<div role="tab" class="ant-collapse-header"> |
||||
<i class="arrow"></i>This is panel header 3</div> |
||||
<!----> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
`; |
||||
|
||||
exports[`renders ./components/collapse/demo/noarrow.md correctly 1`] = ` |
||||
<div> |
||||
<div class="ant-collapse"> |
||||
<div role="tablist" class="ant-collapse-item ant-collapse-item-active"> |
||||
<div role="tab" aria-expanded="true" class="ant-collapse-header"> |
||||
<i class="arrow"></i>This is panel header with arrow icon</div> |
||||
<div role="tabpanel" class="ant-collapse-content ant-collapse-content-active"> |
||||
<div class="ant-collapse-content-box"> |
||||
<p>A dog is a type of domesticated animal.Known for its loyalty and faithfulness,it can be found as a welcome guest in many households across the world.</p> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
<div role="tablist" class="ant-collapse-item ant-collapse-no-arrow"> |
||||
<div role="tab" class="ant-collapse-header">This is panel header with no arrow icon</div> |
||||
<!----> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
`; |
||||
@ -0,0 +1,3 @@
|
||||
import demoTest from '../../../tests/shared/demoTest' |
||||
|
||||
demoTest('collapse') |
||||
@ -0,0 +1,136 @@
|
||||
// Jest Snapshot v1, https://goo.gl/fbAQLP |
||||
|
||||
exports[`renders ./components/date-picker/demo/basic.md correctly 1`] = ` |
||||
<div><span class="ant-calendar-picker"><div><input readOnly="true" placeholder="Select date" value="" class="ant-calendar-picker-input ant-input"><span class="ant-calendar-picker-icon"></span></div> |
||||
</span> |
||||
<br> <span class="ant-calendar-picker"><div><input readOnly="true" placeholder="Select month" value="" class="ant-calendar-picker-input ant-input"><span class="ant-calendar-picker-icon"></span></div> |
||||
</span> |
||||
<br> <span tabIndex="0" class="ant-calendar-picker"><span class="ant-calendar-picker-input ant-input ant-calendar-picker-input ant-input"><input readOnly="true" placeholder="Start date" tabIndex="-1" value="" class="ant-calendar-range-picker-input"><span class="ant-calendar-range-picker-separator"> ~ </span> |
||||
<input |
||||
readOnly="true" placeholder="End date" tabIndex="-1" value="" class="ant-calendar-range-picker-input"><span class="ant-calendar-picker-icon"></span></span> |
||||
</span> |
||||
<br> <span class="ant-calendar-picker"><span><input readOnly="true" placeholder="Select week" value="" class="ant-calendar-picker-input ant-input"><span class="ant-calendar-picker-icon"></span></span> |
||||
</span> |
||||
</div> |
||||
`; |
||||
|
||||
exports[`renders ./components/date-picker/demo/date-render.md correctly 1`] = ` |
||||
<div><span class="ant-calendar-picker"><div><input readOnly="true" placeholder="Select date" value="" class="ant-calendar-picker-input ant-input"><span class="ant-calendar-picker-icon"></span></div> |
||||
</span> <span tabIndex="0" class="ant-calendar-picker"><span class="ant-calendar-picker-input ant-input ant-calendar-picker-input ant-input"><input readOnly="true" placeholder="Start date" tabIndex="-1" value="" class="ant-calendar-range-picker-input"><span class="ant-calendar-range-picker-separator"> ~ </span> |
||||
<input |
||||
readOnly="true" placeholder="End date" tabIndex="-1" value="" class="ant-calendar-range-picker-input"><span class="ant-calendar-picker-icon"></span></span> |
||||
</span> <span class="ant-calendar-picker"><span><input readOnly="true" placeholder="Select date" value="" class="ant-calendar-picker-input ant-input"><span class="ant-calendar-picker-icon"></span></span> |
||||
</span> |
||||
</div> |
||||
`; |
||||
|
||||
exports[`renders ./components/date-picker/demo/disabled.md correctly 1`] = ` |
||||
<div><span class="ant-calendar-picker"><div><input disabled="disabled" readOnly="true" placeholder="Select date" value="2015-06-06" class="ant-calendar-picker-input ant-input ant-input-disabled"><span class="ant-calendar-picker-icon"></span></div> |
||||
</span> |
||||
<br> <span class="ant-calendar-picker"><div><input disabled="disabled" readOnly="true" placeholder="Select date" value="2015-06" class="ant-calendar-picker-input ant-input ant-input-disabled"><span class="ant-calendar-picker-icon"></span></div> |
||||
</span> |
||||
<br> <span tabIndex="-1" class="ant-calendar-picker"><span class="ant-calendar-picker-input ant-input ant-input-disabled ant-calendar-picker-input ant-input ant-input-disabled"><input disabled="disabled" readOnly="true" placeholder="Start date" tabIndex="-1" value="2015-06-06" class="ant-calendar-range-picker-input"><span class="ant-calendar-range-picker-separator"> ~ </span> |
||||
<input |
||||
disabled="disabled" readOnly="true" placeholder="End date" tabIndex="-1" value="2015-06-06" class="ant-calendar-range-picker-input"><span class="ant-calendar-picker-icon"></span></span> |
||||
</span> |
||||
</div> |
||||
`; |
||||
|
||||
exports[`renders ./components/date-picker/demo/disabled-date.md correctly 1`] = ` |
||||
<div><span class="ant-calendar-picker"><div><input readOnly="true" placeholder="Select date" value="" class="ant-calendar-picker-input ant-input"><span class="ant-calendar-picker-icon"></span></div> |
||||
</span> |
||||
<br> <span class="ant-calendar-picker"><div><input readOnly="true" placeholder="Select month" value="" class="ant-calendar-picker-input ant-input"><span class="ant-calendar-picker-icon"></span></div> |
||||
</span> |
||||
<br> <span tabIndex="0" class="ant-calendar-picker" style="width:350px;"><span class="ant-calendar-picker-input ant-input ant-calendar-picker-input ant-input"><input readOnly="true" placeholder="Start date" tabIndex="-1" value="" class="ant-calendar-range-picker-input"><span class="ant-calendar-range-picker-separator"> ~ </span> |
||||
<input |
||||
readOnly="true" placeholder="End date" tabIndex="-1" value="" class="ant-calendar-range-picker-input"><span class="ant-calendar-picker-icon"></span></span> |
||||
</span> |
||||
</div> |
||||
`; |
||||
|
||||
exports[`renders ./components/date-picker/demo/extra-footer.md correctly 1`] = ` |
||||
<div><span class="ant-calendar-picker"><div><input readOnly="true" placeholder="Select date" value="" class="ant-calendar-picker-input ant-input"><span class="ant-calendar-picker-icon"></span></div> |
||||
</span> <span class="ant-calendar-picker"><div><input readOnly="true" placeholder="Select date" value="" class="ant-calendar-picker-input ant-input"><span class="ant-calendar-picker-icon"></span></div> |
||||
</span> <span tabIndex="0" class="ant-calendar-picker"><span class="ant-calendar-picker-input ant-input ant-calendar-picker-input ant-input"><input readOnly="true" placeholder="Start date" tabIndex="-1" value="" class="ant-calendar-range-picker-input"><span class="ant-calendar-range-picker-separator"> ~ </span> |
||||
<input |
||||
readOnly="true" placeholder="End date" tabIndex="-1" value="" class="ant-calendar-range-picker-input"><span class="ant-calendar-picker-icon"></span></span> |
||||
</span> <span tabIndex="0" class="ant-calendar-picker" style="width:350px;"><span class="ant-calendar-picker-input ant-input ant-calendar-picker-input ant-input"><input readOnly="true" placeholder="Start date" tabIndex="-1" value="" class="ant-calendar-range-picker-input"><span class="ant-calendar-range-picker-separator"> ~ </span> |
||||
<input |
||||
readOnly="true" placeholder="End date" tabIndex="-1" value="" class="ant-calendar-range-picker-input"><span class="ant-calendar-picker-icon"></span></span> |
||||
</span> <span class="ant-calendar-picker"><div><input readOnly="true" placeholder="Select month" value="" class="ant-calendar-picker-input ant-input"><span class="ant-calendar-picker-icon"></span></div> |
||||
</span> |
||||
</div> |
||||
`; |
||||
|
||||
exports[`renders ./components/date-picker/demo/format.md correctly 1`] = ` |
||||
<div><span class="ant-calendar-picker"><div><input readOnly="true" placeholder="Select date" value="2015/01/01" class="ant-calendar-picker-input ant-input"><i class="anticon anticon-cross-circle ant-calendar-picker-clear"></i><span class="ant-calendar-picker-icon"></span></div> |
||||
</span> |
||||
<br> <span class="ant-calendar-picker"><div><input readOnly="true" placeholder="Select date" value="2015/01" class="ant-calendar-picker-input ant-input"><i class="anticon anticon-cross-circle ant-calendar-picker-clear"></i><span class="ant-calendar-picker-icon"></span></div> |
||||
</span> |
||||
<br> <span tabIndex="0" class="ant-calendar-picker"><span class="ant-calendar-picker-input ant-input ant-calendar-picker-input ant-input"><input readOnly="true" placeholder="Start date" tabIndex="-1" value="2015/01/01" class="ant-calendar-range-picker-input"><span class="ant-calendar-range-picker-separator"> ~ </span> |
||||
<input |
||||
readOnly="true" placeholder="End date" tabIndex="-1" value="2015/01/01" class="ant-calendar-range-picker-input"> |
||||
<i class="anticon anticon-cross-circle ant-calendar-picker-clear"></i><span class="ant-calendar-picker-icon"></span></span> |
||||
</span> |
||||
</div> |
||||
`; |
||||
|
||||
exports[`renders ./components/date-picker/demo/mode.md correctly 1`] = ` |
||||
<div><span mode="time" class="ant-calendar-picker"><div><input readOnly="true" placeholder="Select date" value="" class="ant-calendar-picker-input ant-input"><span class="ant-calendar-picker-icon"></span></div> |
||||
</span> |
||||
<br> <span tabIndex="0" class="ant-calendar-picker"><span class="ant-calendar-picker-input ant-input ant-calendar-picker-input ant-input"><input readOnly="true" placeholder="Start month" tabIndex="-1" value="" class="ant-calendar-range-picker-input"><span class="ant-calendar-range-picker-separator"> ~ </span> |
||||
<input |
||||
readOnly="true" placeholder="End month" tabIndex="-1" value="" class="ant-calendar-range-picker-input"><span class="ant-calendar-picker-icon"></span></span> |
||||
</span> |
||||
</div> |
||||
`; |
||||
|
||||
exports[`renders ./components/date-picker/demo/presetted-ranges.md correctly 1`] = ` |
||||
<div><span tabIndex="0" class="ant-calendar-picker"><span class="ant-calendar-picker-input ant-input ant-calendar-picker-input ant-input"><input readOnly="true" placeholder="Start date" tabIndex="-1" value="" class="ant-calendar-range-picker-input"><span class="ant-calendar-range-picker-separator"> ~ </span> |
||||
<input |
||||
readOnly="true" placeholder="End date" tabIndex="-1" value="" class="ant-calendar-range-picker-input"><span class="ant-calendar-picker-icon"></span></span> |
||||
</span> |
||||
<br> <span tabIndex="0" class="ant-calendar-picker" style="width:350px;"><span class="ant-calendar-picker-input ant-input ant-calendar-picker-input ant-input"><input readOnly="true" placeholder="Start date" tabIndex="-1" value="" class="ant-calendar-range-picker-input"><span class="ant-calendar-range-picker-separator"> ~ </span> |
||||
<input |
||||
readOnly="true" placeholder="End date" tabIndex="-1" value="" class="ant-calendar-range-picker-input"><span class="ant-calendar-picker-icon"></span></span> |
||||
</span> |
||||
</div> |
||||
`; |
||||
|
||||
exports[`renders ./components/date-picker/demo/size.md correctly 1`] = ` |
||||
<div> |
||||
<div class="ant-radio-group ant-radio-group-default"> |
||||
<label class="ant-radio-button-wrapper"><span class="ant-radio-button"><input type="radio" class="ant-radio-button-input"><span class="ant-radio-button-inner"></span></span><span>Large</span></label> |
||||
<label class="ant-radio-button-wrapper ant-radio-button-wrapper-checked"><span class="ant-radio-button ant-radio-button-checked"><input type="radio" checked="checked" class="ant-radio-button-input"><span class="ant-radio-button-inner"></span></span><span>Default</span></label> |
||||
<label class="ant-radio-button-wrapper"><span class="ant-radio-button"><input type="radio" class="ant-radio-button-input"><span class="ant-radio-button-inner"></span></span><span>Small</span></label> |
||||
</div> |
||||
<br> |
||||
<br> <span class="ant-calendar-picker ant-calendar-picker-default"><div><input readOnly="true" placeholder="Select date" value="" class="ant-calendar-picker-input ant-input"><span class="ant-calendar-picker-icon"></span></div> |
||||
</span> |
||||
<br> <span class="ant-calendar-picker ant-calendar-picker-default"><div><input readOnly="true" placeholder="Select Month" value="" class="ant-calendar-picker-input ant-input"><span class="ant-calendar-picker-icon"></span></div> |
||||
</span> |
||||
<br> <span tabIndex="0" class="ant-calendar-picker ant-calendar-picker-default"><span class="ant-calendar-picker-input ant-input ant-calendar-picker-input ant-input"><input readOnly="true" placeholder="Start date" tabIndex="-1" value="" class="ant-calendar-range-picker-input"><span class="ant-calendar-range-picker-separator"> ~ </span> |
||||
<input |
||||
readOnly="true" placeholder="End date" tabIndex="-1" value="" class="ant-calendar-range-picker-input"><span class="ant-calendar-picker-icon"></span></span> |
||||
</span> |
||||
<br> <span class="ant-calendar-picker ant-calendar-picker-default"><span><input readOnly="true" placeholder="Select Week" value="" class="ant-calendar-picker-input ant-input"><span class="ant-calendar-picker-icon"></span></span> |
||||
</span> |
||||
</div> |
||||
`; |
||||
|
||||
exports[`renders ./components/date-picker/demo/start-end.md correctly 1`] = ` |
||||
<div><span class="ant-calendar-picker"><div><input readOnly="true" placeholder="Start" value="" class="ant-calendar-picker-input ant-input"><span class="ant-calendar-picker-icon"></span></div> |
||||
</span> <span class="ant-calendar-picker"><div><input readOnly="true" placeholder="End" value="" class="ant-calendar-picker-input ant-input"><span class="ant-calendar-picker-icon"></span></div> |
||||
</span> |
||||
</div> |
||||
`; |
||||
|
||||
exports[`renders ./components/date-picker/demo/time.md correctly 1`] = ` |
||||
<div><span class="ant-calendar-picker"><div><input readOnly="true" placeholder="Select Time" value="" class="ant-calendar-picker-input ant-input"><span class="ant-calendar-picker-icon"></span></div> |
||||
</span> |
||||
<br> <span tabIndex="0" class="ant-calendar-picker" style="width:350px;"><span class="ant-calendar-picker-input ant-input ant-calendar-picker-input ant-input"><input readOnly="true" placeholder="Start Time" tabIndex="-1" value="" class="ant-calendar-range-picker-input"><span class="ant-calendar-range-picker-separator"> ~ </span> |
||||
<input |
||||
readOnly="true" placeholder="End Time" tabIndex="-1" value="" class="ant-calendar-range-picker-input"><span class="ant-calendar-picker-icon"></span></span> |
||||
</span> |
||||
</div> |
||||
`; |
||||
@ -0,0 +1,3 @@
|
||||
import demoTest from '../../../tests/shared/demoTest' |
||||
|
||||
demoTest('date-picker') |
||||
@ -0,0 +1,32 @@
|
||||
// Jest Snapshot v1, https://goo.gl/fbAQLP |
||||
|
||||
exports[`renders ./components/divider/demo/horizontal.md correctly 1`] = ` |
||||
<div> |
||||
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed nonne merninisti licere mihi ista probare, quae sunt a te dicta? Refert tamen, quo modo.</p> |
||||
<div class="ant-divider ant-divider-horizontal"></div> |
||||
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed nonne merninisti licere mihi ista probare, quae sunt a te dicta? Refert tamen, quo modo.</p> |
||||
<div class="ant-divider ant-divider-horizontal ant-divider-with-text"><span class="ant-divider-inner-text">With Text</span></div> |
||||
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed nonne merninisti licere mihi ista probare, quae sunt a te dicta? Refert tamen, quo modo.</p> |
||||
<div class="ant-divider ant-divider-horizontal ant-divider-dashed"></div> |
||||
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed nonne merninisti licere mihi ista probare, quae sunt a te dicta? Refert tamen, quo modo.</p> |
||||
</div> |
||||
`; |
||||
|
||||
exports[`renders ./components/divider/demo/orientation.md correctly 1`] = ` |
||||
<div> |
||||
<div class="ant-divider ant-divider-horizontal ant-divider-with-text-left"><span class="ant-divider-inner-text">Left Text</span></div> |
||||
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed nonne merninisti licere mihi ista probare, quae sunt a te dicta? Refert tamen, quo modo.</p> |
||||
<div class="ant-divider ant-divider-horizontal ant-divider-with-text-right"><span class="ant-divider-inner-text">Right Text</span></div> |
||||
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed nonne merninisti licere mihi ista probare, quae sunt a te dicta? Refert tamen, quo modo.</p> |
||||
</div> |
||||
`; |
||||
|
||||
exports[`renders ./components/divider/demo/vertical.md correctly 1`] = ` |
||||
<div> |
||||
Text |
||||
<div class="ant-divider ant-divider-vertical"></div> |
||||
<a href="#">Link</a> |
||||
<div class="ant-divider ant-divider-vertical"></div> |
||||
<a href="#">Link</a> |
||||
</div> |
||||
`; |
||||
@ -0,0 +1,3 @@
|
||||
import demoTest from '../../../tests/shared/demoTest' |
||||
|
||||
demoTest('divider') |
||||
@ -0,0 +1,83 @@
|
||||
// Jest Snapshot v1, https://goo.gl/fbAQLP |
||||
|
||||
exports[`renders ./components/dropdown/demo/basic.md correctly 1`] = ` |
||||
<a href="#" class="ant-dropdown-link ant-dropdown-trigger"> |
||||
Hover me |
||||
<i class="anticon anticon-down"></i> |
||||
</a> |
||||
`; |
||||
|
||||
exports[`renders ./components/dropdown/demo/context-menu.md correctly 1`] = `<span class="ant-dropdown-trigger" style="user-select:none;">Right Click on Me</span>`; |
||||
|
||||
exports[`renders ./components/dropdown/demo/dropdown-button.md correctly 1`] = ` |
||||
<div> |
||||
<div class="ant-btn-group ant-dropdown-button"> |
||||
<button type="button" class="ant-btn ant-btn-default"><span>Dropdown</span></button> |
||||
<button type="button" class="ant-btn ant-btn-default ant-dropdown-trigger"> |
||||
<i class="anticon anticon-down"></i> |
||||
</button> |
||||
</div> |
||||
<div class="ant-btn-group ant-dropdown-button" style="margin-left:8px;"> |
||||
<button type="button" disabled="disabled" class="ant-btn ant-btn-default"><span>Dropdown</span></button> |
||||
<button type="button" class="ant-btn ant-btn-default ant-dropdown-trigger"> |
||||
<i class="anticon anticon-down"></i> |
||||
</button> |
||||
</div> |
||||
<button type="button" class="ant-btn ant-btn-default ant-dropdown-trigger" style="margin-left:8px;"> |
||||
Button |
||||
<i class="anticon anticon-down"></i> |
||||
</button> |
||||
</div> |
||||
`; |
||||
|
||||
exports[`renders ./components/dropdown/demo/event.md correctly 1`] = ` |
||||
<a href="#" class="ant-dropdown-link ant-dropdown-trigger"> |
||||
Hover me, Click menu item |
||||
<i class="anticon anticon-down"></i> |
||||
</a> |
||||
`; |
||||
|
||||
exports[`renders ./components/dropdown/demo/item.md correctly 1`] = ` |
||||
<a href="#" class="ant-dropdown-link ant-dropdown-trigger"> |
||||
Hover me |
||||
<i class="anticon anticon-down"></i> |
||||
</a> |
||||
`; |
||||
|
||||
exports[`renders ./components/dropdown/demo/overlay-visible.md correctly 1`] = ` |
||||
<a href="#" class="ant-dropdown-link ant-dropdown-trigger"> |
||||
Hover me |
||||
<i class="anticon anticon-down"></i> |
||||
</a> |
||||
`; |
||||
|
||||
exports[`renders ./components/dropdown/demo/placement.md correctly 1`] = ` |
||||
<div id="components-dropdown-demo-placement"> |
||||
<button type="button" class="ant-btn ant-btn-default ant-dropdown-trigger"><span>bottomLeft</span></button> |
||||
<!----> |
||||
<button type="button" class="ant-btn ant-btn-default ant-dropdown-trigger"><span>bottomCenter</span></button> |
||||
<!----> |
||||
<button type="button" class="ant-btn ant-btn-default ant-dropdown-trigger"><span>bottomRight</span></button> |
||||
<br> |
||||
<button type="button" class="ant-btn ant-btn-default ant-dropdown-trigger"><span>topLeft</span></button> |
||||
<!----> |
||||
<button type="button" class="ant-btn ant-btn-default ant-dropdown-trigger"><span>topCenter</span></button> |
||||
<!----> |
||||
<button type="button" class="ant-btn ant-btn-default ant-dropdown-trigger"><span>topRight</span></button> |
||||
<!----> |
||||
</div> |
||||
`; |
||||
|
||||
exports[`renders ./components/dropdown/demo/sub-menu.md correctly 1`] = ` |
||||
<a href="#" class="ant-dropdown-link ant-dropdown-trigger"> |
||||
Cascading menu |
||||
<i class="anticon anticon-down"></i> |
||||
</a> |
||||
`; |
||||
|
||||
exports[`renders ./components/dropdown/demo/trigger.md correctly 1`] = ` |
||||
<a href="#" class="ant-dropdown-link ant-dropdown-trigger"> |
||||
Click me |
||||
<i class="anticon anticon-down"></i> |
||||
</a> |
||||
`; |
||||
@ -0,0 +1,3 @@
|
||||
import demoTest from '../../../tests/shared/demoTest' |
||||
|
||||
demoTest('dropdown') |
||||
@ -0,0 +1,233 @@
|
||||
// Jest Snapshot v1, https://goo.gl/fbAQLP |
||||
|
||||
exports[`renders ./components/grid/demo/basic.md correctly 1`] = ` |
||||
<div> |
||||
<div class="ant-row"> |
||||
<div class="ant-col-12">col-12</div> |
||||
<div class="ant-col-12">col-12</div> |
||||
</div> |
||||
<div class="ant-row"> |
||||
<div class="ant-col-8">col-8</div> |
||||
<div class="ant-col-8">col-8</div> |
||||
<div class="ant-col-8">col-8</div> |
||||
</div> |
||||
<div class="ant-row"> |
||||
<div class="ant-col-6">col-6</div> |
||||
<div class="ant-col-6">col-6</div> |
||||
<div class="ant-col-6">col-6</div> |
||||
<div class="ant-col-6">col-6</div> |
||||
</div> |
||||
</div> |
||||
`; |
||||
|
||||
exports[`renders ./components/grid/demo/flex.md correctly 1`] = ` |
||||
<div> |
||||
<p>sub-element align left</p> |
||||
<div class="ant-row-flex ant-row-flex-start"> |
||||
<div class="ant-col-4">col-4</div> |
||||
<div class="ant-col-4">col-4</div> |
||||
<div class="ant-col-4">col-4</div> |
||||
<div class="ant-col-4">col-4</div> |
||||
</div> |
||||
<p>sub-element align center</p> |
||||
<div class="ant-row-flex ant-row-flex-center"> |
||||
<div class="ant-col-4">col-4</div> |
||||
<div class="ant-col-4">col-4</div> |
||||
<div class="ant-col-4">col-4</div> |
||||
<div class="ant-col-4">col-4</div> |
||||
</div> |
||||
<p>sub-element align right</p> |
||||
<div class="ant-row-flex ant-row-flex-end"> |
||||
<div class="ant-col-4">col-4</div> |
||||
<div class="ant-col-4">col-4</div> |
||||
<div class="ant-col-4">col-4</div> |
||||
<div class="ant-col-4">col-4</div> |
||||
</div> |
||||
<p>sub-element monospaced arrangement</p> |
||||
<div class="ant-row-flex ant-row-flex-space-between"> |
||||
<div class="ant-col-4">col-4</div> |
||||
<div class="ant-col-4">col-4</div> |
||||
<div class="ant-col-4">col-4</div> |
||||
<div class="ant-col-4">col-4</div> |
||||
</div> |
||||
<p>sub-element align full</p> |
||||
<div class="ant-row-flex ant-row-flex-space-around"> |
||||
<div class="ant-col-4">col-4</div> |
||||
<div class="ant-col-4">col-4</div> |
||||
<div class="ant-col-4">col-4</div> |
||||
<div class="ant-col-4">col-4</div> |
||||
</div> |
||||
</div> |
||||
`; |
||||
|
||||
exports[`renders ./components/grid/demo/flex-align.md correctly 1`] = ` |
||||
<div> |
||||
<p>Align Top</p> |
||||
<div class="ant-row-flex ant-row-flex-center ant-row-flex-top"> |
||||
<div class="ant-col-4"> |
||||
<p class="height-100">col-4</p> |
||||
</div> |
||||
<div class="ant-col-4"> |
||||
<p class="height-50">col-4</p> |
||||
</div> |
||||
<div class="ant-col-4"> |
||||
<p class="height-120">col-4</p> |
||||
</div> |
||||
<div class="ant-col-4"> |
||||
<p class="height-80">col-4</p> |
||||
</div> |
||||
</div> |
||||
<p>Align Center</p> |
||||
<div class="ant-row-flex ant-row-flex-space-around ant-row-flex-middle"> |
||||
<div class="ant-col-4"> |
||||
<p class="height-100">col-4</p> |
||||
</div> |
||||
<div class="ant-col-4"> |
||||
<p class="height-50">col-4</p> |
||||
</div> |
||||
<div class="ant-col-4"> |
||||
<p class="height-120">col-4</p> |
||||
</div> |
||||
<div class="ant-col-4"> |
||||
<p class="height-80">col-4</p> |
||||
</div> |
||||
</div> |
||||
<p>Align Bottom</p> |
||||
<div class="ant-row-flex ant-row-flex-space-between ant-row-flex-bottom"> |
||||
<div class="ant-col-4"> |
||||
<p class="height-100">col-4</p> |
||||
</div> |
||||
<div class="ant-col-4"> |
||||
<p class="height-50">col-4</p> |
||||
</div> |
||||
<div class="ant-col-4"> |
||||
<p class="height-120">col-4</p> |
||||
</div> |
||||
<div class="ant-col-4"> |
||||
<p class="height-80">col-4</p> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
`; |
||||
|
||||
exports[`renders ./components/grid/demo/flex-order.md correctly 1`] = ` |
||||
<div> |
||||
<div class="ant-row-flex"> |
||||
<div class="ant-col-6 ant-col-order-4">1 col-order-4</div> |
||||
<div class="ant-col-6 ant-col-order-3">2 col-order-3</div> |
||||
<div class="ant-col-6 ant-col-order-2">3 col-order-2</div> |
||||
<div class="ant-col-6 ant-col-order-1">4 col-order-1</div> |
||||
</div> |
||||
</div> |
||||
`; |
||||
|
||||
exports[`renders ./components/grid/demo/gutter.md correctly 1`] = ` |
||||
<div class="gutter-example"> |
||||
<div class="ant-row" style="margin-left:-8px;margin-right:-8px;"> |
||||
<div class="gutter-row ant-col-6" style="padding-left:8px;padding-right:8px;"> |
||||
<div class="gutter-box">col-6</div> |
||||
</div> |
||||
<div class="gutter-row ant-col-6" style="padding-left:8px;padding-right:8px;"> |
||||
<div class="gutter-box">col-6</div> |
||||
</div> |
||||
<div class="gutter-row ant-col-6" style="padding-left:8px;padding-right:8px;"> |
||||
<div class="gutter-box">col-6</div> |
||||
</div> |
||||
<div class="gutter-row ant-col-6" style="padding-left:8px;padding-right:8px;"> |
||||
<div class="gutter-box">col-6</div> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
`; |
||||
|
||||
exports[`renders ./components/grid/demo/offset.md correctly 1`] = ` |
||||
<div> |
||||
<div class="ant-row"> |
||||
<div class="ant-col-8">col-8</div> |
||||
<div class="ant-col-8 ant-col-offset-8">col-8</div> |
||||
</div> |
||||
<div class="ant-row"> |
||||
<div class="ant-col-6 ant-col-offset-6">col-6 col-offset-6</div> |
||||
<div class="ant-col-6 ant-col-offset-6">col-6 col-offset-6</div> |
||||
</div> |
||||
<div class="ant-row"> |
||||
<div class="ant-col-12 ant-col-offset-6">col-12 col-offset-6</div> |
||||
</div> |
||||
</div> |
||||
`; |
||||
|
||||
exports[`renders ./components/grid/demo/playfround.md correctly 1`] = ` |
||||
<div id="components-grid-demo-playground"> |
||||
<div style="margin-bottom:16px;"><span style="margin-right:6px;">Gutter (px): </span> |
||||
<div style="width:50%;"> |
||||
<div class="ant-slider ant-slider-with-marks"> |
||||
<div class="ant-slider-rail"></div> |
||||
<div class="ant-slider-track" style="left:0%;width:20%;"></div> |
||||
<div class="ant-slider-step"><span class="ant-slider-dot ant-slider-dot-active" style="left:0%;"></span><span class="ant-slider-dot ant-slider-dot-active" style="left:20%;"></span><span class="ant-slider-dot" style="left:40%;"></span><span class="ant-slider-dot" style="left:60%;"></span> |
||||
<span |
||||
class="ant-slider-dot" style="left:80%;"></span><span class="ant-slider-dot" style="left:100%;"></span></div> |
||||
<div role="slider" tabIndex="0" aria-valuemin="0" aria-valuemax="5" aria-valuenow="1" class="ant-slider-handle" style="left:20%;"></div> |
||||
<div class="ant-slider-mark"><span class="ant-slider-mark-text ant-slider-mark-text-active" style="width:18%;margin-left:-9%;left:0%;">8</span><span class="ant-slider-mark-text ant-slider-mark-text-active" style="width:18%;margin-left:-9%;left:20%;">16</span><span class="ant-slider-mark-text" |
||||
style="width:18%;margin-left:-9%;left:40%;">24</span><span class="ant-slider-mark-text" style="width:18%;margin-left:-9%;left:60%;">32</span><span class="ant-slider-mark-text" style="width:18%;margin-left:-9%;left:80%;">40</span><span class="ant-slider-mark-text" |
||||
style="width:18%;margin-left:-9%;left:100%;">48</span></div> |
||||
</div> |
||||
</div> <span style="margin-right:6px;">Column Count:</span> |
||||
<div style="width:50%;"> |
||||
<div class="ant-slider ant-slider-with-marks"> |
||||
<div class="ant-slider-rail"></div> |
||||
<div class="ant-slider-track" style="left:0%;width:40%;"></div> |
||||
<div class="ant-slider-step"><span class="ant-slider-dot ant-slider-dot-active" style="left:0%;"></span><span class="ant-slider-dot ant-slider-dot-active" style="left:20%;"></span><span class="ant-slider-dot ant-slider-dot-active" style="left:40%;"></span><span class="ant-slider-dot" |
||||
style="left:60%;"></span><span class="ant-slider-dot" style="left:80%;"></span><span class="ant-slider-dot" style="left:100%;"></span></div> |
||||
<div role="slider" tabIndex="0" aria-valuemin="0" aria-valuemax="5" aria-valuenow="2" class="ant-slider-handle" |
||||
style="left:40%;"></div> |
||||
<div class="ant-slider-mark"><span class="ant-slider-mark-text ant-slider-mark-text-active" style="width:18%;margin-left:-9%;left:0%;">2</span><span class="ant-slider-mark-text ant-slider-mark-text-active" style="width:18%;margin-left:-9%;left:20%;">3</span><span class="ant-slider-mark-text ant-slider-mark-text-active" |
||||
style="width:18%;margin-left:-9%;left:40%;">4</span><span class="ant-slider-mark-text" style="width:18%;margin-left:-9%;left:60%;">6</span><span class="ant-slider-mark-text" style="width:18%;margin-left:-9%;left:80%;">8</span><span class="ant-slider-mark-text" |
||||
style="width:18%;margin-left:-9%;left:100%;">12</span></div> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
<div class="ant-row" style="margin-left:-8px;margin-right:-8px;"> |
||||
<div class="ant-col-6" style="padding-left:8px;padding-right:8px;"> |
||||
<div>Column</div> |
||||
</div> |
||||
<div class="ant-col-6" style="padding-left:8px;padding-right:8px;"> |
||||
<div>Column</div> |
||||
</div> |
||||
<div class="ant-col-6" style="padding-left:8px;padding-right:8px;"> |
||||
<div>Column</div> |
||||
</div> |
||||
<div class="ant-col-6" style="padding-left:8px;padding-right:8px;"> |
||||
<div>Column</div> |
||||
</div> |
||||
</div> <pre><Row :gutter="16"> |
||||
<Col :span="6"/> |
||||
<Col :span="6"/> |
||||
<Col :span="6"/> |
||||
<Col :span="6"/> |
||||
</Row></pre></div> |
||||
`; |
||||
|
||||
exports[`renders ./components/grid/demo/responsive.md correctly 1`] = ` |
||||
<div class="ant-row"> |
||||
<div class="ant-col-xs-2 ant-col-sm-4 ant-col-md-6 ant-col-lg-8 ant-col-xl-10">Col</div> |
||||
<div class="ant-col-xs-20 ant-col-sm-16 ant-col-md-12 ant-col-lg-8 ant-col-xl-4">Col</div> |
||||
<div class="ant-col-xs-2 ant-col-sm-4 ant-col-md-6 ant-col-lg-8 ant-col-xl-10">Col</div> |
||||
</div> |
||||
`; |
||||
|
||||
exports[`renders ./components/grid/demo/responsive-more.md correctly 1`] = ` |
||||
<div class="ant-row"> |
||||
<div class="ant-col-xs-5 ant-col-xs-offset-1 ant-col-lg-6 ant-col-lg-offset-2">Col</div> |
||||
<div class="ant-col-xs-11 ant-col-xs-offset-1 ant-col-lg-6 ant-col-lg-offset-2">Col</div> |
||||
<div class="ant-col-xs-5 ant-col-xs-offset-1 ant-col-lg-6 ant-col-lg-offset-2">Col</div> |
||||
</div> |
||||
`; |
||||
|
||||
exports[`renders ./components/grid/demo/sort.md correctly 1`] = ` |
||||
<div> |
||||
<div class="ant-row"> |
||||
<div class="ant-col-18 ant-col-push-6">col-18 col-push-6</div> |
||||
<div class="ant-col-6 ant-col-pull-18">col-6 col-pull-18</div> |
||||
</div> |
||||
</div> |
||||
`; |
||||
@ -0,0 +1,3 @@
|
||||
import demoTest from '../../../tests/shared/demoTest' |
||||
|
||||
demoTest('grid') |
||||
@ -0,0 +1,94 @@
|
||||
// Jest Snapshot v1, https://goo.gl/fbAQLP |
||||
|
||||
exports[`renders ./components/input-number/demo/basic.md correctly 1`] = ` |
||||
<div> |
||||
<div class="ant-input-number"> |
||||
<div class="ant-input-number-handler-wrap"><span unselectable="unselectable" role="button" aria-label="Increase Value" class="ant-input-number-handler ant-input-number-handler-up "><span unselectable="unselectable" class="ant-input-number-handler-up-inner"></span></span><span unselectable="unselectable" |
||||
role="button" aria-label="Decrease Value" class="ant-input-number-handler ant-input-number-handler-down "><span unselectable="unselectable" class="ant-input-number-handler-down-inner"></span></span> |
||||
</div> |
||||
<div role="spinbutton" aria-valuemin="1" aria-valuemax="10" aria-valuenow="3" class="ant-input-number-input-wrap"> |
||||
<input autoComplete="off" max="10" min="1" step="1" value="3" class="ant-input-number-input"> |
||||
</div> |
||||
</div> |
||||
当前值：3 |
||||
</div> |
||||
`; |
||||
|
||||
exports[`renders ./components/input-number/demo/digit.md correctly 1`] = ` |
||||
<div class="ant-input-number"> |
||||
<div class="ant-input-number-handler-wrap"><span unselectable="unselectable" role="button" aria-label="Increase Value" class="ant-input-number-handler ant-input-number-handler-up "><span unselectable="unselectable" class="ant-input-number-handler-up-inner"></span></span><span unselectable="unselectable" |
||||
role="button" aria-label="Decrease Value" class="ant-input-number-handler ant-input-number-handler-down "><span unselectable="unselectable" class="ant-input-number-handler-down-inner"></span></span> |
||||
</div> |
||||
<div role="spinbutton" aria-valuemin="0" aria-valuemax="10" class="ant-input-number-input-wrap"> |
||||
<input autoComplete="off" max="10" min="0" step="0.1" value="" class="ant-input-number-input"> |
||||
</div> |
||||
</div> |
||||
`; |
||||
|
||||
exports[`renders ./components/input-number/demo/disabled.md correctly 1`] = ` |
||||
<div> |
||||
<div class="ant-input-number ant-input-number-disabled"> |
||||
<div class="ant-input-number-handler-wrap"><span unselectable="unselectable" role="button" aria-label="Increase Value" aria-disabled="true" class="ant-input-number-handler ant-input-number-handler-up "><span unselectable="unselectable" class="ant-input-number-handler-up-inner"></span></span> |
||||
<span |
||||
unselectable="unselectable" role="button" aria-label="Decrease Value" aria-disabled="true" class="ant-input-number-handler ant-input-number-handler-down "><span unselectable="unselectable" class="ant-input-number-handler-down-inner"></span></span> |
||||
</div> |
||||
<div role="spinbutton" aria-valuemin="1" aria-valuemax="10" aria-valuenow="3" class="ant-input-number-input-wrap"> |
||||
<input autoComplete="off" disabled="disabled" max="10" min="1" step="1" value="3" class="ant-input-number-input"> |
||||
</div> |
||||
</div> |
||||
<div style="margin-top:20px;"> |
||||
<button type="button" class="ant-btn ant-btn-primary"><span>Toggle disabled</span></button> |
||||
</div> |
||||
</div> |
||||
`; |
||||
|
||||
exports[`renders ./components/input-number/demo/formatter.md correctly 1`] = ` |
||||
<div> |
||||
<div class="ant-input-number"> |
||||
<div class="ant-input-number-handler-wrap"><span unselectable="unselectable" role="button" aria-label="Increase Value" class="ant-input-number-handler ant-input-number-handler-up "><span unselectable="unselectable" class="ant-input-number-handler-up-inner"></span></span><span unselectable="unselectable" |
||||
role="button" aria-label="Decrease Value" class="ant-input-number-handler ant-input-number-handler-down "><span unselectable="unselectable" class="ant-input-number-handler-down-inner"></span></span> |
||||
</div> |
||||
<div role="spinbutton" aria-valuemin="-9007199254740991" aria-valuenow="1000" class="ant-input-number-input-wrap"> |
||||
<input autoComplete="off" min="-9007199254740991" step="1" value="$ 1,000" class="ant-input-number-input"> |
||||
</div> |
||||
</div> |
||||
<div class="ant-input-number"> |
||||
<div class="ant-input-number-handler-wrap"><span unselectable="unselectable" role="button" aria-label="Increase Value" aria-disabled="true" class="ant-input-number-handler ant-input-number-handler-up ant-input-number-handler-up-disabled"><span unselectable="unselectable" class="ant-input-number-handler-up-inner"></span></span> |
||||
<span |
||||
unselectable="unselectable" role="button" aria-label="Decrease Value" class="ant-input-number-handler ant-input-number-handler-down "><span unselectable="unselectable" class="ant-input-number-handler-down-inner"></span></span> |
||||
</div> |
||||
<div role="spinbutton" aria-valuemin="0" aria-valuemax="100" aria-valuenow="100" class="ant-input-number-input-wrap"> |
||||
<input autoComplete="off" max="100" min="0" step="1" value="100%" class="ant-input-number-input"> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
`; |
||||
|
||||
exports[`renders ./components/input-number/demo/size.md correctly 1`] = ` |
||||
<div> |
||||
<div class="ant-input-number ant-input-number-lg"> |
||||
<div class="ant-input-number-handler-wrap"><span unselectable="unselectable" role="button" aria-label="Increase Value" class="ant-input-number-handler ant-input-number-handler-up "><span unselectable="unselectable" class="ant-input-number-handler-up-inner"></span></span><span unselectable="unselectable" |
||||
role="button" aria-label="Decrease Value" class="ant-input-number-handler ant-input-number-handler-down "><span unselectable="unselectable" class="ant-input-number-handler-down-inner"></span></span> |
||||
</div> |
||||
<div role="spinbutton" aria-valuemin="1" aria-valuemax="100000" aria-valuenow="3" class="ant-input-number-input-wrap"> |
||||
<input autoComplete="off" max="100000" min="1" step="1" value="3" class="ant-input-number-input"> |
||||
</div> |
||||
</div> |
||||
<div class="ant-input-number"> |
||||
<div class="ant-input-number-handler-wrap"><span unselectable="unselectable" role="button" aria-label="Increase Value" class="ant-input-number-handler ant-input-number-handler-up "><span unselectable="unselectable" class="ant-input-number-handler-up-inner"></span></span><span unselectable="unselectable" |
||||
role="button" aria-label="Decrease Value" class="ant-input-number-handler ant-input-number-handler-down "><span unselectable="unselectable" class="ant-input-number-handler-down-inner"></span></span> |
||||
</div> |
||||
<div role="spinbutton" aria-valuemin="1" aria-valuemax="100000" aria-valuenow="3" class="ant-input-number-input-wrap"> |
||||
<input autoComplete="off" max="100000" min="1" step="1" value="3" class="ant-input-number-input"> |
||||
</div> |
||||
</div> |
||||
<div class="ant-input-number ant-input-number-sm"> |
||||
<div class="ant-input-number-handler-wrap"><span unselectable="unselectable" role="button" aria-label="Increase Value" class="ant-input-number-handler ant-input-number-handler-up "><span unselectable="unselectable" class="ant-input-number-handler-up-inner"></span></span><span unselectable="unselectable" |
||||
role="button" aria-label="Decrease Value" class="ant-input-number-handler ant-input-number-handler-down "><span unselectable="unselectable" class="ant-input-number-handler-down-inner"></span></span> |
||||
</div> |
||||
<div role="spinbutton" aria-valuemin="1" aria-valuemax="100000" aria-valuenow="3" class="ant-input-number-input-wrap"> |
||||
<input autoComplete="off" max="100000" min="1" step="1" value="3" class="ant-input-number-input"> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
`; |
||||
@ -0,0 +1,3 @@
|
||||
import demoTest from '../../../tests/shared/demoTest' |
||||
|
||||
demoTest('input-number') |
||||
@ -0,0 +1,3 @@
|
||||
import demoTest from '../../../tests/shared/demoTest' |
||||
|
||||
demoTest('input') |
||||
@ -0,0 +1,389 @@
|
||||
// Jest Snapshot v1, https://goo.gl/fbAQLP |
||||
|
||||
exports[`renders ./components/layout/demo/basic.md correctly 1`] = ` |
||||
<div id="components-layout-demo-basic"> |
||||
<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" 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" 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" 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 id="components-layout-demo-custom-trigger" class="ant-layout"> |
||||
<div class="ant-layout-sider" style="flex:0 0 200px;max-width:200px;min-width:200px;width:200px;"> |
||||
<div class="ant-layout-sider-children"> |
||||
<div class="logo"></div> |
||||
<ul role="menu" aria-activedescendant="" tabIndex="0" class="ant-menu ant-menu-root ant-menu-inline ant-menu-dark"> |
||||
<li role="menuitem" aria-selected="true" class="ant-menu-item ant-menu-item-selected" style="padding-left:24px;"> |
||||
<i class="anticon anticon-user"></i> <span>nav 1</span></li> |
||||
<li role="menuitem" class="ant-menu-item" style="padding-left:24px;"> |
||||
<i class="anticon anticon-video-camera"></i> <span>nav 2</span></li> |
||||
<li role="menuitem" class="ant-menu-item" style="padding-left:24px;"> |
||||
<i class="anticon anticon-upload"></i> <span>nav 3</span></li> |
||||
</ul> |
||||
</div> |
||||
</div> |
||||
<div class="ant-layout"> |
||||
<div class="ant-layout-header" style="background:#fff;padding:0;"> |
||||
<i class="trigger anticon anticon-menu-fold"></i> |
||||
</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 id="components-layout-demo-fixed" class="ant-layout"> |
||||
<div class="ant-layout-header" style="position:fixed;width:100%;"> |
||||
<div class="logo"></div> |
||||
<ul role="menu" aria-activedescendant="" tabIndex="0" class="ant-menu ant-menu-root ant-menu-horizontal ant-menu-dark" style="line-height:64px;"> |
||||
<li role="menuitem" class="ant-menu-item">nav 1</li> |
||||
<li role="menuitem" aria-selected="true" class="ant-menu-item ant-menu-item-selected">nav 2</li> |
||||
<li role="menuitem" class="ant-menu-item">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">/</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:380px;">Content</div> |
||||
</div> |
||||
<div class="ant-layout-footer" style="text-align:center;"> |
||||
Ant Design ©2016 Created by Ant UED |
||||
</div> |
||||
</div> |
||||
`; |
||||
|
||||
exports[`renders ./components/layout/demo/fixed-sider.md correctly 1`] = ` |
||||
<div id="components-layout-demo-fixed-sider" class="ant-layout"> |
||||
<div class="ant-layout-sider" style="flex:0 0 200px;max-width:200px;min-width:200px;width:200px;overflow:auto;height:100vh;position:fixed;left:0;"> |
||||
<div class="ant-layout-sider-children"> |
||||
<div class="logo"></div> |
||||
<ul role="menu" aria-activedescendant="" tabIndex="0" class="ant-menu ant-menu-root ant-menu-inline ant-menu-dark"> |
||||
<li role="menuitem" class="ant-menu-item" style="padding-left:24px;"> |
||||
<i class="anticon anticon-user"></i> <span class="nav-text">nav 1</span></li> |
||||
<li role="menuitem" class="ant-menu-item" style="padding-left:24px;"> |
||||
<i class="anticon anticon-video-camera"></i> <span class="nav-text">nav 2</span></li> |
||||
<li role="menuitem" class="ant-menu-item" style="padding-left:24px;"> |
||||
<i class="anticon anticon-upload"></i> <span class="nav-text">nav 3</span></li> |
||||
<li role="menuitem" aria-selected="true" class="ant-menu-item ant-menu-item-selected" style="padding-left:24px;"> |
||||
<i class="anticon anticon-bar-chart"></i> <span class="nav-text">nav 4</span></li> |
||||
<li role="menuitem" class="ant-menu-item" style="padding-left:24px;"> |
||||
<i class="anticon anticon-cloud-o"></i> <span class="nav-text">nav 5</span></li> |
||||
<li role="menuitem" class="ant-menu-item" style="padding-left:24px;"> |
||||
<i class="anticon anticon-appstore-o"></i> <span class="nav-text">nav 6</span></li> |
||||
<li role="menuitem" class="ant-menu-item" style="padding-left:24px;"> |
||||
<i class="anticon anticon-team"></i> <span class="nav-text">nav 7</span></li> |
||||
<li role="menuitem" class="ant-menu-item" style="padding-left:24px;"> |
||||
<i class="anticon anticon-shop"></i> <span class="nav-text">nav 8</span></li> |
||||
</ul> |
||||
</div> |
||||
</div> |
||||
<div class="ant-layout" style="margin-left:200px;"> |
||||
<div class="ant-layout-header" style="background:#fff;padding:0;"></div> |
||||
<div class="ant-layout-content" style="margin:24px 16px 0;overflow:initial;"> |
||||
<div style="padding:24px;background:#fff;text-align:center;"> |
||||
... |
||||
<br> Really |
||||
<br>... |
||||
<br>... |
||||
<br>... |
||||
<br> long |
||||
<br>... |
||||
<br>... |
||||
<br>... |
||||
<br>... |
||||
<br>... |
||||
<br>... |
||||
<br>... |
||||
<br>... |
||||
<br>... |
||||
<br>... |
||||
<br>... |
||||
<br>... |
||||
<br>... |
||||
<br>... |
||||
<br>... |
||||
<br>... |
||||
<br>... |
||||
<br>... |
||||
<br>... |
||||
<br>... |
||||
<br>... |
||||
<br>... |
||||
<br>... |
||||
<br>... |
||||
<br>... |
||||
<br>... |
||||
<br>... |
||||
<br>... |
||||
<br>... |
||||
<br>... |
||||
<br>... |
||||
<br>... |
||||
<br>... |
||||
<br>... |
||||
<br>... |
||||
<br>... |
||||
<br>... |
||||
<br>... |
||||
<br>... |
||||
<br>... |
||||
<br>... |
||||
<br> content |
||||
</div> |
||||
</div> |
||||
<div class="ant-layout-footer" style="text-align:center;"> |
||||
Ant Design ©2016 Created by Ant UED |
||||
</div> |
||||
</div> |
||||
</div> |
||||
`; |
||||
|
||||
exports[`renders ./components/layout/demo/responsive.md correctly 1`] = ` |
||||
<div id="components-layout-demo-responsive" class="ant-layout"> |
||||
<div class="ant-layout-sider" style="flex:0 0 200px;max-width:200px;min-width:200px;width:200px;"> |
||||
<div class="ant-layout-sider-children"> |
||||
<div class="logo"></div> |
||||
<ul role="menu" aria-activedescendant="" tabIndex="0" class="ant-menu ant-menu-root ant-menu-inline ant-menu-dark"> |
||||
<li role="menuitem" class="ant-menu-item" style="padding-left:24px;"> |
||||
<i class="anticon anticon-user"></i> <span class="nav-text">nav 1</span></li> |
||||
<li role="menuitem" class="ant-menu-item" style="padding-left:24px;"> |
||||
<i class="anticon anticon-video-camera"></i> <span class="nav-text">nav 2</span></li> |
||||
<li role="menuitem" class="ant-menu-item" style="padding-left:24px;"> |
||||
<i class="anticon anticon-upload"></i> <span class="nav-text">nav 3</span></li> |
||||
<li role="menuitem" aria-selected="true" class="ant-menu-item ant-menu-item-selected" style="padding-left:24px;"> |
||||
<i class="anticon anticon-user"></i> <span class="nav-text">nav 4</span></li> |
||||
</ul> |
||||
</div> |
||||
</div> |
||||
<div class="ant-layout"> |
||||
<div class="ant-layout-header" style="background:#fff;padding:0;"></div> |
||||
<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[`renders ./components/layout/demo/side.md correctly 1`] = ` |
||||
<div id="components-layout-demo-side" class="ant-layout" style="min-height:100vh;"> |
||||
<div class="ant-layout-sider ant-layout-sider-has-trigger" style="flex:0 0 200px;max-width:200px;min-width:200px;width:200px;"> |
||||
<div class="ant-layout-sider-children"> |
||||
<div class="logo"></div> |
||||
<ul role="menu" aria-activedescendant="" tabIndex="0" class="ant-menu ant-menu-root ant-menu-inline ant-menu-dark"> |
||||
<li role="menuitem" aria-selected="true" class="ant-menu-item ant-menu-item-selected" style="padding-left:24px;"> |
||||
<i class="anticon anticon-pie-chart"></i> <span>Option 1</span></li> |
||||
<li role="menuitem" class="ant-menu-item" style="padding-left:24px;"> |
||||
<i class="anticon anticon-desktop"></i> <span>Option 2</span></li> |
||||
<li class="ant-menu-submenu ant-menu-submenu-inline"> |
||||
<div aria-owns="sub1$Menu" aria-haspopup="true" class="ant-menu-submenu-title" style="padding-left:24px;"><span><i class="anticon anticon-user"></i><span>User</span></span> |
||||
<i class="ant-menu-submenu-arrow"></i> |
||||
</div> |
||||
<!----> |
||||
</li> |
||||
<li class="ant-menu-submenu ant-menu-submenu-inline"> |
||||
<div aria-owns="sub2$Menu" aria-haspopup="true" class="ant-menu-submenu-title" style="padding-left:24px;"><span><i class="anticon anticon-team"></i><span>Team</span></span> |
||||
<i class="ant-menu-submenu-arrow"></i> |
||||
</div> |
||||
<!----> |
||||
</li> |
||||
<li role="menuitem" class="ant-menu-item" style="padding-left:24px;"> |
||||
<i class="anticon anticon-file"></i> <span>File</span></li> |
||||
</ul> |
||||
</div> |
||||
<div class="ant-layout-sider-trigger" style="width:200px;"> |
||||
<i class="anticon anticon-left"></i> |
||||
</div> |
||||
</div> |
||||
<div class="ant-layout"> |
||||
<div class="ant-layout-header" style="background:#fff;padding:0;"></div> |
||||
<div class="ant-layout-content" style="margin:0 16px;"> |
||||
<div class="ant-breadcrumb" style="margin:16px 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[`renders ./components/layout/demo/top.md correctly 1`] = ` |
||||
<div id="components-layout-demo-top" class="layout ant-layout"> |
||||
<div class="ant-layout-header"> |
||||
<div class="logo"></div> |
||||
<ul role="menu" aria-activedescendant="" tabIndex="0" class="ant-menu ant-menu-root ant-menu-horizontal ant-menu-dark" style="line-height:64px;"> |
||||
<li role="menuitem" class="ant-menu-item">nav 1</li> |
||||
<li role="menuitem" aria-selected="true" class="ant-menu-item ant-menu-item-selected">nav 2</li> |
||||
<li role="menuitem" class="ant-menu-item">nav 3</li> |
||||
</ul> |
||||
</div> |
||||
<div class="ant-layout-content" style="padding:0 50px;"> |
||||
<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">/</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[`renders ./components/layout/demo/top-side.md correctly 1`] = ` |
||||
<div id="components-layout-demo-top-side" class="ant-layout"> |
||||
<div class="header ant-layout-header"> |
||||
<div class="logo"></div> |
||||
<ul role="menu" aria-activedescendant="" tabIndex="0" class="ant-menu ant-menu-root ant-menu-horizontal ant-menu-dark" style="line-height:64px;"> |
||||
<li role="menuitem" class="ant-menu-item">nav 1</li> |
||||
<li role="menuitem" aria-selected="true" class="ant-menu-item ant-menu-item-selected">nav 2</li> |
||||
<li role="menuitem" class="ant-menu-item">nav 3</li> |
||||
</ul> |
||||
</div> |
||||
<div class="ant-layout-content" style="padding:0 50px;"> |
||||
<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">/</span></span><span><span class="ant-breadcrumb-link">App</span> |
||||
<span |
||||
class="ant-breadcrumb-separator">/</span> |
||||
</span> |
||||
</div> |
||||
<div class="ant-layout" style="padding:24px 0;background:#fff;"> |
||||
<div class="ant-layout-sider" style="flex:0 0 200px;max-width:200px;min-width:200px;width:200px;background:#fff;"> |
||||
<div class="ant-layout-sider-children"> |
||||
<ul role="menu" aria-activedescendant="" tabIndex="0" class="ant-menu ant-menu-root ant-menu-inline ant-menu-light" style="height:100%;"> |
||||
<li class="ant-menu-submenu ant-menu-submenu-inline ant-menu-submenu-open ant-menu-submenu-selected"> |
||||
<div aria-expanded="true" aria-owns="sub1$Menu" aria-haspopup="true" class="ant-menu-submenu-title" style="padding-left:24px;"><span><i class="anticon anticon-user"></i>subnav 1</span> |
||||
<i class="ant-menu-submenu-arrow"></i> |
||||
</div> |
||||
<ul role="menu" aria-activedescendant="" class="ant-menu ant-menu-sub ant-menu-inline"> |
||||
<li role="menuitem" aria-selected="true" class="ant-menu-item ant-menu-item-selected" style="padding-left:48px;">option1</li> |
||||
<li role="menuitem" class="ant-menu-item" style="padding-left:48px;">option2</li> |
||||
<li role="menuitem" class="ant-menu-item" style="padding-left:48px;">option3</li> |
||||
<li role="menuitem" class="ant-menu-item" style="padding-left:48px;">option4</li> |
||||
</ul> |
||||
</li> |
||||
<li class="ant-menu-submenu ant-menu-submenu-inline"> |
||||
<div aria-owns="sub2$Menu" aria-haspopup="true" class="ant-menu-submenu-title" style="padding-left:24px;"><span><i class="anticon anticon-laptop"></i>subnav 2</span> |
||||
<i class="ant-menu-submenu-arrow"></i> |
||||
</div> |
||||
<!----> |
||||
</li> |
||||
<li class="ant-menu-submenu ant-menu-submenu-inline"> |
||||
<div aria-owns="sub3$Menu" aria-haspopup="true" class="ant-menu-submenu-title" style="padding-left:24px;"><span><i class="anticon anticon-notification"></i>subnav 3</span> |
||||
<i class="ant-menu-submenu-arrow"></i> |
||||
</div> |
||||
<!----> |
||||
</li> |
||||
</ul> |
||||
</div> |
||||
</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> |
||||
`; |
||||
|
||||
exports[`renders ./components/layout/demo/top-side-2.md correctly 1`] = ` |
||||
<div id="components-layout-demo-top-side-2" class="ant-layout"> |
||||
<div class="header ant-layout-header"> |
||||
<div class="logo"></div> |
||||
<ul role="menu" aria-activedescendant="" tabIndex="0" class="ant-menu ant-menu-root ant-menu-horizontal ant-menu-dark" style="line-height:64px;"> |
||||
<li role="menuitem" class="ant-menu-item">nav 1</li> |
||||
<li role="menuitem" aria-selected="true" class="ant-menu-item ant-menu-item-selected">nav 2</li> |
||||
<li role="menuitem" class="ant-menu-item">nav 3</li> |
||||
</ul> |
||||
</div> |
||||
<div class="ant-layout"> |
||||
<div class="ant-layout-sider" style="flex:0 0 200px;max-width:200px;min-width:200px;width:200px;background:#fff;"> |
||||
<div class="ant-layout-sider-children"> |
||||
<ul role="menu" aria-activedescendant="" tabIndex="0" class="ant-menu ant-menu-root ant-menu-inline ant-menu-light" style="height:100%;border-right:0;"> |
||||
<li class="ant-menu-submenu ant-menu-submenu-inline ant-menu-submenu-open ant-menu-submenu-selected"> |
||||
<div aria-expanded="true" aria-owns="sub1$Menu" aria-haspopup="true" class="ant-menu-submenu-title" style="padding-left:24px;"><span><i class="anticon anticon-user"></i>subnav 1</span> |
||||
<i class="ant-menu-submenu-arrow"></i> |
||||
</div> |
||||
<ul role="menu" aria-activedescendant="" class="ant-menu ant-menu-sub ant-menu-inline"> |
||||
<li role="menuitem" aria-selected="true" class="ant-menu-item ant-menu-item-selected" style="padding-left:48px;">option1</li> |
||||
<li role="menuitem" class="ant-menu-item" style="padding-left:48px;">option2</li> |
||||
<li role="menuitem" class="ant-menu-item" style="padding-left:48px;">option3</li> |
||||
<li role="menuitem" class="ant-menu-item" style="padding-left:48px;">option4</li> |
||||
</ul> |
||||
</li> |
||||
<li class="ant-menu-submenu ant-menu-submenu-inline"> |
||||
<div aria-owns="sub2$Menu" aria-haspopup="true" class="ant-menu-submenu-title" style="padding-left:24px;"><span><i class="anticon anticon-laptop"></i>subnav 2</span> |
||||
<i class="ant-menu-submenu-arrow"></i> |
||||
</div> |
||||
<!----> |
||||
</li> |
||||
<li class="ant-menu-submenu ant-menu-submenu-inline"> |
||||
<div aria-owns="sub3$Menu" aria-haspopup="true" class="ant-menu-submenu-title" style="padding-left:24px;"><span><i class="anticon anticon-notification"></i>subnav 3</span> |
||||
<i class="ant-menu-submenu-arrow"></i> |
||||
</div> |
||||
<!----> |
||||
</li> |
||||
</ul> |
||||
</div> |
||||
</div> |
||||
<div class="ant-layout" style="padding:0 24px 24px;"> |
||||
<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">/</span></span><span><span class="ant-breadcrumb-link">App</span> |
||||
<span |
||||
class="ant-breadcrumb-separator">/</span> |
||||
</span> |
||||
</div> |
||||
<div class="ant-layout-content" style="background:#fff;padding:24px;margin:0;min-height:280px;"> |
||||
Content |
||||
</div> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
`; |
||||
@ -0,0 +1,3 @@
|
||||
import demoTest from '../../../tests/shared/demoTest' |
||||
|
||||
demoTest('layout') |
||||
@ -0,0 +1,3 @@
|
||||
import demoTest from '../../../tests/shared/demoTest' |
||||
|
||||
demoTest('locale-provider') |
||||
@ -0,0 +1,237 @@
|
||||
// Jest Snapshot v1, https://goo.gl/fbAQLP |
||||
|
||||
exports[`renders ./components/menu/demo/horizontal.md correctly 1`] = ` |
||||
<div> |
||||
<ul role="menu" aria-activedescendant="" tabIndex="0" class="ant-menu ant-menu-root ant-menu-horizontal ant-menu-light"> |
||||
<li role="menuitem" aria-selected="true" class="ant-menu-item ant-menu-item-selected"> |
||||
<i class="anticon anticon-mail"></i>Navigation One |
||||
</li> |
||||
<li role="menuitem" aria-disabled="true" class="ant-menu-item ant-menu-item-disabled"> |
||||
<i class="anticon anticon-appstore"></i>Navigation Two |
||||
</li> |
||||
<li class="ant-menu-submenu ant-menu-submenu-horizontal"> |
||||
<div aria-owns="item_4$Menu" aria-haspopup="true" class="ant-menu-submenu-title"><span><i class="anticon anticon-setting"></i>Navigation Three - Submenu</span> |
||||
<i class="ant-menu-submenu-arrow"></i> |
||||
</div> |
||||
</li> |
||||
<li role="menuitem" class="ant-menu-item"> |
||||
<a href="https://ant.design" target="_blank" rel="noopener noreferrer">Navigation Four - Link</a> |
||||
</li> |
||||
</ul> |
||||
</div> |
||||
`; |
||||
|
||||
exports[`renders ./components/menu/demo/inline.md correctly 1`] = ` |
||||
<div> |
||||
<ul role="menu" aria-activedescendant="" tabIndex="0" class="ant-menu ant-menu-root ant-menu-inline ant-menu-light" style="width:256px;"> |
||||
<li class="ant-menu-submenu ant-menu-submenu-inline ant-menu-submenu-open ant-menu-submenu-selected"> |
||||
<div aria-expanded="true" aria-owns="sub1$Menu" aria-haspopup="true" class="ant-menu-submenu-title" style="padding-left:24px;"><span><i class="anticon anticon-mail"></i><span>Navigation One</span></span> |
||||
<i class="ant-menu-submenu-arrow"></i> |
||||
</div> |
||||
<ul role="menu" aria-activedescendant="" class="ant-menu ant-menu-sub ant-menu-inline"> |
||||
<li class="ant-menu-item-group"> |
||||
<div class="ant-menu-item-group-title"> |
||||
<i class="anticon anticon-qq"></i><span>Item 1</span></div> |
||||
<ul class="ant-menu-item-group-list"> |
||||
<li role="menuitem" aria-selected="true" class="ant-menu-item ant-menu-item-selected" style="padding-left:48px;">Option 1</li> |
||||
<li role="menuitem" class="ant-menu-item" style="padding-left:48px;">Option 2</li> |
||||
</ul> |
||||
</li> |
||||
<li class="ant-menu-item-group"> |
||||
<div title="Item 2" class="ant-menu-item-group-title">Item 2</div> |
||||
<ul class="ant-menu-item-group-list"> |
||||
<li role="menuitem" class="ant-menu-item" style="padding-left:48px;">Option 3</li> |
||||
<li role="menuitem" class="ant-menu-item" style="padding-left:48px;">Option 4</li> |
||||
</ul> |
||||
</li> |
||||
</ul> |
||||
</li> |
||||
<li class="ant-menu-submenu ant-menu-submenu-inline"> |
||||
<div aria-owns="sub2$Menu" aria-haspopup="true" class="ant-menu-submenu-title" style="padding-left:24px;"><span><i class="anticon anticon-appstore"></i><span>Navigation Two</span></span> |
||||
<i class="ant-menu-submenu-arrow"></i> |
||||
</div> |
||||
<!----> |
||||
</li> |
||||
<li class="ant-menu-submenu ant-menu-submenu-inline"> |
||||
<div aria-owns="sub4$Menu" aria-haspopup="true" class="ant-menu-submenu-title" style="padding-left:24px;"><span><i class="anticon anticon-setting"></i><span>Navigation Three</span></span> |
||||
<i class="ant-menu-submenu-arrow"></i> |
||||
</div> |
||||
<!----> |
||||
</li> |
||||
</ul> |
||||
</div> |
||||
`; |
||||
|
||||
exports[`renders ./components/menu/demo/inline-collapsed.md correctly 1`] = ` |
||||
<div style="width:256px;"> |
||||
<button type="button" class="ant-btn ant-btn-primary" style="margin-bottom:16px;"> |
||||
<i class="anticon anticon-menu-fold"></i> |
||||
</button> |
||||
<ul role="menu" aria-activedescendant="" tabIndex="0" class="ant-menu ant-menu-root ant-menu-inline ant-menu-dark"> |
||||
<li role="menuitem" aria-selected="true" class="ant-menu-item ant-menu-item-selected" style="padding-left:24px;"> |
||||
<i class="anticon anticon-pie-chart"></i> <span>Option 1</span></li> |
||||
<li role="menuitem" class="ant-menu-item" style="padding-left:24px;"> |
||||
<i class="anticon anticon-desktop"></i> <span>Option 2</span></li> |
||||
<li role="menuitem" class="ant-menu-item" style="padding-left:24px;"> |
||||
<i class="anticon anticon-inbox"></i> <span>Option 3</span></li> |
||||
<li class="ant-menu-submenu ant-menu-submenu-inline ant-menu-submenu-open"> |
||||
<div aria-expanded="true" aria-owns="sub1$Menu" aria-haspopup="true" class="ant-menu-submenu-title" style="padding-left:24px;"><span><i class="anticon anticon-mail"></i><span>Navigation One</span></span> |
||||
<i class="ant-menu-submenu-arrow"></i> |
||||
</div> |
||||
<ul role="menu" aria-activedescendant="" class="ant-menu ant-menu-sub ant-menu-inline"> |
||||
<li role="menuitem" class="ant-menu-item" style="padding-left:48px;">Option 5</li> |
||||
<li role="menuitem" class="ant-menu-item" style="padding-left:48px;">Option 6</li> |
||||
<li role="menuitem" class="ant-menu-item" style="padding-left:48px;">Option 7</li> |
||||
<li role="menuitem" class="ant-menu-item" style="padding-left:48px;">Option 8</li> |
||||
</ul> |
||||
</li> |
||||
<li class="ant-menu-submenu ant-menu-submenu-inline"> |
||||
<div aria-owns="sub2$Menu" aria-haspopup="true" class="ant-menu-submenu-title" style="padding-left:24px;"><span><i class="anticon anticon-appstore"></i><span>Navigation Two</span></span> |
||||
<i class="ant-menu-submenu-arrow"></i> |
||||
</div> |
||||
<!----> |
||||
</li> |
||||
</ul> |
||||
</div> |
||||
`; |
||||
|
||||
exports[`renders ./components/menu/demo/sider-current.md correctly 1`] = ` |
||||
<div> |
||||
<ul role="menu" aria-activedescendant="" tabIndex="0" class="ant-menu ant-menu-root ant-menu-inline ant-menu-light" style="width:256px;"> |
||||
<li class="ant-menu-submenu ant-menu-submenu-inline ant-menu-submenu-open"> |
||||
<div aria-expanded="true" aria-owns="sub1$Menu" aria-haspopup="true" class="ant-menu-submenu-title" style="padding-left:24px;"><span><i class="anticon anticon-mail"></i><span>Navigation One</span></span> |
||||
<i class="ant-menu-submenu-arrow"></i> |
||||
</div> |
||||
<ul role="menu" aria-activedescendant="" class="ant-menu ant-menu-sub ant-menu-inline"> |
||||
<li role="menuitem" class="ant-menu-item" style="padding-left:48px;">Option 1</li> |
||||
<li role="menuitem" class="ant-menu-item" style="padding-left:48px;">Option 2</li> |
||||
<li role="menuitem" class="ant-menu-item" style="padding-left:48px;">Option 3</li> |
||||
<li role="menuitem" class="ant-menu-item" style="padding-left:48px;">Option 4</li> |
||||
</ul> |
||||
</li> |
||||
<li class="ant-menu-submenu ant-menu-submenu-inline"> |
||||
<div aria-owns="sub2$Menu" aria-haspopup="true" class="ant-menu-submenu-title" style="padding-left:24px;"><span><i class="anticon anticon-appstore"></i><span>Navigation Two</span></span> |
||||
<i class="ant-menu-submenu-arrow"></i> |
||||
</div> |
||||
<!----> |
||||
</li> |
||||
<li class="ant-menu-submenu ant-menu-submenu-inline"> |
||||
<div aria-owns="sub4$Menu" aria-haspopup="true" class="ant-menu-submenu-title" style="padding-left:24px;"><span><i class="anticon anticon-setting"></i><span>Navigation Three</span></span> |
||||
<i class="ant-menu-submenu-arrow"></i> |
||||
</div> |
||||
<!----> |
||||
</li> |
||||
</ul> |
||||
</div> |
||||
`; |
||||
|
||||
exports[`renders ./components/menu/demo/switch-mode.md correctly 1`] = ` |
||||
<div> |
||||
<label class="ant-checkbox-wrapper"><span class="ant-checkbox"><input type="checkbox" class="ant-checkbox-input"><span class="ant-checkbox-inner"></span></span> |
||||
</label> Change Mode |
||||
<span className="ant-divider" style="margin:0 1em;"></span> |
||||
<label class="ant-checkbox-wrapper"><span class="ant-checkbox"><input type="checkbox" class="ant-checkbox-input"><span class="ant-checkbox-inner"></span></span> |
||||
</label> Change Theme |
||||
<br> |
||||
<br> |
||||
<ul role="menu" aria-activedescendant="" tabIndex="0" class="ant-menu ant-menu-root ant-menu-inline ant-menu-light" style="width:256px;"> |
||||
<li role="menuitem" aria-selected="true" class="ant-menu-item ant-menu-item-selected" style="padding-left:24px;"> |
||||
<i class="anticon anticon-mail"></i> |
||||
Navigation One |
||||
</li> |
||||
<li role="menuitem" class="ant-menu-item" style="padding-left:24px;"> |
||||
<i class="anticon anticon-calendar"></i> |
||||
Navigation Two |
||||
</li> |
||||
<li class="ant-menu-submenu ant-menu-submenu-inline ant-menu-submenu-open"> |
||||
<div aria-expanded="true" aria-owns="sub1$Menu" aria-haspopup="true" class="ant-menu-submenu-title" style="padding-left:24px;"><span><i class="anticon anticon-appstore"></i><span>Navigation Three</span></span> |
||||
<i class="ant-menu-submenu-arrow"></i> |
||||
</div> |
||||
<ul role="menu" aria-activedescendant="" class="ant-menu ant-menu-sub ant-menu-inline"> |
||||
<li role="menuitem" class="ant-menu-item" style="padding-left:48px;">Option 3</li> |
||||
<li role="menuitem" class="ant-menu-item" style="padding-left:48px;">Option 4</li> |
||||
<li class="ant-menu-submenu ant-menu-submenu-inline"> |
||||
<div aria-owns="sub1-2$Menu" aria-haspopup="true" title="Submenu" class="ant-menu-submenu-title" style="padding-left:48px;">Submenu |
||||
<i class="ant-menu-submenu-arrow"></i> |
||||
</div> |
||||
<!----> |
||||
</li> |
||||
</ul> |
||||
</li> |
||||
<li class="ant-menu-submenu ant-menu-submenu-inline"> |
||||
<div aria-owns="sub2$Menu" aria-haspopup="true" class="ant-menu-submenu-title" style="padding-left:24px;"><span><i class="anticon anticon-setting"></i><span>Navigation Four</span></span> |
||||
<i class="ant-menu-submenu-arrow"></i> |
||||
</div> |
||||
<!----> |
||||
</li> |
||||
</ul> |
||||
</div> |
||||
`; |
||||
|
||||
exports[`renders ./components/menu/demo/theme.md correctly 1`] = ` |
||||
<div> |
||||
<md> |
||||
## 主题 内建了两套主题 \`light|dark\`，默认 \`light\`。 |
||||
</md> |
||||
<label class="ant-checkbox-wrapper"><span class="ant-checkbox"><input type="checkbox" class="ant-checkbox-input"><span class="ant-checkbox-inner"></span></span> |
||||
</label> Change Theme |
||||
<br> |
||||
<br> |
||||
<ul role="menu" aria-activedescendant="" tabIndex="0" class="ant-menu ant-menu-root ant-menu-inline ant-menu-dark" style="width:256px;"> |
||||
<li role="menuitem" aria-selected="true" class="ant-menu-item ant-menu-item-selected" style="padding-left:24px;"> |
||||
<i class="anticon anticon-mail"></i> |
||||
Navigation One |
||||
</li> |
||||
<li role="menuitem" class="ant-menu-item" style="padding-left:24px;"> |
||||
<i class="anticon anticon-calendar"></i> |
||||
Navigation Two |
||||
</li> |
||||
<li class="ant-menu-submenu ant-menu-submenu-inline ant-menu-submenu-open"> |
||||
<div aria-expanded="true" aria-owns="sub1$Menu" aria-haspopup="true" class="ant-menu-submenu-title" style="padding-left:24px;"><span><i class="anticon anticon-appstore"></i><span>Navigation Three</span></span> |
||||
<i class="ant-menu-submenu-arrow"></i> |
||||
</div> |
||||
<ul role="menu" aria-activedescendant="" class="ant-menu ant-menu-sub ant-menu-inline"> |
||||
<li role="menuitem" class="ant-menu-item" style="padding-left:48px;">Option 3</li> |
||||
<li role="menuitem" class="ant-menu-item" style="padding-left:48px;">Option 4</li> |
||||
<li class="ant-menu-submenu ant-menu-submenu-inline"> |
||||
<div aria-owns="sub1-2$Menu" aria-haspopup="true" title="Submenu" class="ant-menu-submenu-title" style="padding-left:48px;">Submenu |
||||
<i class="ant-menu-submenu-arrow"></i> |
||||
</div> |
||||
<!----> |
||||
</li> |
||||
</ul> |
||||
</li> |
||||
<li class="ant-menu-submenu ant-menu-submenu-inline"> |
||||
<div aria-owns="sub2$Menu" aria-haspopup="true" class="ant-menu-submenu-title" style="padding-left:24px;"><span><i class="anticon anticon-setting"></i><span>Navigation Four</span></span> |
||||
<i class="ant-menu-submenu-arrow"></i> |
||||
</div> |
||||
<!----> |
||||
</li> |
||||
</ul> |
||||
</div> |
||||
`; |
||||
|
||||
exports[`renders ./components/menu/demo/vertical.md correctly 1`] = ` |
||||
<div> |
||||
<ul role="menu" aria-activedescendant="" tabIndex="0" class="ant-menu ant-menu-root ant-menu-vertical ant-menu-light" style="width:256px;"> |
||||
<li role="menuitem" class="ant-menu-item"> |
||||
<i class="anticon anticon-mail"></i> |
||||
Navigation One |
||||
</li> |
||||
<li role="menuitem" class="ant-menu-item"> |
||||
<i class="anticon anticon-calendar"></i> |
||||
Navigation Two |
||||
</li> |
||||
<li class="ant-menu-submenu ant-menu-submenu-vertical"> |
||||
<div aria-owns="sub1$Menu" aria-haspopup="true" class="ant-menu-submenu-title"><span><i class="anticon anticon-appstore"></i><span>Navigation Three</span></span> |
||||
<i class="ant-menu-submenu-arrow"></i> |
||||
</div> |
||||
</li> |
||||
<li class="ant-menu-submenu ant-menu-submenu-vertical"> |
||||
<div aria-owns="sub2$Menu" aria-haspopup="true" class="ant-menu-submenu-title"><span><i class="anticon anticon-setting"></i><span>Navigation Four</span></span> |
||||
<i class="ant-menu-submenu-arrow"></i> |
||||
</div> |
||||
</li> |
||||
</ul> |
||||
</div> |
||||
`; |
||||
@ -0,0 +1,3 @@
|
||||
import demoTest from '../../../tests/shared/demoTest' |
||||
|
||||
demoTest('menu') |
||||
@ -0,0 +1,15 @@
|
||||
// Jest Snapshot v1, https://goo.gl/fbAQLP |
||||
|
||||
exports[`renders ./components/message/demo/duration.md correctly 1`] = `<button type="button" class="ant-btn ant-btn-default"><span>Customized display duration</span></button>`; |
||||
|
||||
exports[`renders ./components/message/demo/info.md correctly 1`] = `<button type="button" class="ant-btn ant-btn-primary"><span>Display normal message</span></button>`; |
||||
|
||||
exports[`renders ./components/message/demo/loading.md correctly 1`] = `<button type="button" class="ant-btn ant-btn-default"><span>Display a loading indicator</span></button>`; |
||||
|
||||
exports[`renders ./components/message/demo/other.md correctly 1`] = ` |
||||
<div> |
||||
<button type="button" class="ant-btn ant-btn-default"><span>Success</span></button> |
||||
<button type="button" class="ant-btn ant-btn-default"><span>Error</span></button> |
||||
<button type="button" class="ant-btn ant-btn-default"><span>Warning</span></button> |
||||
</div> |
||||
`; |
||||
@ -0,0 +1,3 @@
|
||||
import demoTest from '../../../tests/shared/demoTest' |
||||
|
||||
demoTest('message') |
||||
@ -0,0 +1,63 @@
|
||||
// Jest Snapshot v1, https://goo.gl/fbAQLP |
||||
|
||||
exports[`renders ./components/modal/demo/async.md correctly 1`] = ` |
||||
<div> |
||||
<button type="button" class="ant-btn ant-btn-primary"><span>Open</span></button> |
||||
<!----> |
||||
</div> |
||||
`; |
||||
|
||||
exports[`renders ./components/modal/demo/basic.md correctly 1`] = ` |
||||
<div> |
||||
<button type="button" class="ant-btn ant-btn-primary"><span>Open</span></button> |
||||
<!----> |
||||
</div> |
||||
`; |
||||
|
||||
exports[`renders ./components/modal/demo/confirm.md correctly 1`] = ` |
||||
<div> |
||||
<button type="button" class="ant-btn ant-btn-default"><span>Confirm</span></button> |
||||
<button type="button" class="ant-btn ant-btn-dashed"><span>Delete</span></button> |
||||
</div> |
||||
`; |
||||
|
||||
exports[`renders ./components/modal/demo/confirm-promise.md correctly 1`] = `<button type="button" class="ant-btn ant-btn-default"><span>Confirm</span></button>`; |
||||
|
||||
exports[`renders ./components/modal/demo/footer.md correctly 1`] = ` |
||||
<div> |
||||
<button type="button" class="ant-btn ant-btn-primary"><span>Open</span></button> |
||||
<!----> |
||||
</div> |
||||
`; |
||||
|
||||
exports[`renders ./components/modal/demo/info.md correctly 1`] = ` |
||||
<div> |
||||
<button type="button" class="ant-btn ant-btn-default"><span>Info</span></button> |
||||
<button type="button" class="ant-btn ant-btn-default"><span>Success</span></button> |
||||
<button type="button" class="ant-btn ant-btn-default"><span>Error</span></button> |
||||
<button type="button" class="ant-btn ant-btn-default"><span>Warning</span></button> |
||||
</div> |
||||
`; |
||||
|
||||
exports[`renders ./components/modal/demo/locale.md correctly 1`] = ` |
||||
<div> |
||||
<button type="button" class="ant-btn ant-btn-primary"><span>Modal</span></button> |
||||
<!----> |
||||
<br> |
||||
<br> |
||||
<button type="button" class="ant-btn ant-btn-default"><span>Confirm</span></button> |
||||
</div> |
||||
`; |
||||
|
||||
exports[`renders ./components/modal/demo/manual.md correctly 1`] = `<button type="button" class="ant-btn ant-btn-default"><span>Success</span></button>`; |
||||
|
||||
exports[`renders ./components/modal/demo/position.md correctly 1`] = ` |
||||
<div id="components-modal-demo-position"> |
||||
<button type="button" class="ant-btn ant-btn-primary"><span>Display a modal dialog at 20px to Top</span></button> |
||||
<!----> |
||||
<br> |
||||
<br> |
||||
<button type="button" class="ant-btn ant-btn-primary"><span>Vertically centered modal dialog</span></button> |
||||
<!----> |
||||
</div> |
||||
`; |
||||
@ -0,0 +1,3 @@
|
||||
import demoTest from '../../../tests/shared/demoTest' |
||||
|
||||
demoTest('modal') |
||||
@ -0,0 +1,32 @@
|
||||
// Jest Snapshot v1, https://goo.gl/fbAQLP |
||||
|
||||
exports[`renders ./components/notification/demo/basic.md correctly 1`] = `<button type="button" class="ant-btn ant-btn-primary"><span>Open the notification box</span></button>`; |
||||
|
||||
exports[`renders ./components/notification/demo/custom-icon.md correctly 1`] = `<button type="button" class="ant-btn ant-btn-primary"><span>Open the notification box</span></button>`; |
||||
|
||||
exports[`renders ./components/notification/demo/custom-style.md correctly 1`] = `<button type="button" class="ant-btn ant-btn-primary"><span>Open the notification box</span></button>`; |
||||
|
||||
exports[`renders ./components/notification/demo/duration.md correctly 1`] = `<button type="button" class="ant-btn ant-btn-primary"><span>Open the notification box</span></button>`; |
||||
|
||||
exports[`renders ./components/notification/demo/placement.md correctly 1`] = ` |
||||
<div> |
||||
<div class="ant-select ant-select-enabled ant-select ant-select-enabled" style="width:120px;margin-right:10px;"> |
||||
<div role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-expanded="false" tabIndex="0" class="ant-select-selection ant-select-selection--single"> |
||||
<div class="ant-select-selection__rendered"> |
||||
<div title="topRight" class="ant-select-selection-selected-value" style="display:block;opacity:1;">topRight</div> |
||||
</div><span unselectable="unselectable" class="ant-select-arrow" style="user-select:none;webkit-user-select:none;"><b></b></span></div> |
||||
</div> |
||||
<button type="button" class="ant-btn ant-btn-primary"><span>Open the notification box</span></button> |
||||
</div> |
||||
`; |
||||
|
||||
exports[`renders ./components/notification/demo/with-btn.md correctly 1`] = `<button type="button" class="ant-btn ant-btn-primary"><span>Open the notification box</span></button>`; |
||||
|
||||
exports[`renders ./components/notification/demo/with-icon.md correctly 1`] = ` |
||||
<div> |
||||
<button type="button" class="ant-btn ant-btn-default"><span>Success</span></button> |
||||
<button type="button" class="ant-btn ant-btn-default"><span>Info</span></button> |
||||
<button type="button" class="ant-btn ant-btn-default"><span>Warning</span></button> |
||||
<button type="button" class="ant-btn ant-btn-default"><span>Error</span></button> |
||||
</div> |
||||
`; |
||||
@ -0,0 +1,3 @@
|
||||
import demoTest from '../../../tests/shared/demoTest' |
||||
|
||||
demoTest('notification') |
||||
@ -0,0 +1,440 @@
|
||||
// Jest Snapshot v1, https://goo.gl/fbAQLP |
||||
|
||||
exports[`renders ./components/pagination/demo/basic.md correctly 1`] = ` |
||||
<ul unselectable="unselectable" class="ant-pagination"> |
||||
<li title="Previous Page" tabIndex="0" class=" ant-pagination-prev"> |
||||
<a class="ant-pagination-item-link"></a> |
||||
</li> |
||||
<li title="1" tabIndex="0" class="ant-pagination-item ant-pagination-item-1"> |
||||
<a>1</a> |
||||
</li> |
||||
<li title="2" tabIndex="0" class="ant-pagination-item ant-pagination-item-2 ant-pagination-item-active"> |
||||
<a>2</a> |
||||
</li> |
||||
<li title="3" tabIndex="0" class="ant-pagination-item ant-pagination-item-3"> |
||||
<a>3</a> |
||||
</li> |
||||
<li title="4" tabIndex="0" class="ant-pagination-item ant-pagination-item-4"> |
||||
<a>4</a> |
||||
</li> |
||||
<li title="5" tabIndex="0" class="ant-pagination-item ant-pagination-item-5"> |
||||
<a>5</a> |
||||
</li> |
||||
<li title="Next Page" tabIndex="0" class=" ant-pagination-next"> |
||||
<a class="ant-pagination-item-link"></a> |
||||
</li> |
||||
<!----> |
||||
</ul> |
||||
`; |
||||
|
||||
exports[`renders ./components/pagination/demo/changer.md correctly 1`] = ` |
||||
<div> |
||||
<ul unselectable="unselectable" class="ant-pagination"> |
||||
<li title="Previous Page" tabIndex="0" class=" ant-pagination-prev"> |
||||
<a class="ant-pagination-item-link"></a> |
||||
</li> |
||||
<li title="1" tabIndex="0" class="ant-pagination-item ant-pagination-item-1"> |
||||
<a>1</a> |
||||
</li> |
||||
<li title="2" tabIndex="0" class="ant-pagination-item ant-pagination-item-2"> |
||||
<a>2</a> |
||||
</li> |
||||
<li title="3" tabIndex="0" class="ant-pagination-item ant-pagination-item-3 ant-pagination-item-active"> |
||||
<a>3</a> |
||||
</li> |
||||
<li title="4" tabIndex="0" class="ant-pagination-item ant-pagination-item-4"> |
||||
<a>4</a> |
||||
</li> |
||||
<li title="5" tabIndex="0" class="ant-pagination-item ant-pagination-item-5 ant-pagination-item-before-jump-next"> |
||||
<a>5</a> |
||||
</li> |
||||
<li title="Next 5 Pages" tabIndex="0" class="ant-pagination-jump-next"> |
||||
<a class="ant-pagination-item-link"></a> |
||||
</li> |
||||
<li title="50" tabIndex="0" class="ant-pagination-item ant-pagination-item-50"> |
||||
<a>50</a> |
||||
</li> |
||||
<li title="Next Page" tabIndex="0" class=" ant-pagination-next"> |
||||
<a class="ant-pagination-item-link"></a> |
||||
</li> |
||||
<li class="ant-pagination-options"> |
||||
<div class="ant-select ant-select-enabled ant-select ant-select-enabled ant-pagination-options-size-changer"> |
||||
<div role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-expanded="false" tabIndex="0" class="ant-select-selection ant-select-selection--single"> |
||||
<div class="ant-select-selection__rendered"> |
||||
<div title="10 / page" class="ant-select-selection-selected-value" style="display:block;opacity:1;">10 / page</div> |
||||
</div><span unselectable="unselectable" class="ant-select-arrow" style="user-select:none;webkit-user-select:none;"><b></b></span></div> |
||||
</div> |
||||
</li> |
||||
</ul> |
||||
<br> |
||||
<ul unselectable="unselectable" class="ant-pagination"> |
||||
<li title="Previous Page" tabIndex="0" class=" ant-pagination-prev"> |
||||
<a class="ant-pagination-item-link"></a> |
||||
</li> |
||||
<li title="1" tabIndex="0" class="ant-pagination-item ant-pagination-item-1"> |
||||
<a>1</a> |
||||
</li> |
||||
<li title="2" tabIndex="0" class="ant-pagination-item ant-pagination-item-2"> |
||||
<a>2</a> |
||||
</li> |
||||
<li title="3" tabIndex="0" class="ant-pagination-item ant-pagination-item-3"> |
||||
<a>3</a> |
||||
</li> |
||||
<li title="4" tabIndex="0" class="ant-pagination-item ant-pagination-item-4 ant-pagination-item-active"> |
||||
<a>4</a> |
||||
</li> |
||||
<li title="5" tabIndex="0" class="ant-pagination-item ant-pagination-item-5"> |
||||
<a>5</a> |
||||
</li> |
||||
<li title="6" tabIndex="0" class="ant-pagination-item ant-pagination-item-6 ant-pagination-item-before-jump-next"> |
||||
<a>6</a> |
||||
</li> |
||||
<li title="Next 5 Pages" tabIndex="0" class="ant-pagination-jump-next"> |
||||
<a class="ant-pagination-item-link"></a> |
||||
</li> |
||||
<li title="25" tabIndex="0" class="ant-pagination-item ant-pagination-item-25"> |
||||
<a>25</a> |
||||
</li> |
||||
<li title="Next Page" tabIndex="0" class=" ant-pagination-next"> |
||||
<a class="ant-pagination-item-link"></a> |
||||
</li> |
||||
<li class="ant-pagination-options"> |
||||
<div class="ant-select ant-select-enabled ant-select ant-select-enabled ant-pagination-options-size-changer"> |
||||
<div role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-expanded="false" tabIndex="0" class="ant-select-selection ant-select-selection--single"> |
||||
<div class="ant-select-selection__rendered"> |
||||
<div title="20 / page" class="ant-select-selection-selected-value" style="display:block;opacity:1;">20 / page</div> |
||||
</div><span unselectable="unselectable" class="ant-select-arrow" style="user-select:none;webkit-user-select:none;"><b></b></span></div> |
||||
</div> |
||||
</li> |
||||
</ul> |
||||
</div> |
||||
`; |
||||
|
||||
exports[`renders ./components/pagination/demo/controlled.md correctly 1`] = ` |
||||
<ul unselectable="unselectable" class="ant-pagination"> |
||||
<li title="Previous Page" tabIndex="0" class=" ant-pagination-prev"> |
||||
<a class="ant-pagination-item-link"></a> |
||||
</li> |
||||
<li title="1" tabIndex="0" class="ant-pagination-item ant-pagination-item-1"> |
||||
<a>1</a> |
||||
</li> |
||||
<li title="2" tabIndex="0" class="ant-pagination-item ant-pagination-item-2"> |
||||
<a>2</a> |
||||
</li> |
||||
<li title="3" tabIndex="0" class="ant-pagination-item ant-pagination-item-3 ant-pagination-item-active"> |
||||
<a>3</a> |
||||
</li> |
||||
<li title="4" tabIndex="0" class="ant-pagination-item ant-pagination-item-4"> |
||||
<a>4</a> |
||||
</li> |
||||
<li title="5" tabIndex="0" class="ant-pagination-item ant-pagination-item-5"> |
||||
<a>5</a> |
||||
</li> |
||||
<li title="Next Page" tabIndex="0" class=" ant-pagination-next"> |
||||
<a class="ant-pagination-item-link"></a> |
||||
</li> |
||||
<!----> |
||||
</ul> |
||||
`; |
||||
|
||||
exports[`renders ./components/pagination/demo/custom-changer.md correctly 1`] = ` |
||||
<ul unselectable="unselectable" class="ant-pagination"> |
||||
<li title="Previous Page" aria-disabled="true" class="ant-pagination-disabled ant-pagination-prev"> |
||||
<a class="ant-pagination-item-link"></a> |
||||
</li> |
||||
<li title="1" tabIndex="0" class="ant-pagination-item ant-pagination-item-1 ant-pagination-item-active"> |
||||
<a>1</a> |
||||
</li> |
||||
<li title="2" tabIndex="0" class="ant-pagination-item ant-pagination-item-2"> |
||||
<a>2</a> |
||||
</li> |
||||
<li title="3" tabIndex="0" class="ant-pagination-item ant-pagination-item-3"> |
||||
<a>3</a> |
||||
</li> |
||||
<li title="4" tabIndex="0" class="ant-pagination-item ant-pagination-item-4"> |
||||
<a>4</a> |
||||
</li> |
||||
<li title="5" tabIndex="0" class="ant-pagination-item ant-pagination-item-5"> |
||||
<a>5</a> |
||||
</li> |
||||
<li title="Next Page" tabIndex="0" class=" ant-pagination-next"> |
||||
<a class="ant-pagination-item-link"></a> |
||||
</li> |
||||
<li class="ant-pagination-options"> |
||||
<div class="ant-select ant-select-enabled ant-select ant-select-enabled ant-pagination-options-size-changer"> |
||||
<div role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-expanded="false" tabIndex="0" class="ant-select-selection ant-select-selection--single"> |
||||
<div class="ant-select-selection__rendered"> |
||||
<div title="[object Object],[object Object],[object Object]" class="ant-select-selection-selected-value" style="display:block;opacity:1;"><span>10条/页</span> |
||||
<!----> |
||||
</div> |
||||
</div><span unselectable="unselectable" class="ant-select-arrow" style="user-select:none;webkit-user-select:none;"><b></b></span></div> |
||||
</div> |
||||
</li> |
||||
</ul> |
||||
`; |
||||
|
||||
exports[`renders ./components/pagination/demo/itemRender.md correctly 1`] = ` |
||||
<ul unselectable="unselectable" class="ant-pagination"> |
||||
<li title="Previous Page" aria-disabled="true" class="ant-pagination-disabled ant-pagination-prev"> |
||||
<a>Previous</a> |
||||
</li> |
||||
<li title="1" tabIndex="0" class="ant-pagination-item ant-pagination-item-1 ant-pagination-item-active"> |
||||
<a>1</a> |
||||
</li> |
||||
<li title="2" tabIndex="0" class="ant-pagination-item ant-pagination-item-2"> |
||||
<a>2</a> |
||||
</li> |
||||
<li title="3" tabIndex="0" class="ant-pagination-item ant-pagination-item-3"> |
||||
<a>3</a> |
||||
</li> |
||||
<li title="4" tabIndex="0" class="ant-pagination-item ant-pagination-item-4"> |
||||
<a>4</a> |
||||
</li> |
||||
<li title="5" tabIndex="0" class="ant-pagination-item ant-pagination-item-5 ant-pagination-item-before-jump-next"> |
||||
<a>5</a> |
||||
</li> |
||||
<li title="Next 5 Pages" tabIndex="0" class="ant-pagination-jump-next"> |
||||
<a class="ant-pagination-item-link"></a> |
||||
</li> |
||||
<li title="50" tabIndex="0" class="ant-pagination-item ant-pagination-item-50"> |
||||
<a>50</a> |
||||
</li> |
||||
<li title="Next Page" tabIndex="0" class=" ant-pagination-next"> |
||||
<a>Next</a> |
||||
</li> |
||||
<!----> |
||||
</ul> |
||||
`; |
||||
|
||||
exports[`renders ./components/pagination/demo/jump.md correctly 1`] = ` |
||||
<ul unselectable="unselectable" class="ant-pagination"> |
||||
<li title="Previous Page" tabIndex="0" class=" ant-pagination-prev"> |
||||
<a class="ant-pagination-item-link"></a> |
||||
</li> |
||||
<li title="1" tabIndex="0" class="ant-pagination-item ant-pagination-item-1"> |
||||
<a>1</a> |
||||
</li> |
||||
<li title="2" tabIndex="0" class="ant-pagination-item ant-pagination-item-2 ant-pagination-item-active"> |
||||
<a>2</a> |
||||
</li> |
||||
<li title="3" tabIndex="0" class="ant-pagination-item ant-pagination-item-3"> |
||||
<a>3</a> |
||||
</li> |
||||
<li title="4" tabIndex="0" class="ant-pagination-item ant-pagination-item-4"> |
||||
<a>4</a> |
||||
</li> |
||||
<li title="5" tabIndex="0" class="ant-pagination-item ant-pagination-item-5 ant-pagination-item-before-jump-next"> |
||||
<a>5</a> |
||||
</li> |
||||
<li title="Next 5 Pages" tabIndex="0" class="ant-pagination-jump-next"> |
||||
<a class="ant-pagination-item-link"></a> |
||||
</li> |
||||
<li title="50" tabIndex="0" class="ant-pagination-item ant-pagination-item-50"> |
||||
<a>50</a> |
||||
</li> |
||||
<li title="Next Page" tabIndex="0" class=" ant-pagination-next"> |
||||
<a class="ant-pagination-item-link"></a> |
||||
</li> |
||||
<li class="ant-pagination-options"> |
||||
<div class="ant-pagination-options-quick-jumper">Goto |
||||
<input type="text" value=""> |
||||
</div> |
||||
</li> |
||||
</ul> |
||||
`; |
||||
|
||||
exports[`renders ./components/pagination/demo/mini.md correctly 1`] = ` |
||||
<div id="components-pagination-demo-mini"> |
||||
<ul unselectable="unselectable" class="ant-pagination mini"> |
||||
<li title="Previous Page" aria-disabled="true" class="ant-pagination-disabled ant-pagination-prev"> |
||||
<a class="ant-pagination-item-link"></a> |
||||
</li> |
||||
<li title="1" tabIndex="0" class="ant-pagination-item ant-pagination-item-1 ant-pagination-item-active"> |
||||
<a>1</a> |
||||
</li> |
||||
<li title="2" tabIndex="0" class="ant-pagination-item ant-pagination-item-2"> |
||||
<a>2</a> |
||||
</li> |
||||
<li title="3" tabIndex="0" class="ant-pagination-item ant-pagination-item-3"> |
||||
<a>3</a> |
||||
</li> |
||||
<li title="4" tabIndex="0" class="ant-pagination-item ant-pagination-item-4"> |
||||
<a>4</a> |
||||
</li> |
||||
<li title="5" tabIndex="0" class="ant-pagination-item ant-pagination-item-5"> |
||||
<a>5</a> |
||||
</li> |
||||
<li title="Next Page" tabIndex="0" class=" ant-pagination-next"> |
||||
<a class="ant-pagination-item-link"></a> |
||||
</li> |
||||
<!----> |
||||
</ul> |
||||
<ul unselectable="unselectable" class="ant-pagination mini"> |
||||
<li title="Previous Page" aria-disabled="true" class="ant-pagination-disabled ant-pagination-prev"> |
||||
<a class="ant-pagination-item-link"></a> |
||||
</li> |
||||
<li title="1" tabIndex="0" class="ant-pagination-item ant-pagination-item-1 ant-pagination-item-active"> |
||||
<a>1</a> |
||||
</li> |
||||
<li title="2" tabIndex="0" class="ant-pagination-item ant-pagination-item-2"> |
||||
<a>2</a> |
||||
</li> |
||||
<li title="3" tabIndex="0" class="ant-pagination-item ant-pagination-item-3"> |
||||
<a>3</a> |
||||
</li> |
||||
<li title="4" tabIndex="0" class="ant-pagination-item ant-pagination-item-4"> |
||||
<a>4</a> |
||||
</li> |
||||
<li title="5" tabIndex="0" class="ant-pagination-item ant-pagination-item-5"> |
||||
<a>5</a> |
||||
</li> |
||||
<li title="Next Page" tabIndex="0" class=" ant-pagination-next"> |
||||
<a class="ant-pagination-item-link"></a> |
||||
</li> |
||||
<li class="ant-pagination-options"> |
||||
<div class="ant-select-sm ant-select ant-select-enabled ant-select-sm ant-select ant-select-enabled ant-select-sm ant-pagination-options-size-changer"> |
||||
<div role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-expanded="false" tabIndex="0" class="ant-select-selection ant-select-selection--single"> |
||||
<div class="ant-select-selection__rendered"> |
||||
<div title="10 / page" class="ant-select-selection-selected-value" style="display:block;opacity:1;">10 / page</div> |
||||
</div><span unselectable="unselectable" class="ant-select-arrow" style="user-select:none;webkit-user-select:none;"><b></b></span></div> |
||||
</div> |
||||
<div class="ant-pagination-options-quick-jumper">Goto |
||||
<input type="text" value=""> |
||||
</div> |
||||
</li> |
||||
</ul> |
||||
<ul unselectable="unselectable" class="ant-pagination mini"> |
||||
<li class="ant-pagination-total-text">Total 50 items</li> |
||||
<li title="Previous Page" aria-disabled="true" class="ant-pagination-disabled ant-pagination-prev"> |
||||
<a class="ant-pagination-item-link"></a> |
||||
</li> |
||||
<li title="1" tabIndex="0" class="ant-pagination-item ant-pagination-item-1 ant-pagination-item-active"> |
||||
<a>1</a> |
||||
</li> |
||||
<li title="2" tabIndex="0" class="ant-pagination-item ant-pagination-item-2"> |
||||
<a>2</a> |
||||
</li> |
||||
<li title="3" tabIndex="0" class="ant-pagination-item ant-pagination-item-3"> |
||||
<a>3</a> |
||||
</li> |
||||
<li title="4" tabIndex="0" class="ant-pagination-item ant-pagination-item-4"> |
||||
<a>4</a> |
||||
</li> |
||||
<li title="5" tabIndex="0" class="ant-pagination-item ant-pagination-item-5"> |
||||
<a>5</a> |
||||
</li> |
||||
<li title="Next Page" tabIndex="0" class=" ant-pagination-next"> |
||||
<a class="ant-pagination-item-link"></a> |
||||
</li> |
||||
<!----> |
||||
</ul> |
||||
</div> |
||||
`; |
||||
|
||||
exports[`renders ./components/pagination/demo/more.md correctly 1`] = ` |
||||
<ul unselectable="unselectable" class="ant-pagination"> |
||||
<li title="Previous Page" tabIndex="0" class=" ant-pagination-prev"> |
||||
<a class="ant-pagination-item-link"></a> |
||||
</li> |
||||
<li title="1" tabIndex="0" class="ant-pagination-item ant-pagination-item-1"> |
||||
<a>1</a> |
||||
</li> |
||||
<li title="Previous 5 Pages" tabIndex="0" class="ant-pagination-jump-prev"> |
||||
<a class="ant-pagination-item-link"></a> |
||||
</li> |
||||
<li title="4" tabIndex="0" class="ant-pagination-item ant-pagination-item-4 ant-pagination-item-after-jump-prev"> |
||||
<a>4</a> |
||||
</li> |
||||
<li title="5" tabIndex="0" class="ant-pagination-item ant-pagination-item-5"> |
||||
<a>5</a> |
||||
</li> |
||||
<li title="6" tabIndex="0" class="ant-pagination-item ant-pagination-item-6 ant-pagination-item-active"> |
||||
<a>6</a> |
||||
</li> |
||||
<li title="7" tabIndex="0" class="ant-pagination-item ant-pagination-item-7"> |
||||
<a>7</a> |
||||
</li> |
||||
<li title="8" tabIndex="0" class="ant-pagination-item ant-pagination-item-8 ant-pagination-item-before-jump-next"> |
||||
<a>8</a> |
||||
</li> |
||||
<li title="Next 5 Pages" tabIndex="0" class="ant-pagination-jump-next"> |
||||
<a class="ant-pagination-item-link"></a> |
||||
</li> |
||||
<li title="50" tabIndex="0" class="ant-pagination-item ant-pagination-item-50"> |
||||
<a>50</a> |
||||
</li> |
||||
<li title="Next Page" tabIndex="0" class=" ant-pagination-next"> |
||||
<a class="ant-pagination-item-link"></a> |
||||
</li> |
||||
<!----> |
||||
</ul> |
||||
`; |
||||
|
||||
exports[`renders ./components/pagination/demo/simple.md correctly 1`] = ` |
||||
<ul class="ant-pagination ant-pagination-simple"> |
||||
<li title="Previous Page" tabIndex="0" class=" ant-pagination-prev"> |
||||
<a class="ant-pagination-item-link"></a> |
||||
</li> |
||||
<li title="2/5" class="ant-pagination-simple-pager"> |
||||
<input type="text" size="3" value="2"><span class="ant-pagination-slash">／</span>5</li> |
||||
<li title="Next Page" tabIndex="0" class=" ant-pagination-next"> |
||||
<a class="ant-pagination-item-link"></a> |
||||
</li> |
||||
</ul> |
||||
`; |
||||
|
||||
exports[`renders ./components/pagination/demo/total.md correctly 1`] = ` |
||||
<div> |
||||
<ul unselectable="unselectable" class="ant-pagination"> |
||||
<li class="ant-pagination-total-text">Total 85 items</li> |
||||
<li title="Previous Page" aria-disabled="true" class="ant-pagination-disabled ant-pagination-prev"> |
||||
<a class="ant-pagination-item-link"></a> |
||||
</li> |
||||
<li title="1" tabIndex="0" class="ant-pagination-item ant-pagination-item-1 ant-pagination-item-active"> |
||||
<a>1</a> |
||||
</li> |
||||
<li title="2" tabIndex="0" class="ant-pagination-item ant-pagination-item-2"> |
||||
<a>2</a> |
||||
</li> |
||||
<li title="3" tabIndex="0" class="ant-pagination-item ant-pagination-item-3"> |
||||
<a>3</a> |
||||
</li> |
||||
<li title="4" tabIndex="0" class="ant-pagination-item ant-pagination-item-4"> |
||||
<a>4</a> |
||||
</li> |
||||
<li title="5" tabIndex="0" class="ant-pagination-item ant-pagination-item-5"> |
||||
<a>5</a> |
||||
</li> |
||||
<li title="Next Page" tabIndex="0" class=" ant-pagination-next"> |
||||
<a class="ant-pagination-item-link"></a> |
||||
</li> |
||||
<!----> |
||||
</ul> |
||||
<br> |
||||
<ul unselectable="unselectable" class="ant-pagination"> |
||||
<li class="ant-pagination-total-text">1-20 of 85 items</li> |
||||
<li title="Previous Page" aria-disabled="true" class="ant-pagination-disabled ant-pagination-prev"> |
||||
<a class="ant-pagination-item-link"></a> |
||||
</li> |
||||
<li title="1" tabIndex="0" class="ant-pagination-item ant-pagination-item-1 ant-pagination-item-active"> |
||||
<a>1</a> |
||||
</li> |
||||
<li title="2" tabIndex="0" class="ant-pagination-item ant-pagination-item-2"> |
||||
<a>2</a> |
||||
</li> |
||||
<li title="3" tabIndex="0" class="ant-pagination-item ant-pagination-item-3"> |
||||
<a>3</a> |
||||
</li> |
||||
<li title="4" tabIndex="0" class="ant-pagination-item ant-pagination-item-4"> |
||||
<a>4</a> |
||||
</li> |
||||
<li title="5" tabIndex="0" class="ant-pagination-item ant-pagination-item-5"> |
||||
<a>5</a> |
||||
</li> |
||||
<li title="Next Page" tabIndex="0" class=" ant-pagination-next"> |
||||
<a class="ant-pagination-item-link"></a> |
||||
</li> |
||||
<!----> |
||||
</ul> |
||||
</div> |
||||
`; |
||||
@ -0,0 +1,3 @@
|
||||
import demoTest from '../../../tests/shared/demoTest' |
||||
|
||||
demoTest('pagination') |
||||
@ -0,0 +1,40 @@
|
||||
// Jest Snapshot v1, https://goo.gl/fbAQLP |
||||
|
||||
exports[`renders ./components/popconfirm/demo/basic.md correctly 1`] = `<a href="#">Delete</a>`; |
||||
|
||||
exports[`renders ./components/popconfirm/demo/dynamic-trigger.md correctly 1`] = ` |
||||
<div> |
||||
<a href="#">Delete a task</a> |
||||
<br> |
||||
<br> Whether directly execute： |
||||
<label class="ant-checkbox-wrapper"><span class="ant-checkbox ant-checkbox-checked"><input type="checkbox" checked="checked" class="ant-checkbox-input"><span class="ant-checkbox-inner"></span></span> |
||||
</label> |
||||
</div> |
||||
`; |
||||
|
||||
exports[`renders ./components/popconfirm/demo/local.md correctly 1`] = `<a href="#">Delete</a>`; |
||||
|
||||
exports[`renders ./components/popconfirm/demo/placement.md correctly 1`] = ` |
||||
<div id="components-a-popconfirm-demo-placement"> |
||||
<div style="margin-left:70px;white-space:nowrap;"> |
||||
<button type="button" class="ant-btn ant-btn-default"><span>TL</span></button> |
||||
<button type="button" class="ant-btn ant-btn-default"><span>Top</span></button> |
||||
<button type="button" class="ant-btn ant-btn-default"><span>TR</span></button> |
||||
</div> |
||||
<div style="width:70px;float:left;"> |
||||
<button type="button" class="ant-btn ant-btn-default"><span>LT</span></button> |
||||
<button type="button" class="ant-btn ant-btn-default"><span>Left</span></button> |
||||
<button type="button" class="ant-btn ant-btn-default"><span>LB</span></button> |
||||
</div> |
||||
<div style="width:70px;margin-left:304px;"> |
||||
<button type="button" class="ant-btn ant-btn-default"><span>RT</span></button> |
||||
<button type="button" class="ant-btn ant-btn-default"><span>Right</span></button> |
||||
<button type="button" class="ant-btn ant-btn-default"><span>RB</span></button> |
||||
</div> |
||||
<div style="margin-left:70px;clear:both;white-space:nowrap;"> |
||||
<button type="button" class="ant-btn ant-btn-default"><span>BL</span></button> |
||||
<button type="button" class="ant-btn ant-btn-default"><span>Bottom</span></button> |
||||
<button type="button" class="ant-btn ant-btn-default"><span>BR</span></button> |
||||
</div> |
||||
</div> |
||||
`; |
||||
@ -0,0 +1,3 @@
|
||||
import demoTest from '../../../tests/shared/demoTest' |
||||
|
||||
demoTest('popconfirm') |
||||
@ -0,0 +1,45 @@
|
||||
// Jest Snapshot v1, https://goo.gl/fbAQLP |
||||
|
||||
exports[`renders ./components/popover/demo/arrow-point-at-center.md correctly 1`] = ` |
||||
<div> |
||||
<button type="button" class="ant-btn ant-btn-default"><span>Align edge / 边缘对齐</span></button> |
||||
<button type="button" class="ant-btn ant-btn-default"><span>Arrow points to center / 箭头指向中心</span></button> |
||||
</div> |
||||
`; |
||||
|
||||
exports[`renders ./components/popover/demo/basic.md correctly 1`] = `<button type="button" class="ant-btn ant-btn-primary"><span>Hover me</span></button>`; |
||||
|
||||
exports[`renders ./components/popover/demo/control.md correctly 1`] = `<button type="button" class="ant-btn ant-btn-primary"><span>Click me</span></button>`; |
||||
|
||||
exports[`renders ./components/popover/demo/placement.md correctly 1`] = ` |
||||
<div id="components-popover-demo-placement"> |
||||
<div style="margin-left:70px;white-space:nowrap;"> |
||||
<button type="button" class="ant-btn ant-btn-default"><span>TL</span></button> |
||||
<button type="button" class="ant-btn ant-btn-default"><span>Top</span></button> |
||||
<button type="button" class="ant-btn ant-btn-default"><span>TR</span></button> |
||||
</div> |
||||
<div style="width:70px;float:left;"> |
||||
<button type="button" class="ant-btn ant-btn-default"><span>LT</span></button> |
||||
<button type="button" class="ant-btn ant-btn-default"><span>Left</span></button> |
||||
<button type="button" class="ant-btn ant-btn-default"><span>LB</span></button> |
||||
</div> |
||||
<div style="width:70px;margin-left:304px;"> |
||||
<button type="button" class="ant-btn ant-btn-default"><span>RT</span></button> |
||||
<button type="button" class="ant-btn ant-btn-default"><span>Right</span></button> |
||||
<button type="button" class="ant-btn ant-btn-default"><span>RB</span></button> |
||||
</div> |
||||
<div style="margin-left:70px;clear:both;white-space:nowrap;"> |
||||
<button type="button" class="ant-btn ant-btn-default"><span>BL</span></button> |
||||
<button type="button" class="ant-btn ant-btn-default"><span>Bottom</span></button> |
||||
<button type="button" class="ant-btn ant-btn-default"><span>BR</span></button> |
||||
</div> |
||||
</div> |
||||
`; |
||||
|
||||
exports[`renders ./components/popover/demo/triggerType.md correctly 1`] = ` |
||||
<div> |
||||
<button type="button" class="ant-btn ant-btn-primary"><span>Hover me</span></button> |
||||
<button type="button" class="ant-btn ant-btn-primary"><span>Focus me</span></button> |
||||
<button type="button" class="ant-btn ant-btn-primary"><span>Click me</span></button> |
||||
</div> |
||||
`; |
||||
@ -0,0 +1,3 @@
|
||||
import demoTest from '../../../tests/shared/demoTest' |
||||
|
||||
demoTest('popover') |
||||
@ -0,0 +1,257 @@
|
||||
// Jest Snapshot v1, https://goo.gl/fbAQLP |
||||
|
||||
exports[`renders ./components/progress/demo/circle.md correctly 1`] = ` |
||||
<div> |
||||
<div class="ant-progress ant-progress-circle ant-progress-status-normal ant-progress-show-info ant-progress-default"> |
||||
<div class="ant-progress-inner" style="width:120px;height:120px;font-size:24px;"> |
||||
<svg viewBox="0 0 100 100" class="ant-progress-circle"> |
||||
<path d="M 50,50 m 0,-47 |
||||
a 47,47 0 1 1 0,94 |
||||
a 47,47 0 1 1 0,-94" stroke="#f3f3f3" stroke-width="6" fill-opacity="0" class="ant-progress-circle-trail" style="stroke-dasharray:295.3097094374406px 295.3097094374406px;stroke-dashoffset:-0px;transition:stroke-dashoffset .3s ease 0s, stroke-dasharray .3s ease 0s, stroke .3s;"></path> |
||||
<path d="M 50,50 m 0,-47 |
||||
a 47,47 0 1 1 0,94 |
||||
a 47,47 0 1 1 0,-94" stroke-linecap="round" stroke="#108ee9" stroke-width="6" fill-opacity="0" class="ant-progress-circle-path" style="stroke-dasharray:221.48228207808043px 295.3097094374406px;stroke-dashoffset:-0px;transition:stroke-dashoffset .3s ease 0s, stroke-dasharray .3s ease 0s, stroke .3s, stroke-width .06s ease .3s;"></path> |
||||
</svg><span class="ant-progress-text">75%</span></div> |
||||
</div> |
||||
<div class="ant-progress ant-progress-circle ant-progress-status-exception ant-progress-show-info ant-progress-default"> |
||||
<div class="ant-progress-inner" style="width:120px;height:120px;font-size:24px;"> |
||||
<svg viewBox="0 0 100 100" class="ant-progress-circle"> |
||||
<path d="M 50,50 m 0,-47 |
||||
a 47,47 0 1 1 0,94 |
||||
a 47,47 0 1 1 0,-94" stroke="#f3f3f3" stroke-width="6" fill-opacity="0" class="ant-progress-circle-trail" style="stroke-dasharray:295.3097094374406px 295.3097094374406px;stroke-dashoffset:-0px;transition:stroke-dashoffset .3s ease 0s, stroke-dasharray .3s ease 0s, stroke .3s;"></path> |
||||
<path d="M 50,50 m 0,-47 |
||||
a 47,47 0 1 1 0,94 |
||||
a 47,47 0 1 1 0,-94" stroke-linecap="round" stroke="#ff5500" stroke-width="6" fill-opacity="0" class="ant-progress-circle-path" style="stroke-dasharray:206.7167966062084px 295.3097094374406px;stroke-dashoffset:-0px;transition:stroke-dashoffset .3s ease 0s, stroke-dasharray .3s ease 0s, stroke .3s, stroke-width .06s ease .3s;"></path> |
||||
</svg><span class="ant-progress-text"><i class="anticon anticon-cross"></i></span></div> |
||||
</div> |
||||
<div class="ant-progress ant-progress-circle ant-progress-status-success ant-progress-show-info ant-progress-default"> |
||||
<div class="ant-progress-inner" style="width:120px;height:120px;font-size:24px;"> |
||||
<svg viewBox="0 0 100 100" class="ant-progress-circle"> |
||||
<path d="M 50,50 m 0,-47 |
||||
a 47,47 0 1 1 0,94 |
||||
a 47,47 0 1 1 0,-94" stroke="#f3f3f3" stroke-width="6" fill-opacity="0" class="ant-progress-circle-trail" style="stroke-dasharray:295.3097094374406px 295.3097094374406px;stroke-dashoffset:-0px;transition:stroke-dashoffset .3s ease 0s, stroke-dasharray .3s ease 0s, stroke .3s;"></path> |
||||
<path d="M 50,50 m 0,-47 |
||||
a 47,47 0 1 1 0,94 |
||||
a 47,47 0 1 1 0,-94" stroke-linecap="round" stroke="#87d068" stroke-width="6" fill-opacity="0" class="ant-progress-circle-path" style="stroke-dasharray:295.3097094374406px 295.3097094374406px;stroke-dashoffset:-0px;transition:stroke-dashoffset .3s ease 0s, stroke-dasharray .3s ease 0s, stroke .3s, stroke-width .06s ease .3s;"></path> |
||||
</svg><span class="ant-progress-text"><i class="anticon anticon-check"></i></span></div> |
||||
</div> |
||||
</div> |
||||
`; |
||||
|
||||
exports[`renders ./components/progress/demo/circle-dynamic.md correctly 1`] = ` |
||||
<div> |
||||
<div class="ant-progress ant-progress-circle ant-progress-status-normal ant-progress-show-info ant-progress-default"> |
||||
<div class="ant-progress-inner" style="width:120px;height:120px;font-size:24px;"> |
||||
<svg viewBox="0 0 100 100" class="ant-progress-circle"> |
||||
<path d="M 50,50 m 0,-47 |
||||
a 47,47 0 1 1 0,94 |
||||
a 47,47 0 1 1 0,-94" stroke="#f3f3f3" stroke-width="6" fill-opacity="0" class="ant-progress-circle-trail" style="stroke-dasharray:295.3097094374406px 295.3097094374406px;stroke-dashoffset:-0px;transition:stroke-dashoffset .3s ease 0s, stroke-dasharray .3s ease 0s, stroke .3s;"></path> |
||||
</svg><span class="ant-progress-text">0%</span></div> |
||||
</div> |
||||
<div class="ant-btn-group"> |
||||
<button type="button" class="ant-btn ant-btn-default"> |
||||
<i class="anticon anticon-minus"></i> |
||||
</button> |
||||
<button type="button" class="ant-btn ant-btn-default"> |
||||
<i class="anticon anticon-plus"></i> |
||||
</button> |
||||
</div> |
||||
</div> |
||||
`; |
||||
|
||||
exports[`renders ./components/progress/demo/circle-mini.md correctly 1`] = ` |
||||
<div> |
||||
<div class="ant-progress ant-progress-circle ant-progress-status-normal ant-progress-show-info ant-progress-default"> |
||||
<div class="ant-progress-inner" style="width:80px;height:80px;font-size:18px;"> |
||||
<svg viewBox="0 0 100 100" class="ant-progress-circle"> |
||||
<path d="M 50,50 m 0,-47 |
||||
a 47,47 0 1 1 0,94 |
||||
a 47,47 0 1 1 0,-94" stroke="#f3f3f3" stroke-width="6" fill-opacity="0" class="ant-progress-circle-trail" style="stroke-dasharray:295.3097094374406px 295.3097094374406px;stroke-dashoffset:-0px;transition:stroke-dashoffset .3s ease 0s, stroke-dasharray .3s ease 0s, stroke .3s;"></path> |
||||
<path d="M 50,50 m 0,-47 |
||||
a 47,47 0 1 1 0,94 |
||||
a 47,47 0 1 1 0,-94" stroke-linecap="round" stroke="#108ee9" stroke-width="6" fill-opacity="0" class="ant-progress-circle-path" style="stroke-dasharray:88.59291283123217px 295.3097094374406px;stroke-dashoffset:-0px;transition:stroke-dashoffset .3s ease 0s, stroke-dasharray .3s ease 0s, stroke .3s, stroke-width .06s ease .3s;"></path> |
||||
</svg><span class="ant-progress-text">30%</span></div> |
||||
</div> |
||||
<div class="ant-progress ant-progress-circle ant-progress-status-exception ant-progress-show-info ant-progress-default"> |
||||
<div class="ant-progress-inner" style="width:80px;height:80px;font-size:18px;"> |
||||
<svg viewBox="0 0 100 100" class="ant-progress-circle"> |
||||
<path d="M 50,50 m 0,-47 |
||||
a 47,47 0 1 1 0,94 |
||||
a 47,47 0 1 1 0,-94" stroke="#f3f3f3" stroke-width="6" fill-opacity="0" class="ant-progress-circle-trail" style="stroke-dasharray:295.3097094374406px 295.3097094374406px;stroke-dashoffset:-0px;transition:stroke-dashoffset .3s ease 0s, stroke-dasharray .3s ease 0s, stroke .3s;"></path> |
||||
<path d="M 50,50 m 0,-47 |
||||
a 47,47 0 1 1 0,94 |
||||
a 47,47 0 1 1 0,-94" stroke-linecap="round" stroke="#ff5500" stroke-width="6" fill-opacity="0" class="ant-progress-circle-path" style="stroke-dasharray:206.7167966062084px 295.3097094374406px;stroke-dashoffset:-0px;transition:stroke-dashoffset .3s ease 0s, stroke-dasharray .3s ease 0s, stroke .3s, stroke-width .06s ease .3s;"></path> |
||||
</svg><span class="ant-progress-text"><i class="anticon anticon-cross"></i></span></div> |
||||
</div> |
||||
<div class="ant-progress ant-progress-circle ant-progress-status-success ant-progress-show-info ant-progress-default"> |
||||
<div class="ant-progress-inner" style="width:80px;height:80px;font-size:18px;"> |
||||
<svg viewBox="0 0 100 100" class="ant-progress-circle"> |
||||
<path d="M 50,50 m 0,-47 |
||||
a 47,47 0 1 1 0,94 |
||||
a 47,47 0 1 1 0,-94" stroke="#f3f3f3" stroke-width="6" fill-opacity="0" class="ant-progress-circle-trail" style="stroke-dasharray:295.3097094374406px 295.3097094374406px;stroke-dashoffset:-0px;transition:stroke-dashoffset .3s ease 0s, stroke-dasharray .3s ease 0s, stroke .3s;"></path> |
||||
<path d="M 50,50 m 0,-47 |
||||
a 47,47 0 1 1 0,94 |
||||
a 47,47 0 1 1 0,-94" stroke-linecap="round" stroke="#87d068" stroke-width="6" fill-opacity="0" class="ant-progress-circle-path" style="stroke-dasharray:295.3097094374406px 295.3097094374406px;stroke-dashoffset:-0px;transition:stroke-dashoffset .3s ease 0s, stroke-dasharray .3s ease 0s, stroke .3s, stroke-width .06s ease .3s;"></path> |
||||
</svg><span class="ant-progress-text"><i class="anticon anticon-check"></i></span></div> |
||||
</div> |
||||
</div> |
||||
`; |
||||
|
||||
exports[`renders ./components/progress/demo/dashboard.md correctly 1`] = ` |
||||
<div> |
||||
<div class="ant-progress ant-progress-circle ant-progress-status-normal ant-progress-show-info ant-progress-default"> |
||||
<div class="ant-progress-inner" style="width:120px;height:120px;font-size:24px;"> |
||||
<svg viewBox="0 0 100 100" class="ant-progress-circle"> |
||||
<path d="M 50,50 m 0,47 |
||||
a 47,47 0 1 1 0,-94 |
||||
a 47,47 0 1 1 0,94" stroke="#f3f3f3" stroke-width="6" fill-opacity="0" class="ant-progress-circle-trail" style="stroke-dasharray:220.30970943744057px 295.3097094374406px;stroke-dashoffset:-37.5px;transition:stroke-dashoffset .3s ease 0s, stroke-dasharray .3s ease 0s, stroke .3s;"></path> |
||||
<path d="M 50,50 m 0,47 |
||||
a 47,47 0 1 1 0,-94 |
||||
a 47,47 0 1 1 0,94" stroke-linecap="round" stroke="#108ee9" stroke-width="6" fill-opacity="0" class="ant-progress-circle-path" style="stroke-dasharray:165.23228207808043px 295.3097094374406px;stroke-dashoffset:-37.5px;transition:stroke-dashoffset .3s ease 0s, stroke-dasharray .3s ease 0s, stroke .3s, stroke-width .06s ease .3s;"></path> |
||||
</svg><span class="ant-progress-text">75%</span></div> |
||||
</div> |
||||
</div> |
||||
`; |
||||
|
||||
exports[`renders ./components/progress/demo/dynamic.md correctly 1`] = ` |
||||
<div> |
||||
<div class="ant-progress ant-progress-line ant-progress-status-normal ant-progress-show-info ant-progress-default"> |
||||
<div> |
||||
<div class="ant-progress-outer"> |
||||
<div class="ant-progress-inner"> |
||||
<div class="ant-progress-bg" style="width:0%;height:8px;"></div> |
||||
</div> |
||||
</div><span class="ant-progress-text">0%</span></div> |
||||
</div> |
||||
<div class="ant-btn-group"> |
||||
<button type="button" class="ant-btn ant-btn-default"> |
||||
<i class="anticon anticon-minus"></i> |
||||
</button> |
||||
<button type="button" class="ant-btn ant-btn-default"> |
||||
<i class="anticon anticon-plus"></i> |
||||
</button> |
||||
</div> |
||||
</div> |
||||
`; |
||||
|
||||
exports[`renders ./components/progress/demo/format.md correctly 1`] = ` |
||||
<div> |
||||
<div class="ant-progress ant-progress-circle ant-progress-status-normal ant-progress-show-info ant-progress-default"> |
||||
<div class="ant-progress-inner" style="width:120px;height:120px;font-size:24px;"> |
||||
<svg viewBox="0 0 100 100" class="ant-progress-circle"> |
||||
<path d="M 50,50 m 0,-47 |
||||
a 47,47 0 1 1 0,94 |
||||
a 47,47 0 1 1 0,-94" stroke="#f3f3f3" stroke-width="6" fill-opacity="0" class="ant-progress-circle-trail" style="stroke-dasharray:295.3097094374406px 295.3097094374406px;stroke-dashoffset:-0px;transition:stroke-dashoffset .3s ease 0s, stroke-dasharray .3s ease 0s, stroke .3s;"></path> |
||||
<path d="M 50,50 m 0,-47 |
||||
a 47,47 0 1 1 0,94 |
||||
a 47,47 0 1 1 0,-94" stroke-linecap="round" stroke="#108ee9" stroke-width="6" fill-opacity="0" class="ant-progress-circle-path" style="stroke-dasharray:221.48228207808043px 295.3097094374406px;stroke-dashoffset:-0px;transition:stroke-dashoffset .3s ease 0s, stroke-dasharray .3s ease 0s, stroke .3s, stroke-width .06s ease .3s;"></path> |
||||
</svg><span class="ant-progress-text">75 Days</span></div> |
||||
</div> |
||||
<div class="ant-progress ant-progress-circle ant-progress-status-success ant-progress-show-info ant-progress-default"> |
||||
<div class="ant-progress-inner" style="width:120px;height:120px;font-size:24px;"> |
||||
<svg viewBox="0 0 100 100" class="ant-progress-circle"> |
||||
<path d="M 50,50 m 0,-47 |
||||
a 47,47 0 1 1 0,94 |
||||
a 47,47 0 1 1 0,-94" stroke="#f3f3f3" stroke-width="6" fill-opacity="0" class="ant-progress-circle-trail" style="stroke-dasharray:295.3097094374406px 295.3097094374406px;stroke-dashoffset:-0px;transition:stroke-dashoffset .3s ease 0s, stroke-dasharray .3s ease 0s, stroke .3s;"></path> |
||||
<path d="M 50,50 m 0,-47 |
||||
a 47,47 0 1 1 0,94 |
||||
a 47,47 0 1 1 0,-94" stroke-linecap="round" stroke="#87d068" stroke-width="6" fill-opacity="0" class="ant-progress-circle-path" style="stroke-dasharray:295.3097094374406px 295.3097094374406px;stroke-dashoffset:-0px;transition:stroke-dashoffset .3s ease 0s, stroke-dasharray .3s ease 0s, stroke .3s, stroke-width .06s ease .3s;"></path> |
||||
</svg><span class="ant-progress-text">Done</span></div> |
||||
</div> |
||||
</div> |
||||
`; |
||||
|
||||
exports[`renders ./components/progress/demo/line.md correctly 1`] = ` |
||||
<div> |
||||
<div class="ant-progress ant-progress-line ant-progress-status-normal ant-progress-show-info ant-progress-default"> |
||||
<div> |
||||
<div class="ant-progress-outer"> |
||||
<div class="ant-progress-inner"> |
||||
<div class="ant-progress-bg" style="width:30%;height:8px;"></div> |
||||
</div> |
||||
</div><span class="ant-progress-text">30%</span></div> |
||||
</div> |
||||
<div class="ant-progress ant-progress-line ant-progress-status-active ant-progress-show-info ant-progress-default"> |
||||
<div> |
||||
<div class="ant-progress-outer"> |
||||
<div class="ant-progress-inner"> |
||||
<div class="ant-progress-bg" style="width:50%;height:8px;"></div> |
||||
</div> |
||||
</div><span class="ant-progress-text">50%</span></div> |
||||
</div> |
||||
<div class="ant-progress ant-progress-line ant-progress-status-exception ant-progress-show-info ant-progress-default"> |
||||
<div> |
||||
<div class="ant-progress-outer"> |
||||
<div class="ant-progress-inner"> |
||||
<div class="ant-progress-bg" style="width:70%;height:8px;"></div> |
||||
</div> |
||||
</div><span class="ant-progress-text"><i class="anticon anticon-cross-circle"></i></span></div> |
||||
</div> |
||||
<div class="ant-progress ant-progress-line ant-progress-status-success ant-progress-show-info ant-progress-default"> |
||||
<div> |
||||
<div class="ant-progress-outer"> |
||||
<div class="ant-progress-inner"> |
||||
<div class="ant-progress-bg" style="width:100%;height:8px;"></div> |
||||
</div> |
||||
</div><span class="ant-progress-text"><i class="anticon anticon-check-circle"></i></span></div> |
||||
</div> |
||||
<div class="ant-progress ant-progress-line ant-progress-status-normal ant-progress-default"> |
||||
<div> |
||||
<div class="ant-progress-outer"> |
||||
<div class="ant-progress-inner"> |
||||
<div class="ant-progress-bg" style="width:50%;height:8px;"></div> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
`; |
||||
|
||||
exports[`renders ./components/progress/demo/line-mini.md correctly 1`] = ` |
||||
<div style="width:170px;"> |
||||
<div class="ant-progress ant-progress-line ant-progress-status-normal ant-progress-show-info ant-progress-small"> |
||||
<div> |
||||
<div class="ant-progress-outer"> |
||||
<div class="ant-progress-inner"> |
||||
<div class="ant-progress-bg" style="width:30%;height:6px;"></div> |
||||
</div> |
||||
</div><span class="ant-progress-text">30%</span></div> |
||||
</div> |
||||
<div class="ant-progress ant-progress-line ant-progress-status-active ant-progress-show-info ant-progress-small"> |
||||
<div> |
||||
<div class="ant-progress-outer"> |
||||
<div class="ant-progress-inner"> |
||||
<div class="ant-progress-bg" style="width:50%;height:6px;"></div> |
||||
</div> |
||||
</div><span class="ant-progress-text">50%</span></div> |
||||
</div> |
||||
<div class="ant-progress ant-progress-line ant-progress-status-exception ant-progress-show-info ant-progress-small"> |
||||
<div> |
||||
<div class="ant-progress-outer"> |
||||
<div class="ant-progress-inner"> |
||||
<div class="ant-progress-bg" style="width:70%;height:6px;"></div> |
||||
</div> |
||||
</div><span class="ant-progress-text"><i class="anticon anticon-cross-circle"></i></span></div> |
||||
</div> |
||||
<div class="ant-progress ant-progress-line ant-progress-status-success ant-progress-show-info ant-progress-small"> |
||||
<div> |
||||
<div class="ant-progress-outer"> |
||||
<div class="ant-progress-inner"> |
||||
<div class="ant-progress-bg" style="width:100%;height:6px;"></div> |
||||
</div> |
||||
</div><span class="ant-progress-text"><i class="anticon anticon-check-circle"></i></span></div> |
||||
</div> |
||||
</div> |
||||
`; |
||||
|
||||
exports[`renders ./components/progress/demo/segment.md correctly 1`] = ` |
||||
<div class="ant-progress ant-progress-line ant-progress-status-normal ant-progress-show-info ant-progress-default"> |
||||
<div> |
||||
<div class="ant-progress-outer"> |
||||
<div class="ant-progress-inner"> |
||||
<div class="ant-progress-bg" style="width:60%;height:8px;"></div> |
||||
<div class="ant-progress-success-bg" style="width:30%;height:8px;"></div> |
||||
</div> |
||||
</div><span class="ant-progress-text">60%</span></div> |
||||
</div> |
||||
`; |
||||
@ -0,0 +1,3 @@
|
||||
import demoTest from '../../../tests/shared/demoTest' |
||||
|
||||
demoTest('progress') |
||||
@ -0,0 +1,123 @@
|
||||
// Jest Snapshot v1, https://goo.gl/fbAQLP |
||||
|
||||
exports[`renders ./components/radio/demo/basic.md correctly 1`] = `<label class="ant-radio-wrapper"><span class="ant-radio"><input type="radio" class="ant-radio-input"><span class="ant-radio-inner"></span></span><span>Radio</span></label>`; |
||||
|
||||
exports[`renders ./components/radio/demo/disabled.md correctly 1`] = ` |
||||
<div> |
||||
<label class="ant-radio-wrapper ant-radio-wrapper-disabled"><span class="ant-radio ant-radio-disabled"><input type="radio" disabled="disabled" class="ant-radio-input"><span class="ant-radio-inner"></span></span><span>Disabled</span></label> |
||||
<br> |
||||
<label class="ant-radio-wrapper ant-radio-wrapper-checked ant-radio-wrapper-disabled"><span class="ant-radio ant-radio-checked ant-radio-disabled"><input type="radio" disabled="disabled" checked="checked" class="ant-radio-input"><span class="ant-radio-inner"></span></span><span>Disabled</span></label> |
||||
<div style="margin-top:20;"> |
||||
<button type="button" class="ant-btn ant-btn-primary"><span>Toggle disabled</span></button> |
||||
</div> |
||||
</div> |
||||
`; |
||||
|
||||
exports[`renders ./components/radio/demo/radioButton.md correctly 1`] = ` |
||||
<div> |
||||
<div> |
||||
<div class="ant-radio-group ant-radio-group-default"> |
||||
<label class="ant-radio-button-wrapper ant-radio-button-wrapper-checked"><span class="ant-radio-button ant-radio-button-checked"><input type="radio" checked="checked" class="ant-radio-button-input"><span class="ant-radio-button-inner"></span></span><span>Hangzhou</span></label> |
||||
<label class="ant-radio-button-wrapper"><span class="ant-radio-button"><input type="radio" class="ant-radio-button-input"><span class="ant-radio-button-inner"></span></span><span>Shanghai</span></label> |
||||
<label class="ant-radio-button-wrapper"><span class="ant-radio-button"><input type="radio" class="ant-radio-button-input"><span class="ant-radio-button-inner"></span></span><span>Beijing</span></label> |
||||
<label class="ant-radio-button-wrapper"><span class="ant-radio-button"><input type="radio" class="ant-radio-button-input"><span class="ant-radio-button-inner"></span></span><span>Chengdu</span></label> |
||||
</div> |
||||
</div> |
||||
<div style="margin-top:16px;"> |
||||
<div class="ant-radio-group ant-radio-group-default"> |
||||
<label class="ant-radio-button-wrapper ant-radio-button-wrapper-checked"><span class="ant-radio-button ant-radio-button-checked"><input type="radio" checked="checked" class="ant-radio-button-input"><span class="ant-radio-button-inner"></span></span><span>Hangzhou</span></label> |
||||
<label class="ant-radio-button-wrapper ant-radio-button-wrapper-disabled"><span class="ant-radio-button ant-radio-button-disabled"><input type="radio" disabled="disabled" class="ant-radio-button-input"><span class="ant-radio-button-inner"></span></span><span>Shanghai</span></label> |
||||
<label class="ant-radio-button-wrapper"><span class="ant-radio-button"><input type="radio" class="ant-radio-button-input"><span class="ant-radio-button-inner"></span></span><span>Beijing</span></label> |
||||
<label class="ant-radio-button-wrapper"><span class="ant-radio-button"><input type="radio" class="ant-radio-button-input"><span class="ant-radio-button-inner"></span></span><span>Chengdu</span></label> |
||||
</div> |
||||
</div> |
||||
<div style="margin-top:16px;"> |
||||
<div class="ant-radio-group ant-radio-group-default"> |
||||
<label class="ant-radio-button-wrapper ant-radio-button-wrapper-checked"><span class="ant-radio-button ant-radio-button-checked"><input type="radio" checked="checked" class="ant-radio-button-input"><span class="ant-radio-button-inner"></span></span><span>Hangzhou</span></label> |
||||
<label class="ant-radio-button-wrapper"><span class="ant-radio-button"><input type="radio" class="ant-radio-button-input"><span class="ant-radio-button-inner"></span></span><span>Shanghai</span></label> |
||||
<label class="ant-radio-button-wrapper"><span class="ant-radio-button"><input type="radio" class="ant-radio-button-input"><span class="ant-radio-button-inner"></span></span><span>Beijing</span></label> |
||||
<label class="ant-radio-button-wrapper"><span class="ant-radio-button"><input type="radio" class="ant-radio-button-input"><span class="ant-radio-button-inner"></span></span><span>Chengdu</span></label> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
`; |
||||
|
||||
exports[`renders ./components/radio/demo/radioGroup.md correctly 1`] = ` |
||||
<div class="ant-radio-group ant-radio-group-default"> |
||||
<label class="ant-radio-wrapper ant-radio-wrapper-checked"><span class="ant-radio ant-radio-checked"><input type="radio" checked="checked" class="ant-radio-input"><span class="ant-radio-inner"></span></span><span>A</span></label> |
||||
<label class="ant-radio-wrapper"><span class="ant-radio"><input type="radio" class="ant-radio-input"><span class="ant-radio-inner"></span></span><span>B</span></label> |
||||
<label class="ant-radio-wrapper"><span class="ant-radio"><input type="radio" class="ant-radio-input"><span class="ant-radio-inner"></span></span><span>C</span></label> |
||||
<label class="ant-radio-wrapper"><span class="ant-radio"><input type="radio" class="ant-radio-input"><span class="ant-radio-inner"></span></span><span>D</span></label> |
||||
</div> |
||||
`; |
||||
|
||||
exports[`renders ./components/radio/demo/radioGroup-more.md correctly 1`] = ` |
||||
<div class="ant-radio-group ant-radio-group-default"> |
||||
<label class="ant-radio-wrapper ant-radio-wrapper-checked" style="display:block;height:30px;line-height:30px;"><span class="ant-radio ant-radio-checked"><input type="radio" checked="checked" class="ant-radio-input"><span class="ant-radio-inner"></span></span><span>Option A</span></label> |
||||
<label class="ant-radio-wrapper" style="display:block;height:30px;line-height:30px;"><span class="ant-radio"><input type="radio" class="ant-radio-input"><span class="ant-radio-inner"></span></span><span>Option B</span></label> |
||||
<label class="ant-radio-wrapper" style="display:block;height:30px;line-height:30px;"><span class="ant-radio"><input type="radio" class="ant-radio-input"><span class="ant-radio-inner"></span></span><span>Option C</span></label> |
||||
<label class="ant-radio-wrapper" style="display:block;height:30px;line-height:30px;"><span class="ant-radio"><input type="radio" class="ant-radio-input"><span class="ant-radio-inner"></span></span><span> |
||||
More... |
||||
<!----></span></label> |
||||
</div> |
||||
`; |
||||
|
||||
exports[`renders ./components/radio/demo/radioGroup-options.md correctly 1`] = ` |
||||
<div> |
||||
<div class="ant-radio-group ant-radio-group-default"> |
||||
<label class="ant-radio-wrapper ant-radio-wrapper-checked"><span class="ant-radio ant-radio-checked"><input type="radio" checked="checked" class="ant-radio-input"><span class="ant-radio-inner"></span></span><span>Apple</span></label> |
||||
<label class="ant-radio-wrapper"><span class="ant-radio"><input type="radio" class="ant-radio-input"><span class="ant-radio-inner"></span></span><span>Pear</span></label> |
||||
<label class="ant-radio-wrapper"><span class="ant-radio"><input type="radio" class="ant-radio-input"><span class="ant-radio-inner"></span></span><span>Orange</span></label> |
||||
</div> |
||||
<br> |
||||
<div class="ant-radio-group ant-radio-group-default"> |
||||
<label class="ant-radio-wrapper ant-radio-wrapper-checked"><span class="ant-radio ant-radio-checked"><input type="radio" checked="checked" class="ant-radio-input"><span class="ant-radio-inner"></span></span><span>Apple</span></label> |
||||
<label class="ant-radio-wrapper"><span class="ant-radio"><input type="radio" class="ant-radio-input"><span class="ant-radio-inner"></span></span><span>Pear</span></label> |
||||
<label class="ant-radio-wrapper"><span class="ant-radio"><input type="radio" class="ant-radio-input"><span class="ant-radio-inner"></span></span><span>Orange</span></label> |
||||
</div> |
||||
<br> |
||||
<div class="ant-radio-group ant-radio-group-default"> |
||||
<label class="ant-radio-wrapper ant-radio-wrapper-checked ant-radio-wrapper-disabled"><span class="ant-radio ant-radio-checked ant-radio-disabled"><input type="radio" disabled="disabled" checked="checked" class="ant-radio-input"><span class="ant-radio-inner"></span></span><span>Apple</span></label> |
||||
<label class="ant-radio-wrapper ant-radio-wrapper-disabled"><span class="ant-radio ant-radio-disabled"><input type="radio" disabled="disabled" class="ant-radio-input"><span class="ant-radio-inner"></span></span><span>Pear</span></label> |
||||
<label class="ant-radio-wrapper"><span class="ant-radio"><input type="radio" class="ant-radio-input"><span class="ant-radio-inner"></span></span><span>Orange</span></label> |
||||
</div> |
||||
</div> |
||||
`; |
||||
|
||||
exports[`renders ./components/radio/demo/radioGroup-with-name.md correctly 1`] = ` |
||||
<div class="ant-radio-group ant-radio-group-default"> |
||||
<label class="ant-radio-wrapper ant-radio-wrapper-checked"><span class="ant-radio ant-radio-checked"><input type="radio" checked="checked" class="ant-radio-input"><span class="ant-radio-inner"></span></span><span>A</span></label> |
||||
<label class="ant-radio-wrapper"><span class="ant-radio"><input type="radio" class="ant-radio-input"><span class="ant-radio-inner"></span></span><span>B</span></label> |
||||
<label class="ant-radio-wrapper"><span class="ant-radio"><input type="radio" class="ant-radio-input"><span class="ant-radio-inner"></span></span><span>C</span></label> |
||||
<label class="ant-radio-wrapper"><span class="ant-radio"><input type="radio" class="ant-radio-input"><span class="ant-radio-inner"></span></span><span>D</span></label> |
||||
</div> |
||||
`; |
||||
|
||||
exports[`renders ./components/radio/demo/size.md correctly 1`] = ` |
||||
<div> |
||||
<div> |
||||
<div class="ant-radio-group ant-radio-group-large"> |
||||
<label class="ant-radio-button-wrapper ant-radio-button-wrapper-checked"><span class="ant-radio-button ant-radio-button-checked"><input type="radio" checked="checked" class="ant-radio-button-input"><span class="ant-radio-button-inner"></span></span><span>Hangzhou</span></label> |
||||
<label class="ant-radio-button-wrapper"><span class="ant-radio-button"><input type="radio" class="ant-radio-button-input"><span class="ant-radio-button-inner"></span></span><span>Shanghai</span></label> |
||||
<label class="ant-radio-button-wrapper"><span class="ant-radio-button"><input type="radio" class="ant-radio-button-input"><span class="ant-radio-button-inner"></span></span><span>Beijing</span></label> |
||||
<label class="ant-radio-button-wrapper"><span class="ant-radio-button"><input type="radio" class="ant-radio-button-input"><span class="ant-radio-button-inner"></span></span><span>Chengdu</span></label> |
||||
</div> |
||||
</div> |
||||
<div style="margin-top:16px;"> |
||||
<div class="ant-radio-group ant-radio-group-default"> |
||||
<label class="ant-radio-button-wrapper ant-radio-button-wrapper-checked"><span class="ant-radio-button ant-radio-button-checked"><input type="radio" checked="checked" class="ant-radio-button-input"><span class="ant-radio-button-inner"></span></span><span>Hangzhou</span></label> |
||||
<label class="ant-radio-button-wrapper"><span class="ant-radio-button"><input type="radio" class="ant-radio-button-input"><span class="ant-radio-button-inner"></span></span><span>Shanghai</span></label> |
||||
<label class="ant-radio-button-wrapper"><span class="ant-radio-button"><input type="radio" class="ant-radio-button-input"><span class="ant-radio-button-inner"></span></span><span>Beijing</span></label> |
||||
<label class="ant-radio-button-wrapper"><span class="ant-radio-button"><input type="radio" class="ant-radio-button-input"><span class="ant-radio-button-inner"></span></span><span>Chengdu</span></label> |
||||
</div> |
||||
</div> |
||||
<div style="margin-top:16px;"> |
||||
<div class="ant-radio-group ant-radio-group-small"> |
||||
<label class="ant-radio-button-wrapper ant-radio-button-wrapper-checked"><span class="ant-radio-button ant-radio-button-checked"><input type="radio" checked="checked" class="ant-radio-button-input"><span class="ant-radio-button-inner"></span></span><span>Hangzhou</span></label> |
||||
<label class="ant-radio-button-wrapper"><span class="ant-radio-button"><input type="radio" class="ant-radio-button-input"><span class="ant-radio-button-inner"></span></span><span>Shanghai</span></label> |
||||
<label class="ant-radio-button-wrapper"><span class="ant-radio-button"><input type="radio" class="ant-radio-button-input"><span class="ant-radio-button-inner"></span></span><span>Beijing</span></label> |
||||
<label class="ant-radio-button-wrapper"><span class="ant-radio-button"><input type="radio" class="ant-radio-button-input"><span class="ant-radio-button-inner"></span></span><span>Chengdu</span></label> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
`; |
||||
@ -0,0 +1,3 @@
|
||||
import demoTest from '../../../tests/shared/demoTest' |
||||
|
||||
demoTest('radio') |
||||
@ -0,0 +1,323 @@
|
||||
// Jest Snapshot v1, https://goo.gl/fbAQLP |
||||
|
||||
exports[`renders ./components/rate/demo/basic.md correctly 1`] = ` |
||||
<ul tabIndex="0" class="ant-rate"> |
||||
<li class="ant-rate-star ant-rate-star-full"> |
||||
<div class="ant-rate-star-first"> |
||||
<i class="anticon anticon-star"></i> |
||||
</div> |
||||
<div class="ant-rate-star-second"> |
||||
<i class="anticon anticon-star"></i> |
||||
</div> |
||||
</li> |
||||
<li class="ant-rate-star ant-rate-star-full"> |
||||
<div class="ant-rate-star-first"> |
||||
<i class="anticon anticon-star"></i> |
||||
</div> |
||||
<div class="ant-rate-star-second"> |
||||
<i class="anticon anticon-star"></i> |
||||
</div> |
||||
</li> |
||||
<li class="ant-rate-star ant-rate-star-zero"> |
||||
<div class="ant-rate-star-first"> |
||||
<i class="anticon anticon-star"></i> |
||||
</div> |
||||
<div class="ant-rate-star-second"> |
||||
<i class="anticon anticon-star"></i> |
||||
</div> |
||||
</li> |
||||
<li class="ant-rate-star ant-rate-star-zero"> |
||||
<div class="ant-rate-star-first"> |
||||
<i class="anticon anticon-star"></i> |
||||
</div> |
||||
<div class="ant-rate-star-second"> |
||||
<i class="anticon anticon-star"></i> |
||||
</div> |
||||
</li> |
||||
<li class="ant-rate-star ant-rate-star-zero"> |
||||
<div class="ant-rate-star-first"> |
||||
<i class="anticon anticon-star"></i> |
||||
</div> |
||||
<div class="ant-rate-star-second"> |
||||
<i class="anticon anticon-star"></i> |
||||
</div> |
||||
</li> |
||||
</ul> |
||||
`; |
||||
|
||||
exports[`renders ./components/rate/demo/character.md correctly 1`] = ` |
||||
<div> |
||||
<ul tabIndex="0" class="ant-rate"> |
||||
<li class="ant-rate-star ant-rate-star-zero"> |
||||
<div class="ant-rate-star-first"> |
||||
<i class="anticon anticon-heart"></i> |
||||
</div> |
||||
<div class="ant-rate-star-second"> |
||||
<i class="anticon anticon-heart"></i> |
||||
</div> |
||||
</li> |
||||
<li class="ant-rate-star ant-rate-star-zero"> |
||||
<div class="ant-rate-star-first"> |
||||
<i class="anticon anticon-heart"></i> |
||||
</div> |
||||
<div class="ant-rate-star-second"> |
||||
<i class="anticon anticon-heart"></i> |
||||
</div> |
||||
</li> |
||||
<li class="ant-rate-star ant-rate-star-zero"> |
||||
<div class="ant-rate-star-first"> |
||||
<i class="anticon anticon-heart"></i> |
||||
</div> |
||||
<div class="ant-rate-star-second"> |
||||
<i class="anticon anticon-heart"></i> |
||||
</div> |
||||
</li> |
||||
<li class="ant-rate-star ant-rate-star-zero"> |
||||
<div class="ant-rate-star-first"> |
||||
<i class="anticon anticon-heart"></i> |
||||
</div> |
||||
<div class="ant-rate-star-second"> |
||||
<i class="anticon anticon-heart"></i> |
||||
</div> |
||||
</li> |
||||
<li class="ant-rate-star ant-rate-star-zero"> |
||||
<div class="ant-rate-star-first"> |
||||
<i class="anticon anticon-heart"></i> |
||||
</div> |
||||
<div class="ant-rate-star-second"> |
||||
<i class="anticon anticon-heart"></i> |
||||
</div> |
||||
</li> |
||||
</ul> |
||||
<br> |
||||
<ul tabIndex="0" class="ant-rate" style="font-size:36px;"> |
||||
<li class="ant-rate-star ant-rate-star-zero"> |
||||
<div class="ant-rate-star-first">A</div> |
||||
<div class="ant-rate-star-second">A</div> |
||||
</li> |
||||
<li class="ant-rate-star ant-rate-star-zero"> |
||||
<div class="ant-rate-star-first">A</div> |
||||
<div class="ant-rate-star-second">A</div> |
||||
</li> |
||||
<li class="ant-rate-star ant-rate-star-zero"> |
||||
<div class="ant-rate-star-first">A</div> |
||||
<div class="ant-rate-star-second">A</div> |
||||
</li> |
||||
<li class="ant-rate-star ant-rate-star-zero"> |
||||
<div class="ant-rate-star-first">A</div> |
||||
<div class="ant-rate-star-second">A</div> |
||||
</li> |
||||
<li class="ant-rate-star ant-rate-star-zero"> |
||||
<div class="ant-rate-star-first">A</div> |
||||
<div class="ant-rate-star-second">A</div> |
||||
</li> |
||||
</ul> |
||||
<br> |
||||
<ul tabIndex="0" class="ant-rate"> |
||||
<li class="ant-rate-star ant-rate-star-zero"> |
||||
<div class="ant-rate-star-first">好</div> |
||||
<div class="ant-rate-star-second">好</div> |
||||
</li> |
||||
<li class="ant-rate-star ant-rate-star-zero"> |
||||
<div class="ant-rate-star-first">好</div> |
||||
<div class="ant-rate-star-second">好</div> |
||||
</li> |
||||
<li class="ant-rate-star ant-rate-star-zero"> |
||||
<div class="ant-rate-star-first">好</div> |
||||
<div class="ant-rate-star-second">好</div> |
||||
</li> |
||||
<li class="ant-rate-star ant-rate-star-zero"> |
||||
<div class="ant-rate-star-first">好</div> |
||||
<div class="ant-rate-star-second">好</div> |
||||
</li> |
||||
<li class="ant-rate-star ant-rate-star-zero"> |
||||
<div class="ant-rate-star-first">好</div> |
||||
<div class="ant-rate-star-second">好</div> |
||||
</li> |
||||
</ul> |
||||
<br> |
||||
</div> |
||||
`; |
||||
|
||||
exports[`renders ./components/rate/demo/clear.md correctly 1`] = ` |
||||
<div> |
||||
<ul tabIndex="0" class="ant-rate"> |
||||
<li class="ant-rate-star ant-rate-star-full"> |
||||
<div class="ant-rate-star-first"> |
||||
<i class="anticon anticon-star"></i> |
||||
</div> |
||||
<div class="ant-rate-star-second"> |
||||
<i class="anticon anticon-star"></i> |
||||
</div> |
||||
</li> |
||||
<li class="ant-rate-star ant-rate-star-full"> |
||||
<div class="ant-rate-star-first"> |
||||
<i class="anticon anticon-star"></i> |
||||
</div> |
||||
<div class="ant-rate-star-second"> |
||||
<i class="anticon anticon-star"></i> |
||||
</div> |
||||
</li> |
||||
<li class="ant-rate-star ant-rate-star-full"> |
||||
<div class="ant-rate-star-first"> |
||||
<i class="anticon anticon-star"></i> |
||||
</div> |
||||
<div class="ant-rate-star-second"> |
||||
<i class="anticon anticon-star"></i> |
||||
</div> |
||||
</li> |
||||
<li class="ant-rate-star ant-rate-star-zero"> |
||||
<div class="ant-rate-star-first"> |
||||
<i class="anticon anticon-star"></i> |
||||
</div> |
||||
<div class="ant-rate-star-second"> |
||||
<i class="anticon anticon-star"></i> |
||||
</div> |
||||
</li> |
||||
<li class="ant-rate-star ant-rate-star-zero"> |
||||
<div class="ant-rate-star-first"> |
||||
<i class="anticon anticon-star"></i> |
||||
</div> |
||||
<div class="ant-rate-star-second"> |
||||
<i class="anticon anticon-star"></i> |
||||
</div> |
||||
</li> |
||||
</ul> allowClear: true |
||||
<br> |
||||
<ul tabIndex="0" class="ant-rate"> |
||||
<li class="ant-rate-star ant-rate-star-full"> |
||||
<div class="ant-rate-star-first"> |
||||
<i class="anticon anticon-star"></i> |
||||
</div> |
||||
<div class="ant-rate-star-second"> |
||||
<i class="anticon anticon-star"></i> |
||||
</div> |
||||
</li> |
||||
<li class="ant-rate-star ant-rate-star-full"> |
||||
<div class="ant-rate-star-first"> |
||||
<i class="anticon anticon-star"></i> |
||||
</div> |
||||
<div class="ant-rate-star-second"> |
||||
<i class="anticon anticon-star"></i> |
||||
</div> |
||||
</li> |
||||
<li class="ant-rate-star ant-rate-star-full"> |
||||
<div class="ant-rate-star-first"> |
||||
<i class="anticon anticon-star"></i> |
||||
</div> |
||||
<div class="ant-rate-star-second"> |
||||
<i class="anticon anticon-star"></i> |
||||
</div> |
||||
</li> |
||||
<li class="ant-rate-star ant-rate-star-zero"> |
||||
<div class="ant-rate-star-first"> |
||||
<i class="anticon anticon-star"></i> |
||||
</div> |
||||
<div class="ant-rate-star-second"> |
||||
<i class="anticon anticon-star"></i> |
||||
</div> |
||||
</li> |
||||
<li class="ant-rate-star ant-rate-star-zero"> |
||||
<div class="ant-rate-star-first"> |
||||
<i class="anticon anticon-star"></i> |
||||
</div> |
||||
<div class="ant-rate-star-second"> |
||||
<i class="anticon anticon-star"></i> |
||||
</div> |
||||
</li> |
||||
</ul> allowClear: false |
||||
<br> |
||||
</div> |
||||
`; |
||||
|
||||
exports[`renders ./components/rate/demo/disabled.md correctly 1`] = ` |
||||
<ul tabIndex="-1" class="ant-rate ant-rate-disabled"> |
||||
<li class="ant-rate-star ant-rate-star-full"> |
||||
<div class="ant-rate-star-first"> |
||||
<i class="anticon anticon-star"></i> |
||||
</div> |
||||
<div class="ant-rate-star-second"> |
||||
<i class="anticon anticon-star"></i> |
||||
</div> |
||||
</li> |
||||
<li class="ant-rate-star ant-rate-star-full"> |
||||
<div class="ant-rate-star-first"> |
||||
<i class="anticon anticon-star"></i> |
||||
</div> |
||||
<div class="ant-rate-star-second"> |
||||
<i class="anticon anticon-star"></i> |
||||
</div> |
||||
</li> |
||||
<li class="ant-rate-star ant-rate-star-zero"> |
||||
<div class="ant-rate-star-first"> |
||||
<i class="anticon anticon-star"></i> |
||||
</div> |
||||
<div class="ant-rate-star-second"> |
||||
<i class="anticon anticon-star"></i> |
||||
</div> |
||||
</li> |
||||
<li class="ant-rate-star ant-rate-star-zero"> |
||||
<div class="ant-rate-star-first"> |
||||
<i class="anticon anticon-star"></i> |
||||
</div> |
||||
<div class="ant-rate-star-second"> |
||||
<i class="anticon anticon-star"></i> |
||||
</div> |
||||
</li> |
||||
<li class="ant-rate-star ant-rate-star-zero"> |
||||
<div class="ant-rate-star-first"> |
||||
<i class="anticon anticon-star"></i> |
||||
</div> |
||||
<div class="ant-rate-star-second"> |
||||
<i class="anticon anticon-star"></i> |
||||
</div> |
||||
</li> |
||||
</ul> |
||||
`; |
||||
|
||||
exports[`renders ./components/rate/demo/half.md correctly 1`] = ` |
||||
<ul tabIndex="0" class="ant-rate"> |
||||
<li class="ant-rate-star ant-rate-star-full"> |
||||
<div class="ant-rate-star-first"> |
||||
<i class="anticon anticon-star"></i> |
||||
</div> |
||||
<div class="ant-rate-star-second"> |
||||
<i class="anticon anticon-star"></i> |
||||
</div> |
||||
</li> |
||||
<li class="ant-rate-star ant-rate-star-full"> |
||||
<div class="ant-rate-star-first"> |
||||
<i class="anticon anticon-star"></i> |
||||
</div> |
||||
<div class="ant-rate-star-second"> |
||||
<i class="anticon anticon-star"></i> |
||||
</div> |
||||
</li> |
||||
<li class="ant-rate-star ant-rate-star-half ant-rate-star-active"> |
||||
<div class="ant-rate-star-first"> |
||||
<i class="anticon anticon-star"></i> |
||||
</div> |
||||
<div class="ant-rate-star-second"> |
||||
<i class="anticon anticon-star"></i> |
||||
</div> |
||||
</li> |
||||
<li class="ant-rate-star ant-rate-star-zero"> |
||||
<div class="ant-rate-star-first"> |
||||
<i class="anticon anticon-star"></i> |
||||
</div> |
||||
<div class="ant-rate-star-second"> |
||||
<i class="anticon anticon-star"></i> |
||||
</div> |
||||
</li> |
||||
<li class="ant-rate-star ant-rate-star-zero"> |
||||
<div class="ant-rate-star-first"> |
||||
<i class="anticon anticon-star"></i> |
||||
</div> |
||||
<div class="ant-rate-star-second"> |
||||
<i class="anticon anticon-star"></i> |
||||
</div> |
||||
</li> |
||||
</ul> |
||||
`; |
||||
|
||||
exports[`renders ./components/rate/demo/text.md correctly 1`] = `<span><ul tabIndex="0" class="ant-rate"><li class="ant-rate-star ant-rate-star-full"><div class="ant-rate-star-first"><i class="anticon anticon-star"></i></div><div class="ant-rate-star-second"><i class="anticon anticon-star"></i></div></li><li class="ant-rate-star ant-rate-star-full"><div class="ant-rate-star-first"><i class="anticon anticon-star"></i></div><div class="ant-rate-star-second"><i class="anticon anticon-star"></i></div></li><li class="ant-rate-star ant-rate-star-full"><div class="ant-rate-star-first"><i class="anticon anticon-star"></i></div><div class="ant-rate-star-second"><i class="anticon anticon-star"></i></div></li><li class="ant-rate-star ant-rate-star-zero"><div class="ant-rate-star-first"><i class="anticon anticon-star"></i></div><div class="ant-rate-star-second"><i class="anticon anticon-star"></i></div></li><li class="ant-rate-star ant-rate-star-zero"><div class="ant-rate-star-first"><i class="anticon anticon-star"></i></div><div class="ant-rate-star-second"><i class="anticon anticon-star"></i></div></li></ul> <span class="ant-rate-text">3 stars</span></span>`; |
||||
@ -0,0 +1,3 @@
|
||||
import demoTest from '../../../tests/shared/demoTest' |
||||
|
||||
demoTest('rate') |
||||
@ -0,0 +1,3 @@
|
||||
import demoTest from '../../../tests/shared/demoTest' |
||||
|
||||
demoTest('select') |
||||
@ -0,0 +1,224 @@
|
||||
// Jest Snapshot v1, https://goo.gl/fbAQLP |
||||
|
||||
exports[`renders ./components/slider/demo/basic.md correctly 1`] = ` |
||||
<div> |
||||
<div class="ant-slider"> |
||||
<div class="ant-slider-rail"></div> |
||||
<div class="ant-slider-track" style="left:0%;width:30%;"></div> |
||||
<div class="ant-slider-step"></div> |
||||
<div role="slider" tabIndex="0" aria-valuemin="0" aria-valuemax="100" aria-valuenow="30" class="ant-slider-handle" style="left:30%;"></div> |
||||
<div class="ant-slider-mark"></div> |
||||
</div> |
||||
<div class="ant-slider"> |
||||
<div class="ant-slider-rail"></div> |
||||
<div class="ant-slider-track ant-slider-track-1" style="left:20%;width:30%;"></div> |
||||
<div class="ant-slider-step"></div> |
||||
<div role="slider" tabIndex="0" aria-valuemin="0" aria-valuemax="100" aria-valuenow="20" class="ant-slider-handle" style="left:20%;"></div> |
||||
<div role="slider" tabIndex="0" aria-valuemin="0" aria-valuemax="100" aria-valuenow="50" class="ant-slider-handle" style="left:50%;"></div> |
||||
<div class="ant-slider-mark"></div> |
||||
</div> |
||||
Disabled: <span tabIndex="0" class="ant-switch ant-switch-small"><span class="ant-switch-inner"></span></span> |
||||
</div> |
||||
`; |
||||
|
||||
exports[`renders ./components/slider/demo/event.md correctly 1`] = ` |
||||
<div class="code-box-demo"> |
||||
<div class="ant-slider"> |
||||
<div class="ant-slider-rail"></div> |
||||
<div class="ant-slider-track" style="left:0%;width:30%;"></div> |
||||
<div class="ant-slider-step"></div> |
||||
<div role="slider" tabIndex="0" aria-valuemin="0" aria-valuemax="100" aria-valuenow="30" class="ant-slider-handle" style="left:30%;"></div> |
||||
<div class="ant-slider-mark"></div> |
||||
</div> |
||||
<div class="ant-slider"> |
||||
<div class="ant-slider-rail"></div> |
||||
<div class="ant-slider-track ant-slider-track-1" style="left:20%;width:30%;"></div> |
||||
<div class="ant-slider-step"></div> |
||||
<div role="slider" tabIndex="0" aria-valuemin="0" aria-valuemax="100" aria-valuenow="20" class="ant-slider-handle" style="left:20%;"></div> |
||||
<div role="slider" tabIndex="0" aria-valuemin="0" aria-valuemax="100" aria-valuenow="50" class="ant-slider-handle" style="left:50%;"></div> |
||||
<div class="ant-slider-mark"></div> |
||||
</div> |
||||
</div> |
||||
`; |
||||
|
||||
exports[`renders ./components/slider/demo/icon-slider.md correctly 1`] = ` |
||||
<div class="icon-wrapper"> |
||||
<i class="anticon anticon-frown-o" style="color:rgba(0, 0, 0, .45);"></i> |
||||
<div class="ant-slider"> |
||||
<div class="ant-slider-rail"></div> |
||||
<div class="ant-slider-track" style="left:0%;width:0%;"></div> |
||||
<div class="ant-slider-step"></div> |
||||
<div role="slider" tabIndex="0" aria-valuemin="0" aria-valuemax="20" aria-valuenow="0" class="ant-slider-handle" style="left:0%;"></div> |
||||
<div class="ant-slider-mark"></div> |
||||
</div> |
||||
<div class="ant-slider"> |
||||
<div class="ant-slider-rail"></div> |
||||
<div class="ant-slider-track" style="left:0%;width:0%;"></div> |
||||
<div class="ant-slider-step"></div> |
||||
<div role="slider" tabIndex="0" aria-valuemin="0" aria-valuemax="20" aria-valuenow="0" class="ant-slider-handle" style="left:0%;"></div> |
||||
<div class="ant-slider-mark"></div> |
||||
</div> |
||||
<i class="anticon anticon-smile-o" style="color:;"></i> |
||||
</div> |
||||
`; |
||||
|
||||
exports[`renders ./components/slider/demo/input-number.md correctly 1`] = ` |
||||
<div> |
||||
<div class="ant-row"> |
||||
<div class="ant-col-12"> |
||||
<div class="ant-slider"> |
||||
<div class="ant-slider-rail"></div> |
||||
<div class="ant-slider-track" style="left:0%;width:0%;"></div> |
||||
<div class="ant-slider-step"></div> |
||||
<div role="slider" tabIndex="0" aria-valuemin="1" aria-valuemax="20" aria-valuenow="1" class="ant-slider-handle" style="left:0%;"></div> |
||||
<div class="ant-slider-mark"></div> |
||||
</div> |
||||
</div> |
||||
<div class="ant-col-4"> |
||||
<div class="ant-input-number" style="margin-left:16px;"> |
||||
<div class="ant-input-number-handler-wrap"><span unselectable="unselectable" role="button" aria-label="Increase Value" class="ant-input-number-handler ant-input-number-handler-up "><span unselectable="unselectable" class="ant-input-number-handler-up-inner"></span></span><span unselectable="unselectable" |
||||
role="button" aria-label="Decrease Value" aria-disabled="true" class="ant-input-number-handler ant-input-number-handler-down ant-input-number-handler-down-disabled"><span unselectable="unselectable" class="ant-input-number-handler-down-inner"></span></span> |
||||
</div> |
||||
<div role="spinbutton" aria-valuemin="1" aria-valuemax="20" aria-valuenow="1" class="ant-input-number-input-wrap"> |
||||
<input autoComplete="off" max="20" min="1" step="1" value="1" class="ant-input-number-input"> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
<div class="ant-row"> |
||||
<div class="ant-col-12"> |
||||
<div class="ant-slider"> |
||||
<div class="ant-slider-rail"></div> |
||||
<div class="ant-slider-track" style="left:0%;width:0%;"></div> |
||||
<div class="ant-slider-step"></div> |
||||
<div role="slider" tabIndex="0" aria-valuemin="0" aria-valuemax="1" aria-valuenow="0" class="ant-slider-handle" style="left:0%;"></div> |
||||
<div class="ant-slider-mark"></div> |
||||
</div> |
||||
</div> |
||||
<div class="ant-col-4"> |
||||
<div class="ant-input-number" style="margin-left:16px;"> |
||||
<div class="ant-input-number-handler-wrap"><span unselectable="unselectable" role="button" aria-label="Increase Value" class="ant-input-number-handler ant-input-number-handler-up "><span unselectable="unselectable" class="ant-input-number-handler-up-inner"></span></span><span unselectable="unselectable" |
||||
role="button" aria-label="Decrease Value" aria-disabled="true" class="ant-input-number-handler ant-input-number-handler-down ant-input-number-handler-down-disabled"><span unselectable="unselectable" class="ant-input-number-handler-down-inner"></span></span> |
||||
</div> |
||||
<div role="spinbutton" aria-valuemin="0" aria-valuemax="1" aria-valuenow="0" class="ant-input-number-input-wrap"> |
||||
<input autoComplete="off" max="1" min="0" step="0.01" value="0.00" class="ant-input-number-input"> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
`; |
||||
|
||||
exports[`renders ./components/slider/demo/mark.md correctly 1`] = ` |
||||
<div id="components-slider-demo-mark"> |
||||
<h4>included=true</h4> |
||||
<div class="ant-slider ant-slider-with-marks"> |
||||
<div class="ant-slider-rail"></div> |
||||
<div class="ant-slider-track" style="left:0%;width:37%;"></div> |
||||
<div class="ant-slider-step"><span class="ant-slider-dot ant-slider-dot-active" style="left:0%;"></span><span class="ant-slider-dot ant-slider-dot-active" style="left:26%;"></span><span class="ant-slider-dot ant-slider-dot-active" style="left:37%;"></span><span class="ant-slider-dot" |
||||
style="left:100%;"></span></div> |
||||
<div role="slider" tabIndex="0" aria-valuemin="0" aria-valuemax="100" aria-valuenow="37" class="ant-slider-handle" style="left:37%;"></div> |
||||
<div class="ant-slider-mark"><span class="ant-slider-mark-text ant-slider-mark-text-active" style="width:30.000000000000004%;margin-left:-15.000000000000002%;left:0%;">0°C</span><span class="ant-slider-mark-text ant-slider-mark-text-active" style="width:30.000000000000004%;margin-left:-15.000000000000002%;left:26%;">26°C</span> |
||||
<span |
||||
class="ant-slider-mark-text ant-slider-mark-text-active" style="width:30.000000000000004%;margin-left:-15.000000000000002%;left:37%;">37°C</span><span class="ant-slider-mark-text" style="width:30.000000000000004%;margin-left:-15.000000000000002%;left:100%;color:#f50;"><strong>100°C</strong></span></div> |
||||
</div> |
||||
<div class="ant-slider ant-slider-with-marks"> |
||||
<div class="ant-slider-rail"></div> |
||||
<div class="ant-slider-track ant-slider-track-1" style="left:26%;width:11%;"></div> |
||||
<div class="ant-slider-step"><span class="ant-slider-dot" style="left:0%;"></span><span class="ant-slider-dot ant-slider-dot-active" style="left:26%;"></span><span class="ant-slider-dot ant-slider-dot-active" style="left:37%;"></span><span class="ant-slider-dot" style="left:100%;"></span></div> |
||||
<div |
||||
role="slider" tabIndex="0" aria-valuemin="0" aria-valuemax="100" aria-valuenow="26" class="ant-slider-handle" style="left:26%;"></div> |
||||
<div role="slider" tabIndex="0" aria-valuemin="0" aria-valuemax="100" aria-valuenow="37" class="ant-slider-handle" style="left:37%;"></div> |
||||
<div class="ant-slider-mark"><span class="ant-slider-mark-text" style="width:30.000000000000004%;margin-left:-15.000000000000002%;left:0%;">0°C</span><span class="ant-slider-mark-text ant-slider-mark-text-active" style="width:30.000000000000004%;margin-left:-15.000000000000002%;left:26%;">26°C</span> |
||||
<span |
||||
class="ant-slider-mark-text ant-slider-mark-text-active" style="width:30.000000000000004%;margin-left:-15.000000000000002%;left:37%;">37°C</span><span class="ant-slider-mark-text" style="width:30.000000000000004%;margin-left:-15.000000000000002%;left:100%;color:#f50;"><strong>100°C</strong></span></div> |
||||
</div> |
||||
<h4>included=false</h4> |
||||
<div class="ant-slider ant-slider-with-marks"> |
||||
<div class="ant-slider-rail"></div> |
||||
<!----> |
||||
<div class="ant-slider-step"><span class="ant-slider-dot" style="left:0%;"></span><span class="ant-slider-dot" style="left:26%;"></span><span class="ant-slider-dot ant-slider-dot-active" style="left:37%;"></span><span class="ant-slider-dot" style="left:100%;"></span></div> |
||||
<div |
||||
role="slider" tabIndex="0" aria-valuemin="0" aria-valuemax="100" aria-valuenow="37" class="ant-slider-handle" style="left:37%;"></div> |
||||
<div class="ant-slider-mark"><span class="ant-slider-mark-text" style="width:30.000000000000004%;margin-left:-15.000000000000002%;left:0%;">0°C</span><span class="ant-slider-mark-text" style="width:30.000000000000004%;margin-left:-15.000000000000002%;left:26%;">26°C</span><span class="ant-slider-mark-text ant-slider-mark-text-active" |
||||
style="width:30.000000000000004%;margin-left:-15.000000000000002%;left:37%;">37°C</span><span class="ant-slider-mark-text" style="width:30.000000000000004%;margin-left:-15.000000000000002%;left:100%;color:#f50;"><strong>100°C</strong></span></div> |
||||
</div> |
||||
<h4>marks & step</h4> |
||||
<div class="ant-slider ant-slider-with-marks"> |
||||
<div class="ant-slider-rail"></div> |
||||
<div class="ant-slider-track" style="left:0%;width:37%;"></div> |
||||
<div class="ant-slider-step"><span class="ant-slider-dot ant-slider-dot-active" style="left:0%;"></span><span class="ant-slider-dot ant-slider-dot-active" style="left:26%;"></span><span class="ant-slider-dot ant-slider-dot-active" style="left:37%;"></span><span class="ant-slider-dot" |
||||
style="left:100%;"></span></div> |
||||
<div role="slider" tabIndex="0" aria-valuemin="0" aria-valuemax="100" aria-valuenow="37" class="ant-slider-handle" style="left:37%;"></div> |
||||
<div class="ant-slider-mark"><span class="ant-slider-mark-text ant-slider-mark-text-active" style="width:30.000000000000004%;margin-left:-15.000000000000002%;left:0%;">0°C</span><span class="ant-slider-mark-text ant-slider-mark-text-active" style="width:30.000000000000004%;margin-left:-15.000000000000002%;left:26%;">26°C</span> |
||||
<span |
||||
class="ant-slider-mark-text ant-slider-mark-text-active" style="width:30.000000000000004%;margin-left:-15.000000000000002%;left:37%;">37°C</span><span class="ant-slider-mark-text" style="width:30.000000000000004%;margin-left:-15.000000000000002%;left:100%;color:#f50;"><strong>100°C</strong></span></div> |
||||
</div> |
||||
<h4>step=null</h4> |
||||
<div class="ant-slider ant-slider-with-marks"> |
||||
<div class="ant-slider-rail"></div> |
||||
<div class="ant-slider-track" style="left:0%;width:37%;"></div> |
||||
<div class="ant-slider-step"><span class="ant-slider-dot ant-slider-dot-active" style="left:0%;"></span><span class="ant-slider-dot ant-slider-dot-active" style="left:26%;"></span><span class="ant-slider-dot ant-slider-dot-active" style="left:37%;"></span><span class="ant-slider-dot" |
||||
style="left:100%;"></span></div> |
||||
<div role="slider" tabIndex="0" aria-valuemin="0" aria-valuemax="100" aria-valuenow="37" class="ant-slider-handle" style="left:37%;"></div> |
||||
<div class="ant-slider-mark"><span class="ant-slider-mark-text ant-slider-mark-text-active" style="width:30.000000000000004%;margin-left:-15.000000000000002%;left:0%;">0°C</span><span class="ant-slider-mark-text ant-slider-mark-text-active" style="width:30.000000000000004%;margin-left:-15.000000000000002%;left:26%;">26°C</span> |
||||
<span |
||||
class="ant-slider-mark-text ant-slider-mark-text-active" style="width:30.000000000000004%;margin-left:-15.000000000000002%;left:37%;">37°C</span><span class="ant-slider-mark-text" style="width:30.000000000000004%;margin-left:-15.000000000000002%;left:100%;color:#f50;"><strong>100°C</strong></span></div> |
||||
</div> |
||||
</div> |
||||
`; |
||||
|
||||
exports[`renders ./components/slider/demo/tip-formatter.md correctly 1`] = ` |
||||
<div> |
||||
<div class="ant-slider"> |
||||
<div class="ant-slider-rail"></div> |
||||
<div class="ant-slider-track" style="left:0%;width:0%;"></div> |
||||
<div class="ant-slider-step"></div> |
||||
<div role="slider" tabIndex="0" aria-valuemin="0" aria-valuemax="100" aria-valuenow="0" class="ant-slider-handle" style="left:0%;"></div> |
||||
<div class="ant-slider-mark"></div> |
||||
</div> |
||||
<div class="ant-slider"> |
||||
<div class="ant-slider-rail"></div> |
||||
<div class="ant-slider-track" style="left:0%;width:0%;"></div> |
||||
<div class="ant-slider-step"></div> |
||||
<div role="slider" tabIndex="0" aria-valuemin="0" aria-valuemax="100" aria-valuenow="0" class="ant-slider-handle" style="left:0%;"></div> |
||||
<div class="ant-slider-mark"></div> |
||||
</div> |
||||
</div> |
||||
`; |
||||
|
||||
exports[`renders ./components/slider/demo/vertical.md correctly 1`] = ` |
||||
<div style="height:300px;"> |
||||
<div style="float:left;height:300px;margin-left:70px;"> |
||||
<div class="ant-slider ant-slider-vertical"> |
||||
<div class="ant-slider-rail"></div> |
||||
<div class="ant-slider-track" style="bottom:0%;height:30%;"></div> |
||||
<div class="ant-slider-step"></div> |
||||
<div role="slider" tabIndex="0" aria-valuemin="0" aria-valuemax="100" aria-valuenow="30" class="ant-slider-handle" style="bottom:30%;"></div> |
||||
<div class="ant-slider-mark"></div> |
||||
</div> |
||||
</div> |
||||
<div style="float:left;height:300px;margin-left:70px;"> |
||||
<div class="ant-slider ant-slider-vertical"> |
||||
<div class="ant-slider-rail"></div> |
||||
<div class="ant-slider-track ant-slider-track-1" style="bottom:20%;height:30%;"></div> |
||||
<div class="ant-slider-step"></div> |
||||
<div role="slider" tabIndex="0" aria-valuemin="0" aria-valuemax="100" aria-valuenow="20" class="ant-slider-handle" style="bottom:20%;"></div> |
||||
<div role="slider" tabIndex="0" aria-valuemin="0" aria-valuemax="100" aria-valuenow="50" class="ant-slider-handle" style="bottom:50%;"></div> |
||||
<div class="ant-slider-mark"></div> |
||||
</div> |
||||
</div> |
||||
<div style="float:left;height:300px;margin-left:70px;"> |
||||
<div class="ant-slider ant-slider-with-marks ant-slider-vertical"> |
||||
<div class="ant-slider-rail"></div> |
||||
<div class="ant-slider-track ant-slider-track-1" style="bottom:26%;height:11%;"></div> |
||||
<div class="ant-slider-step"><span class="ant-slider-dot" style="bottom:0%;"></span><span class="ant-slider-dot ant-slider-dot-active" style="bottom:26%;"></span><span class="ant-slider-dot ant-slider-dot-active" style="bottom:37%;"></span><span class="ant-slider-dot" style="bottom:100%;"></span></div> |
||||
<div |
||||
role="slider" tabIndex="0" aria-valuemin="0" aria-valuemax="100" aria-valuenow="26" class="ant-slider-handle" style="bottom:26%;"></div> |
||||
<div role="slider" tabIndex="0" aria-valuemin="0" aria-valuemax="100" aria-valuenow="37" class="ant-slider-handle" style="bottom:37%;"></div> |
||||
<div class="ant-slider-mark"><span class="ant-slider-mark-text" style="margin-bottom:-50%;bottom:0%;">0°C</span><span class="ant-slider-mark-text ant-slider-mark-text-active" style="margin-bottom:-50%;bottom:26%;">26°C</span><span class="ant-slider-mark-text ant-slider-mark-text-active" |
||||
style="margin-bottom:-50%;bottom:37%;">37°C</span><span class="ant-slider-mark-text" style="margin-bottom:-50%;bottom:100%;color:#f50;"><strong>100°C</strong></span></div> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
`; |
||||
@ -0,0 +1,3 @@
|
||||
import demoTest from '../../../tests/shared/demoTest' |
||||
|
||||
demoTest('slider') |
||||
@ -0,0 +1,72 @@
|
||||
// Jest Snapshot v1, https://goo.gl/fbAQLP |
||||
|
||||
exports[`renders ./components/spin/demo/basic.md correctly 1`] = ` |
||||
<div> |
||||
<div class="ant-spin ant-spin-spinning"><span class="ant-spin-dot"><i></i><i></i><i></i><i></i></span></div> |
||||
</div> |
||||
`; |
||||
|
||||
exports[`renders ./components/spin/demo/custom-indicator.md correctly 1`] = ` |
||||
<div> |
||||
<div class="ant-spin ant-spin-spinning"> |
||||
<i class="anticon anticon-loading anticon-spin" style="font-size:24px;"></i> |
||||
</div> |
||||
</div> |
||||
`; |
||||
|
||||
exports[`renders ./components/spin/demo/delayAndDebounce.md correctly 1`] = ` |
||||
<div> |
||||
<div class="ant-spin-nested-loading"> |
||||
<div class="ant-spin-container"> |
||||
<div class="spin-content"> |
||||
可以点击‘切换’按钮，延迟显示 loading 效果。当 spinning 状态在 \`delay\` 时间内结束，则不显示 loading 状态。 |
||||
</div> |
||||
</div> |
||||
</div> |
||||
Loading state：<span tabIndex="0" class="ant-switch"><span class="ant-switch-inner"></span></span> |
||||
</div> |
||||
`; |
||||
|
||||
exports[`renders ./components/spin/demo/inside.md correctly 1`] = ` |
||||
<div class="example"> |
||||
<div class="ant-spin ant-spin-spinning"><span class="ant-spin-dot"><i></i><i></i><i></i><i></i></span></div> |
||||
</div> |
||||
`; |
||||
|
||||
exports[`renders ./components/spin/demo/nested.md correctly 1`] = ` |
||||
<div> |
||||
<div class="ant-spin-nested-loading"> |
||||
<div class="ant-spin-container"> |
||||
<div class="spin-content"> |
||||
可以点击‘切换’按钮，控制本区域的spin展示。 |
||||
</div> |
||||
</div> |
||||
</div> |
||||
Loading state：<span tabIndex="0" class="ant-switch"><span class="ant-switch-inner"></span></span> |
||||
</div> |
||||
`; |
||||
|
||||
exports[`renders ./components/spin/demo/size.md correctly 1`] = ` |
||||
<div> |
||||
<div class="ant-spin ant-spin-sm ant-spin-spinning"><span class="ant-spin-dot"><i></i><i></i><i></i><i></i></span></div> |
||||
<div class="ant-spin ant-spin-spinning"><span class="ant-spin-dot"><i></i><i></i><i></i><i></i></span></div> |
||||
<div class="ant-spin ant-spin-lg ant-spin-spinning"><span class="ant-spin-dot"><i></i><i></i><i></i><i></i></span></div> |
||||
</div> |
||||
`; |
||||
|
||||
exports[`renders ./components/spin/demo/tip.md correctly 1`] = ` |
||||
<div> |
||||
<div class="ant-spin-nested-loading"> |
||||
<div> |
||||
<div class="ant-spin ant-spin-spinning ant-spin-show-text"><span class="ant-spin-dot"><i></i><i></i><i></i><i></i></span> |
||||
<div class="ant-spin-text">Loading...</div> |
||||
</div> |
||||
</div> |
||||
<div class="ant-spin-container ant-spin-blur"> |
||||
<div class="spin-content"> |
||||
我的描述文案是自定义的。。。 |
||||
</div> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
`; |
||||
@ -0,0 +1,3 @@
|
||||
import demoTest from '../../../tests/shared/demoTest' |
||||
|
||||
demoTest('spin') |
||||
@ -0,0 +1,287 @@
|
||||
// Jest Snapshot v1, https://goo.gl/fbAQLP |
||||
|
||||
exports[`renders ./components/steps/demo/customized-progress-dot.md correctly 1`] = ` |
||||
<div> |
||||
<div class="ant-steps ant-steps-horizontal ant-steps-label-vertical ant-steps-dot"> |
||||
<div class="ant-steps-item ant-steps-item-finish"> |
||||
<div class="ant-steps-item-tail"></div> |
||||
<div class="ant-steps-item-icon"><span class="ant-steps-icon"><span class="ant-steps-icon-dot"></span></span> |
||||
</div> |
||||
<div class="ant-steps-item-content"> |
||||
<div class="ant-steps-item-title">Finished</div> |
||||
<div class="ant-steps-item-description">You can hover on the dot.</div> |
||||
</div> |
||||
</div> |
||||
<div class="ant-steps-item ant-steps-item-process"> |
||||
<div class="ant-steps-item-tail"></div> |
||||
<div class="ant-steps-item-icon"><span class="ant-steps-icon"><span class="ant-steps-icon-dot"></span></span> |
||||
</div> |
||||
<div class="ant-steps-item-content"> |
||||
<div class="ant-steps-item-title">In Progress</div> |
||||
<div class="ant-steps-item-description">You can hover on the dot.</div> |
||||
</div> |
||||
</div> |
||||
<div class="ant-steps-item ant-steps-item-wait"> |
||||
<div class="ant-steps-item-tail"></div> |
||||
<div class="ant-steps-item-icon"><span class="ant-steps-icon"><span class="ant-steps-icon-dot"></span></span> |
||||
</div> |
||||
<div class="ant-steps-item-content"> |
||||
<div class="ant-steps-item-title">Waiting</div> |
||||
<div class="ant-steps-item-description">You can hover on the dot.</div> |
||||
</div> |
||||
</div> |
||||
<div class="ant-steps-item ant-steps-item-wait"> |
||||
<div class="ant-steps-item-tail"></div> |
||||
<div class="ant-steps-item-icon"><span class="ant-steps-icon"><span class="ant-steps-icon-dot"></span></span> |
||||
</div> |
||||
<div class="ant-steps-item-content"> |
||||
<div class="ant-steps-item-title">Waiting</div> |
||||
<div class="ant-steps-item-description">You can hover on the dot.</div> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
`; |
||||
|
||||
exports[`renders ./components/steps/demo/error.md correctly 1`] = ` |
||||
<div class="ant-steps ant-steps-horizontal ant-steps-label-horizontal"> |
||||
<div class="ant-steps-item ant-steps-item-finish ant-steps-next-error"> |
||||
<div class="ant-steps-item-tail"></div> |
||||
<div class="ant-steps-item-icon"><span class="ant-steps-icon anticon anticon-check"></span></div> |
||||
<div class="ant-steps-item-content"> |
||||
<div class="ant-steps-item-title">Finished</div> |
||||
<div class="ant-steps-item-description">This is a description.</div> |
||||
</div> |
||||
</div> |
||||
<div class="ant-steps-item ant-steps-item-error"> |
||||
<div class="ant-steps-item-tail"></div> |
||||
<div class="ant-steps-item-icon"><span class="ant-steps-icon anticon anticon-cross"></span></div> |
||||
<div class="ant-steps-item-content"> |
||||
<div class="ant-steps-item-title">In Progress</div> |
||||
<div class="ant-steps-item-description">This is a description.</div> |
||||
</div> |
||||
</div> |
||||
<div class="ant-steps-item ant-steps-item-wait"> |
||||
<div class="ant-steps-item-tail"></div> |
||||
<div class="ant-steps-item-icon"><span class="ant-steps-icon">3</span></div> |
||||
<div class="ant-steps-item-content"> |
||||
<div class="ant-steps-item-title">Waiting</div> |
||||
<div class="ant-steps-item-description">This is a description.</div> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
`; |
||||
|
||||
exports[`renders ./components/steps/demo/icon.md correctly 1`] = ` |
||||
<div class="ant-steps ant-steps-horizontal ant-steps-label-horizontal"> |
||||
<div class="ant-steps-item ant-steps-item-finish"> |
||||
<div class="ant-steps-item-tail"></div> |
||||
<div class="ant-steps-item-icon"><span class="ant-steps-icon"><i class="anticon anticon-user"></i></span></div> |
||||
<div class="ant-steps-item-content"> |
||||
<div class="ant-steps-item-title">Login</div> |
||||
</div> |
||||
</div> |
||||
<div class="ant-steps-item ant-steps-item-finish"> |
||||
<div class="ant-steps-item-tail"></div> |
||||
<div class="ant-steps-item-icon"><span class="ant-steps-icon"><i class="anticon anticon-solution"></i></span></div> |
||||
<div class="ant-steps-item-content"> |
||||
<div class="ant-steps-item-title">Verification</div> |
||||
</div> |
||||
</div> |
||||
<div class="ant-steps-item ant-steps-item-process"> |
||||
<div class="ant-steps-item-tail"></div> |
||||
<div class="ant-steps-item-icon"><span class="ant-steps-icon"><i class="anticon anticon-loading anticon-spin"></i></span></div> |
||||
<div class="ant-steps-item-content"> |
||||
<div class="ant-steps-item-title">Pay</div> |
||||
</div> |
||||
</div> |
||||
<div class="ant-steps-item ant-steps-item-wait"> |
||||
<div class="ant-steps-item-tail"></div> |
||||
<div class="ant-steps-item-icon"><span class="ant-steps-icon"><i class="anticon anticon-smile-o"></i></span></div> |
||||
<div class="ant-steps-item-content"> |
||||
<div class="ant-steps-item-title">Done</div> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
`; |
||||
|
||||
exports[`renders ./components/steps/demo/progress-dot.md correctly 1`] = ` |
||||
<div class="ant-steps ant-steps-horizontal ant-steps-label-vertical ant-steps-dot"> |
||||
<div class="ant-steps-item ant-steps-item-finish"> |
||||
<div class="ant-steps-item-tail"></div> |
||||
<div class="ant-steps-item-icon"><span class="ant-steps-icon"><span class="ant-steps-icon-dot"></span></span> |
||||
</div> |
||||
<div class="ant-steps-item-content"> |
||||
<div class="ant-steps-item-title">Finished</div> |
||||
<div class="ant-steps-item-description">This is a description.</div> |
||||
</div> |
||||
</div> |
||||
<div class="ant-steps-item ant-steps-item-process"> |
||||
<div class="ant-steps-item-tail"></div> |
||||
<div class="ant-steps-item-icon"><span class="ant-steps-icon"><span class="ant-steps-icon-dot"></span></span> |
||||
</div> |
||||
<div class="ant-steps-item-content"> |
||||
<div class="ant-steps-item-title">In Progress</div> |
||||
<div class="ant-steps-item-description">This is a description.</div> |
||||
</div> |
||||
</div> |
||||
<div class="ant-steps-item ant-steps-item-wait"> |
||||
<div class="ant-steps-item-tail"></div> |
||||
<div class="ant-steps-item-icon"><span class="ant-steps-icon"><span class="ant-steps-icon-dot"></span></span> |
||||
</div> |
||||
<div class="ant-steps-item-content"> |
||||
<div class="ant-steps-item-title">Waiting</div> |
||||
<div class="ant-steps-item-description">This is a description.</div> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
`; |
||||
|
||||
exports[`renders ./components/steps/demo/simple.md correctly 1`] = ` |
||||
<div class="ant-steps ant-steps-horizontal ant-steps-label-horizontal"> |
||||
<div class="ant-steps-item ant-steps-item-finish"> |
||||
<div class="ant-steps-item-tail"></div> |
||||
<div class="ant-steps-item-icon"><span class="ant-steps-icon anticon anticon-check"></span></div> |
||||
<div class="ant-steps-item-content"> |
||||
<div class="ant-steps-item-title"> |
||||
Finished |
||||
</div> |
||||
<div class="ant-steps-item-description"><span>This is a description.</span></div> |
||||
</div> |
||||
</div> |
||||
<div class="ant-steps-item ant-steps-item-process"> |
||||
<div class="ant-steps-item-tail"></div> |
||||
<div class="ant-steps-item-icon"><span class="ant-steps-icon">2</span></div> |
||||
<div class="ant-steps-item-content"> |
||||
<div class="ant-steps-item-title">In Progress</div> |
||||
<div class="ant-steps-item-description">This is a description.</div> |
||||
</div> |
||||
</div> |
||||
<div class="ant-steps-item ant-steps-item-wait"> |
||||
<div class="ant-steps-item-tail"></div> |
||||
<div class="ant-steps-item-icon"><span class="ant-steps-icon">3</span></div> |
||||
<div class="ant-steps-item-content"> |
||||
<div class="ant-steps-item-title">Waiting</div> |
||||
<div class="ant-steps-item-description">This is a description.</div> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
`; |
||||
|
||||
exports[`renders ./components/steps/demo/small-size.md correctly 1`] = ` |
||||
<div class="ant-steps ant-steps-horizontal ant-steps-small ant-steps-label-horizontal"> |
||||
<div class="ant-steps-item ant-steps-item-finish"> |
||||
<div class="ant-steps-item-tail"></div> |
||||
<div class="ant-steps-item-icon"><span class="ant-steps-icon anticon anticon-check"></span></div> |
||||
<div class="ant-steps-item-content"> |
||||
<div class="ant-steps-item-title">Finished</div> |
||||
</div> |
||||
</div> |
||||
<div class="ant-steps-item ant-steps-item-process"> |
||||
<div class="ant-steps-item-tail"></div> |
||||
<div class="ant-steps-item-icon"><span class="ant-steps-icon">2</span></div> |
||||
<div class="ant-steps-item-content"> |
||||
<div class="ant-steps-item-title">In Progress</div> |
||||
</div> |
||||
</div> |
||||
<div class="ant-steps-item ant-steps-item-wait"> |
||||
<div class="ant-steps-item-tail"></div> |
||||
<div class="ant-steps-item-icon"><span class="ant-steps-icon">3</span></div> |
||||
<div class="ant-steps-item-content"> |
||||
<div class="ant-steps-item-title">Waiting</div> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
`; |
||||
|
||||
exports[`renders ./components/steps/demo/step-next.md correctly 1`] = ` |
||||
<div> |
||||
<div class="ant-steps ant-steps-horizontal ant-steps-label-horizontal"> |
||||
<div class="ant-steps-item ant-steps-item-process"> |
||||
<div class="ant-steps-item-tail"></div> |
||||
<div class="ant-steps-item-icon"><span class="ant-steps-icon">1</span></div> |
||||
<div class="ant-steps-item-content"> |
||||
<div class="ant-steps-item-title">First</div> |
||||
</div> |
||||
</div> |
||||
<div class="ant-steps-item ant-steps-item-wait"> |
||||
<div class="ant-steps-item-tail"></div> |
||||
<div class="ant-steps-item-icon"><span class="ant-steps-icon">2</span></div> |
||||
<div class="ant-steps-item-content"> |
||||
<div class="ant-steps-item-title">Second</div> |
||||
</div> |
||||
</div> |
||||
<div class="ant-steps-item ant-steps-item-wait"> |
||||
<div class="ant-steps-item-tail"></div> |
||||
<div class="ant-steps-item-icon"><span class="ant-steps-icon">3</span></div> |
||||
<div class="ant-steps-item-content"> |
||||
<div class="ant-steps-item-title">Last</div> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
<div class="steps-content">First-content</div> |
||||
<div class="steps-action"> |
||||
<button type="button" class="ant-btn ant-btn-primary"><span>Next</span></button> |
||||
<!----> |
||||
<!----> |
||||
</div> |
||||
</div> |
||||
`; |
||||
|
||||
exports[`renders ./components/steps/demo/vertical.md correctly 1`] = ` |
||||
<div class="ant-steps ant-steps-vertical"> |
||||
<div class="ant-steps-item ant-steps-item-finish"> |
||||
<div class="ant-steps-item-tail"></div> |
||||
<div class="ant-steps-item-icon"><span class="ant-steps-icon anticon anticon-check"></span></div> |
||||
<div class="ant-steps-item-content"> |
||||
<div class="ant-steps-item-title">Finished</div> |
||||
<div class="ant-steps-item-description">This is a description.</div> |
||||
</div> |
||||
</div> |
||||
<div class="ant-steps-item ant-steps-item-process"> |
||||
<div class="ant-steps-item-tail"></div> |
||||
<div class="ant-steps-item-icon"><span class="ant-steps-icon">2</span></div> |
||||
<div class="ant-steps-item-content"> |
||||
<div class="ant-steps-item-title">In Progress</div> |
||||
<div class="ant-steps-item-description">This is a description.</div> |
||||
</div> |
||||
</div> |
||||
<div class="ant-steps-item ant-steps-item-wait"> |
||||
<div class="ant-steps-item-tail"></div> |
||||
<div class="ant-steps-item-icon"><span class="ant-steps-icon">3</span></div> |
||||
<div class="ant-steps-item-content"> |
||||
<div class="ant-steps-item-title">Waiting</div> |
||||
<div class="ant-steps-item-description">This is a description.</div> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
`; |
||||
|
||||
exports[`renders ./components/steps/demo/vertical-small.md correctly 1`] = ` |
||||
<div class="ant-steps ant-steps-vertical ant-steps-small"> |
||||
<div class="ant-steps-item ant-steps-item-finish"> |
||||
<div class="ant-steps-item-tail"></div> |
||||
<div class="ant-steps-item-icon"><span class="ant-steps-icon anticon anticon-check"></span></div> |
||||
<div class="ant-steps-item-content"> |
||||
<div class="ant-steps-item-title">Finished</div> |
||||
<div class="ant-steps-item-description">This is a description.</div> |
||||
</div> |
||||
</div> |
||||
<div class="ant-steps-item ant-steps-item-process"> |
||||
<div class="ant-steps-item-tail"></div> |
||||
<div class="ant-steps-item-icon"><span class="ant-steps-icon">2</span></div> |
||||
<div class="ant-steps-item-content"> |
||||
<div class="ant-steps-item-title">In Progress</div> |
||||
<div class="ant-steps-item-description">This is a description.</div> |
||||
</div> |
||||
</div> |
||||
<div class="ant-steps-item ant-steps-item-wait"> |
||||
<div class="ant-steps-item-tail"></div> |
||||
<div class="ant-steps-item-icon"><span class="ant-steps-icon">3</span></div> |
||||
<div class="ant-steps-item-content"> |
||||
<div class="ant-steps-item-title">Waiting</div> |
||||
<div class="ant-steps-item-description">This is a description.</div> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
`; |
||||
@ -0,0 +1,3 @@
|
||||
import demoTest from '../../../tests/shared/demoTest' |
||||
|
||||
demoTest('steps') |
||||
@ -0,0 +1,32 @@
|
||||
// Jest Snapshot v1, https://goo.gl/fbAQLP |
||||
|
||||
exports[`renders ./components/switch/demo/basic.md correctly 1`] = ` |
||||
<div><span tabIndex="0" class="ant-switch ant-switch-checked"><span class="ant-switch-inner"></span></span> |
||||
</div> |
||||
`; |
||||
|
||||
exports[`renders ./components/switch/demo/disabled.md correctly 1`] = ` |
||||
<div><span tabIndex="-1" class="ant-switch ant-switch-checked ant-switch-disabled" style="margin-bottom:5px;"><span class="ant-switch-inner"></span></span> |
||||
<br> |
||||
<button type="button" class="ant-btn ant-btn-primary"><span>Toggle disabled</span></button> |
||||
</div> |
||||
`; |
||||
|
||||
exports[`renders ./components/switch/demo/loading.md correctly 1`] = ` |
||||
<div><span tabIndex="0" class="ant-switch ant-switch-checked ant-switch-loading"><span class="ant-switch-inner"></span></span> |
||||
<br> <span tabIndex="0" class="ant-switch ant-switch-small ant-switch-loading"><span class="ant-switch-inner"></span></span> |
||||
</div> |
||||
`; |
||||
|
||||
exports[`renders ./components/switch/demo/size.md correctly 1`] = ` |
||||
<div><span tabIndex="0" class="ant-switch ant-switch-checked"><span class="ant-switch-inner"></span></span> |
||||
<br> <span tabIndex="0" class="ant-switch ant-switch-checked ant-switch-small"><span class="ant-switch-inner"></span></span> |
||||
</div> |
||||
`; |
||||
|
||||
exports[`renders ./components/switch/demo/text.md correctly 1`] = ` |
||||
<div><span tabIndex="0" class="ant-switch ant-switch-checked"><span class="ant-switch-inner">开</span></span> |
||||
<br> <span tabIndex="0" class="ant-switch"><span class="ant-switch-inner">0</span></span> |
||||
<br> <span tabIndex="0" class="ant-switch ant-switch-checked"><span class="ant-switch-inner"><i class="anticon anticon-check"></i></span></span> |
||||
</div> |
||||
`; |
||||
@ -0,0 +1,3 @@
|
||||
import demoTest from '../../../tests/shared/demoTest' |
||||
|
||||
demoTest('switch') |
||||
File diff suppressed because it is too large
Load Diff
@ -0,0 +1,3 @@
|
||||
import demoTest from '../../../tests/shared/demoTest' |
||||
|
||||
demoTest('table') |
||||
@ -0,0 +1,360 @@
|
||||
// Jest Snapshot v1, https://goo.gl/fbAQLP |
||||
|
||||
exports[`renders ./components/tabs/demo/basic.md correctly 1`] = ` |
||||
<div> |
||||
<md> |
||||
## 基本 默认选中第一项。 |
||||
</md> |
||||
<div class="ant-tabs ant-tabs-top ant-tabs-line"> |
||||
<div role="tablist" tabIndex="0" class="ant-tabs-bar"> |
||||
<div class="ant-tabs-extra-content" style="float:right;"></div> |
||||
<div class="ant-tabs-nav-container"><span unselectable="unselectable" class="ant-tabs-tab-prev ant-tabs-tab-btn-disabled"><span class="ant-tabs-tab-prev-icon"></span></span><span unselectable="unselectable" class="ant-tabs-tab-next ant-tabs-tab-btn-disabled"><span class="ant-tabs-tab-next-icon"></span></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> |
||||
<div role="tab" aria-disabled="false" aria-selected="true" class="ant-tabs-tab-active ant-tabs-tab" style="margin-right:undefinedpx;">Tab 1</div> |
||||
<div role="tab" aria-disabled="false" aria-selected="false" class=" ant-tabs-tab" style="margin-right:undefinedpx;">Tab 2</div> |
||||
<div role="tab" aria-disabled="false" aria-selected="false" class=" ant-tabs-tab" style="margin-right:undefinedpx;">Tab 3</div> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
<div class="ant-tabs-content ant-tabs-content-animated" style="margin-left:0%;"> |
||||
<div role="tabpanel" aria-hidden="false" class="ant-tabs-tabpane ant-tabs-tabpane-active">Content of Tab Pane 1</div> |
||||
<div role="tabpanel" aria-hidden="true" class="ant-tabs-tabpane ant-tabs-tabpane-inactive">Content of Tab Pane 2</div> |
||||
<div role="tabpanel" aria-hidden="true" class="ant-tabs-tabpane ant-tabs-tabpane-inactive"></div> |
||||
</div> |
||||
</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 role="tablist" tabIndex="0" class="ant-tabs-bar"> |
||||
<div class="ant-tabs-extra-content" style="float:right;"></div> |
||||
<div class="ant-tabs-nav-container"><span unselectable="unselectable" class="ant-tabs-tab-prev ant-tabs-tab-btn-disabled"><span class="ant-tabs-tab-prev-icon"></span></span><span unselectable="unselectable" class="ant-tabs-tab-next ant-tabs-tab-btn-disabled"><span class="ant-tabs-tab-next-icon"></span></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> |
||||
<div role="tab" aria-disabled="false" aria-selected="true" class="ant-tabs-tab-active ant-tabs-tab" style="margin-right:undefinedpx;">Tab 1</div> |
||||
<div role="tab" aria-disabled="false" aria-selected="false" class=" ant-tabs-tab" style="margin-right:undefinedpx;">Tab 2</div> |
||||
<div role="tab" aria-disabled="false" aria-selected="false" class=" ant-tabs-tab" style="margin-right:undefinedpx;">Tab 3</div> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
<div class="ant-tabs-content ant-tabs-content-no-animated"> |
||||
<div role="tabpanel" aria-hidden="false" class="ant-tabs-tabpane ant-tabs-tabpane-active">Content of Tab Pane 1</div> |
||||
<div role="tabpanel" aria-hidden="true" class="ant-tabs-tabpane ant-tabs-tabpane-inactive"></div> |
||||
<div role="tabpanel" aria-hidden="true" class="ant-tabs-tabpane ant-tabs-tabpane-inactive"></div> |
||||
</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 role="tablist" tabIndex="0" class="ant-tabs-bar"> |
||||
<div class="ant-tabs-extra-content" style="float:right;"></div> |
||||
<div class="ant-tabs-nav-container"><span unselectable="unselectable" class="ant-tabs-tab-prev ant-tabs-tab-btn-disabled"><span class="ant-tabs-tab-prev-icon"></span></span><span unselectable="unselectable" class="ant-tabs-tab-next ant-tabs-tab-btn-disabled"><span class="ant-tabs-tab-next-icon"></span></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> |
||||
<div role="tab" aria-disabled="false" aria-selected="true" class="ant-tabs-tab-active ant-tabs-tab" style="margin-right:undefinedpx;">Tab Title 1</div> |
||||
<div role="tab" aria-disabled="false" aria-selected="false" class=" ant-tabs-tab" style="margin-right:undefinedpx;">Tab Title 2</div> |
||||
<div role="tab" aria-disabled="false" aria-selected="false" class=" ant-tabs-tab" style="margin-right:undefinedpx;">Tab Title 3</div> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
<div class="ant-tabs-content ant-tabs-content-no-animated"> |
||||
<div role="tabpanel" aria-hidden="false" class="ant-tabs-tabpane ant-tabs-tabpane-active"> |
||||
<p>Content of Tab Pane 1</p> |
||||
<p>Content of Tab Pane 1</p> |
||||
<p>Content of Tab Pane 1</p> |
||||
</div> |
||||
<div role="tabpanel" aria-hidden="true" class="ant-tabs-tabpane ant-tabs-tabpane-inactive"></div> |
||||
<div role="tabpanel" aria-hidden="true" class="ant-tabs-tabpane ant-tabs-tabpane-inactive"></div> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
`; |
||||
|
||||
exports[`renders ./components/tabs/demo/custom-add-trigger.md correctly 1`] = ` |
||||
<div> |
||||
<div style="margin-bottom:16px;"> |
||||
<button type="button" class="ant-btn ant-btn-default"><span>ADD</span></button> |
||||
</div> |
||||
<div class="ant-tabs ant-tabs-top ant-tabs-card ant-tabs-editable-card ant-tabs-no-animation"> |
||||
<div role="tablist" tabIndex="0" class="ant-tabs-bar"> |
||||
<div class="ant-tabs-extra-content" style="float:right;"></div> |
||||
<div class="ant-tabs-nav-container"><span unselectable="unselectable" class="ant-tabs-tab-prev ant-tabs-tab-btn-disabled"><span class="ant-tabs-tab-prev-icon"></span></span><span unselectable="unselectable" class="ant-tabs-tab-next ant-tabs-tab-btn-disabled"><span class="ant-tabs-tab-next-icon"></span></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> |
||||
<div role="tab" aria-disabled="false" aria-selected="true" class="ant-tabs-tab-active ant-tabs-tab" style="margin-right:undefinedpx;"> |
||||
<div>Tab 1 |
||||
<i class="anticon anticon-close"></i> |
||||
</div> |
||||
</div> |
||||
<div role="tab" aria-disabled="false" aria-selected="false" class=" ant-tabs-tab" style="margin-right:undefinedpx;"> |
||||
<div>Tab 2 |
||||
<i class="anticon anticon-close"></i> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
<div class="ant-tabs-content ant-tabs-content-no-animated"> |
||||
<div role="tabpanel" aria-hidden="false" class="ant-tabs-tabpane ant-tabs-tabpane-active"> |
||||
Content of Tab 1 |
||||
</div> |
||||
<div role="tabpanel" aria-hidden="true" class="ant-tabs-tabpane ant-tabs-tabpane-inactive"></div> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
`; |
||||
|
||||
exports[`renders ./components/tabs/demo/disabled.md correctly 1`] = ` |
||||
<div class="ant-tabs ant-tabs-top ant-tabs-line"> |
||||
<div role="tablist" tabIndex="0" class="ant-tabs-bar"> |
||||
<div class="ant-tabs-extra-content" style="float:right;"></div> |
||||
<div class="ant-tabs-nav-container"><span unselectable="unselectable" class="ant-tabs-tab-prev ant-tabs-tab-btn-disabled"><span class="ant-tabs-tab-prev-icon"></span></span><span unselectable="unselectable" class="ant-tabs-tab-next ant-tabs-tab-btn-disabled"><span class="ant-tabs-tab-next-icon"></span></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> |
||||
<div role="tab" aria-disabled="false" aria-selected="true" class="ant-tabs-tab-active ant-tabs-tab" style="margin-right:undefinedpx;">Tab 1</div> |
||||
<div role="tab" aria-disabled="true" aria-selected="false" class=" ant-tabs-tab ant-tabs-tab-disabled" style="margin-right:undefinedpx;">Tab 2</div> |
||||
<div role="tab" aria-disabled="false" aria-selected="false" class=" ant-tabs-tab" style="margin-right:undefinedpx;">Tab 3</div> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
<div class="ant-tabs-content ant-tabs-content-animated" style="margin-left:0%;"> |
||||
<div role="tabpanel" aria-hidden="false" class="ant-tabs-tabpane ant-tabs-tabpane-active">Tab 1</div> |
||||
<div role="tabpanel" aria-hidden="true" class="ant-tabs-tabpane ant-tabs-tabpane-inactive"></div> |
||||
<div role="tabpanel" aria-hidden="true" class="ant-tabs-tabpane ant-tabs-tabpane-inactive"></div> |
||||
</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 role="tablist" tabIndex="0" class="ant-tabs-bar"> |
||||
<div class="ant-tabs-extra-content" style="float:right;"><span><i class="anticon anticon-plus ant-tabs-new-tab"></i></span></div> |
||||
<div class="ant-tabs-nav-container"><span unselectable="unselectable" class="ant-tabs-tab-prev ant-tabs-tab-btn-disabled"><span class="ant-tabs-tab-prev-icon"></span></span><span unselectable="unselectable" class="ant-tabs-tab-next ant-tabs-tab-btn-disabled"><span class="ant-tabs-tab-next-icon"></span></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> |
||||
<div role="tab" aria-disabled="false" aria-selected="true" class="ant-tabs-tab-active ant-tabs-tab" style="margin-right:undefinedpx;"> |
||||
<div class="ant-tabs-tab-unclosable">Tab 1</div> |
||||
</div> |
||||
<div role="tab" aria-disabled="false" aria-selected="false" class=" ant-tabs-tab" style="margin-right:undefinedpx;"> |
||||
<div>Tab 2 |
||||
<i class="anticon anticon-close"></i> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
<div class="ant-tabs-content ant-tabs-content-no-animated"> |
||||
<div role="tabpanel" aria-hidden="false" class="ant-tabs-tabpane ant-tabs-tabpane-active"> |
||||
Content of Tab 1 |
||||
</div> |
||||
<div role="tabpanel" aria-hidden="true" class="ant-tabs-tabpane ant-tabs-tabpane-inactive"></div> |
||||
</div> |
||||
</div> |
||||
`; |
||||
|
||||
exports[`renders ./components/tabs/demo/extra.md correctly 1`] = ` |
||||
<div class="ant-tabs ant-tabs-top ant-tabs-line"> |
||||
<div role="tablist" tabIndex="0" class="ant-tabs-bar"> |
||||
<div class="ant-tabs-extra-content" style="float:right;"> |
||||
<button type="button" class="ant-btn ant-btn-default"><span>Extra Action</span></button> |
||||
</div> |
||||
<div class="ant-tabs-nav-container"><span unselectable="unselectable" class="ant-tabs-tab-prev ant-tabs-tab-btn-disabled"><span class="ant-tabs-tab-prev-icon"></span></span><span unselectable="unselectable" class="ant-tabs-tab-next ant-tabs-tab-btn-disabled"><span class="ant-tabs-tab-next-icon"></span></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> |
||||
<div role="tab" aria-disabled="false" aria-selected="true" class="ant-tabs-tab-active ant-tabs-tab" style="margin-right:undefinedpx;">Tab 1</div> |
||||
<div role="tab" aria-disabled="false" aria-selected="false" class=" ant-tabs-tab" style="margin-right:undefinedpx;">Tab 2</div> |
||||
<div role="tab" aria-disabled="false" aria-selected="false" class=" ant-tabs-tab" style="margin-right:undefinedpx;">Tab 3</div> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
<div class="ant-tabs-content ant-tabs-content-animated" style="margin-left:0%;"> |
||||
<div role="tabpanel" aria-hidden="false" class="ant-tabs-tabpane ant-tabs-tabpane-active">Content of tab 1</div> |
||||
<div role="tabpanel" aria-hidden="true" class="ant-tabs-tabpane ant-tabs-tabpane-inactive"></div> |
||||
<div role="tabpanel" aria-hidden="true" class="ant-tabs-tabpane ant-tabs-tabpane-inactive"></div> |
||||
</div> |
||||
</div> |
||||
`; |
||||
|
||||
exports[`renders ./components/tabs/demo/icon.md correctly 1`] = ` |
||||
<div class="ant-tabs ant-tabs-top ant-tabs-line"> |
||||
<div role="tablist" tabIndex="0" class="ant-tabs-bar"> |
||||
<div class="ant-tabs-extra-content" style="float:right;"></div> |
||||
<div class="ant-tabs-nav-container"><span unselectable="unselectable" class="ant-tabs-tab-prev ant-tabs-tab-btn-disabled"><span class="ant-tabs-tab-prev-icon"></span></span><span unselectable="unselectable" class="ant-tabs-tab-next ant-tabs-tab-btn-disabled"><span class="ant-tabs-tab-next-icon"></span></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> |
||||
<div role="tab" aria-disabled="false" aria-selected="false" class=" ant-tabs-tab" style="margin-right:undefinedpx;"><span slot="tab"><i class="anticon anticon-apple"></i> |
||||
Tab 1 |
||||
</span></div> |
||||
<div role="tab" aria-disabled="false" aria-selected="true" class="ant-tabs-tab-active ant-tabs-tab" style="margin-right:undefinedpx;"><span slot="tab"><i class="anticon anticon-android"></i> |
||||
Tab 2 |
||||
</span></div> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
<div class="ant-tabs-content ant-tabs-content-animated" style="margin-left:-100%;"> |
||||
<div role="tabpanel" aria-hidden="true" class="ant-tabs-tabpane ant-tabs-tabpane-inactive"></div> |
||||
<div role="tabpanel" aria-hidden="false" class="ant-tabs-tabpane ant-tabs-tabpane-active"> |
||||
Tab 2 |
||||
</div> |
||||
</div> |
||||
</div> |
||||
`; |
||||
|
||||
exports[`renders ./components/tabs/demo/position.md correctly 1`] = ` |
||||
<div style="width:500px;"> |
||||
<div class="ant-radio-group ant-radio-group-default" style="margin:8px;"> |
||||
<label class="ant-radio-button-wrapper ant-radio-button-wrapper-checked"><span class="ant-radio-button ant-radio-button-checked"><input type="radio" checked="checked" class="ant-radio-button-input"><span class="ant-radio-button-inner"></span></span><span>top</span></label> |
||||
<label class="ant-radio-button-wrapper"><span class="ant-radio-button"><input type="radio" class="ant-radio-button-input"><span class="ant-radio-button-inner"></span></span><span>bottom</span></label> |
||||
<label class="ant-radio-button-wrapper"><span class="ant-radio-button"><input type="radio" class="ant-radio-button-input"><span class="ant-radio-button-inner"></span></span><span>left</span></label> |
||||
<label class="ant-radio-button-wrapper"><span class="ant-radio-button"><input type="radio" class="ant-radio-button-input"><span class="ant-radio-button-inner"></span></span><span>right</span></label> |
||||
</div> |
||||
<div class="ant-tabs ant-tabs-top ant-tabs-line"> |
||||
<div role="tablist" tabIndex="0" class="ant-tabs-bar"> |
||||
<div class="ant-tabs-extra-content" style="float:right;"></div> |
||||
<div class="ant-tabs-nav-container"><span unselectable="unselectable" class="ant-tabs-tab-prev ant-tabs-tab-btn-disabled"><span class="ant-tabs-tab-prev-icon"></span></span><span unselectable="unselectable" class="ant-tabs-tab-next ant-tabs-tab-btn-disabled"><span class="ant-tabs-tab-next-icon"></span></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> |
||||
<div role="tab" aria-disabled="false" aria-selected="true" class="ant-tabs-tab-active ant-tabs-tab" style="margin-right:undefinedpx;">Tab 1</div> |
||||
<div role="tab" aria-disabled="false" aria-selected="false" class=" ant-tabs-tab" style="margin-right:undefinedpx;">Tab 2</div> |
||||
<div role="tab" aria-disabled="false" aria-selected="false" class=" ant-tabs-tab" style="margin-right:undefinedpx;">Tab 3</div> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
<div class="ant-tabs-content ant-tabs-content-animated" style="margin-left:0%;"> |
||||
<div role="tabpanel" aria-hidden="false" class="ant-tabs-tabpane ant-tabs-tabpane-active">Content of Tab 1</div> |
||||
<div role="tabpanel" aria-hidden="true" class="ant-tabs-tabpane ant-tabs-tabpane-inactive"></div> |
||||
<div role="tabpanel" aria-hidden="true" class="ant-tabs-tabpane ant-tabs-tabpane-inactive"></div> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
`; |
||||
|
||||
exports[`renders ./components/tabs/demo/size.md correctly 1`] = ` |
||||
<div> |
||||
<div class="ant-radio-group ant-radio-group-default" 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 type="radio" checked="checked" class="ant-radio-button-input"><span class="ant-radio-button-inner"></span></span><span>Small</span></label> |
||||
<label class="ant-radio-button-wrapper"><span class="ant-radio-button"><input type="radio" class="ant-radio-button-input"><span class="ant-radio-button-inner"></span></span><span>Default</span></label> |
||||
<label class="ant-radio-button-wrapper"><span class="ant-radio-button"><input type="radio" class="ant-radio-button-input"><span class="ant-radio-button-inner"></span></span><span>Large</span></label> |
||||
</div> |
||||
<div class="ant-tabs ant-tabs-top ant-tabs-small ant-tabs-line"> |
||||
<div role="tablist" tabIndex="0" class="ant-tabs-bar"> |
||||
<div class="ant-tabs-extra-content" style="float:right;"></div> |
||||
<div class="ant-tabs-nav-container"><span unselectable="unselectable" class="ant-tabs-tab-prev ant-tabs-tab-btn-disabled"><span class="ant-tabs-tab-prev-icon"></span></span><span unselectable="unselectable" class="ant-tabs-tab-next ant-tabs-tab-btn-disabled"><span class="ant-tabs-tab-next-icon"></span></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> |
||||
<div role="tab" aria-disabled="false" aria-selected="false" class=" ant-tabs-tab" style="margin-right:undefinedpx;">Tab 1</div> |
||||
<div role="tab" aria-disabled="false" aria-selected="true" class="ant-tabs-tab-active ant-tabs-tab" style="margin-right:undefinedpx;">Tab 2</div> |
||||
<div role="tab" aria-disabled="false" aria-selected="false" class=" ant-tabs-tab" style="margin-right:undefinedpx;">Tab 3</div> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
<div class="ant-tabs-content ant-tabs-content-animated" style="margin-left:-100%;"> |
||||
<div role="tabpanel" aria-hidden="true" class="ant-tabs-tabpane ant-tabs-tabpane-inactive"></div> |
||||
<div role="tabpanel" aria-hidden="false" class="ant-tabs-tabpane ant-tabs-tabpane-active">Content of tab 2</div> |
||||
<div role="tabpanel" aria-hidden="true" class="ant-tabs-tabpane ant-tabs-tabpane-inactive"></div> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
`; |
||||
|
||||
exports[`renders ./components/tabs/demo/slide.md correctly 1`] = ` |
||||
<div style="width:500px;"> |
||||
<div class="ant-radio-group ant-radio-group-default" 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 type="radio" checked="checked" class="ant-radio-button-input"><span class="ant-radio-button-inner"></span></span><span>Horizontal</span></label> |
||||
<label class="ant-radio-button-wrapper"><span class="ant-radio-button"><input type="radio" class="ant-radio-button-input"><span class="ant-radio-button-inner"></span></span><span>Vertical</span></label> |
||||
</div> |
||||
<div class="ant-tabs ant-tabs-top ant-tabs-line" style="height:200px;"> |
||||
<div role="tablist" tabIndex="0" class="ant-tabs-bar"> |
||||
<div class="ant-tabs-extra-content" style="float:right;"></div> |
||||
<div class="ant-tabs-nav-container"><span unselectable="unselectable" class="ant-tabs-tab-prev ant-tabs-tab-btn-disabled"><span class="ant-tabs-tab-prev-icon"></span></span><span unselectable="unselectable" class="ant-tabs-tab-next ant-tabs-tab-btn-disabled"><span class="ant-tabs-tab-next-icon"></span></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> |
||||
<div role="tab" aria-disabled="false" aria-selected="true" class="ant-tabs-tab-active ant-tabs-tab" style="margin-right:undefinedpx;">Tab 1</div> |
||||
<div role="tab" aria-disabled="false" aria-selected="false" class=" ant-tabs-tab" style="margin-right:undefinedpx;">Tab 2</div> |
||||
<div role="tab" aria-disabled="false" aria-selected="false" class=" ant-tabs-tab" style="margin-right:undefinedpx;">Tab 3</div> |
||||
<div role="tab" aria-disabled="false" aria-selected="false" class=" ant-tabs-tab" style="margin-right:undefinedpx;">Tab 4</div> |
||||
<div role="tab" aria-disabled="false" aria-selected="false" class=" ant-tabs-tab" style="margin-right:undefinedpx;">Tab 5</div> |
||||
<div role="tab" aria-disabled="false" aria-selected="false" class=" ant-tabs-tab" style="margin-right:undefinedpx;">Tab 6</div> |
||||
<div role="tab" aria-disabled="false" aria-selected="false" class=" ant-tabs-tab" style="margin-right:undefinedpx;">Tab 7</div> |
||||
<div role="tab" aria-disabled="false" aria-selected="false" class=" ant-tabs-tab" style="margin-right:undefinedpx;">Tab 8</div> |
||||
<div role="tab" aria-disabled="false" aria-selected="false" class=" ant-tabs-tab" style="margin-right:undefinedpx;">Tab 9</div> |
||||
<div role="tab" aria-disabled="false" aria-selected="false" class=" ant-tabs-tab" style="margin-right:undefinedpx;">Tab 10</div> |
||||
<div role="tab" aria-disabled="false" aria-selected="false" class=" ant-tabs-tab" style="margin-right:undefinedpx;">Tab 11</div> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
<div class="ant-tabs-content ant-tabs-content-animated" style="margin-left:0%;"> |
||||
<div role="tabpanel" aria-hidden="false" class="ant-tabs-tabpane ant-tabs-tabpane-active">Content of tab 1</div> |
||||
<div role="tabpanel" aria-hidden="true" class="ant-tabs-tabpane ant-tabs-tabpane-inactive"></div> |
||||
<div role="tabpanel" aria-hidden="true" class="ant-tabs-tabpane ant-tabs-tabpane-inactive"></div> |
||||
<div role="tabpanel" aria-hidden="true" class="ant-tabs-tabpane ant-tabs-tabpane-inactive"></div> |
||||
<div role="tabpanel" aria-hidden="true" class="ant-tabs-tabpane ant-tabs-tabpane-inactive"></div> |
||||
<div role="tabpanel" aria-hidden="true" class="ant-tabs-tabpane ant-tabs-tabpane-inactive"></div> |
||||
<div role="tabpanel" aria-hidden="true" class="ant-tabs-tabpane ant-tabs-tabpane-inactive"></div> |
||||
<div role="tabpanel" aria-hidden="true" class="ant-tabs-tabpane ant-tabs-tabpane-inactive"></div> |
||||
<div role="tabpanel" aria-hidden="true" class="ant-tabs-tabpane ant-tabs-tabpane-inactive"></div> |
||||
<div role="tabpanel" aria-hidden="true" class="ant-tabs-tabpane ant-tabs-tabpane-inactive"></div> |
||||
<div role="tabpanel" aria-hidden="true" class="ant-tabs-tabpane ant-tabs-tabpane-inactive"></div> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
`; |
||||
@ -0,0 +1,3 @@
|
||||
import demoTest from '../../../tests/shared/demoTest' |
||||
|
||||
demoTest('tabs') |
||||
@ -0,0 +1,82 @@
|
||||
// Jest Snapshot v1, https://goo.gl/fbAQLP |
||||
|
||||
exports[`renders ./components/tag/demo/basic.md correctly 1`] = ` |
||||
<div> |
||||
<div class="ant-tag" style="background-color:null;">Tag 1</div> |
||||
<div class="ant-tag" style="background-color:null;"> |
||||
<a href="https://github.com/vueComponent/ant-design">Link</a> |
||||
</div> |
||||
<div class="ant-tag" style="background-color:null;">Tag 2 |
||||
<i class="anticon anticon-cross"></i> |
||||
</div> |
||||
<div class="ant-tag" style="background-color:null;">Prevent Default |
||||
<i class="anticon anticon-cross"></i> |
||||
</div> |
||||
</div> |
||||
`; |
||||
|
||||
exports[`renders ./components/tag/demo/checkable.md correctly 1`] = ` |
||||
<div> |
||||
<div class="ant-tag ant-tag-checkable">Tag1</div> |
||||
<div class="ant-tag ant-tag-checkable">Tag2</div> |
||||
<div class="ant-tag ant-tag-checkable">Tag3</div> |
||||
</div> |
||||
`; |
||||
|
||||
exports[`renders ./components/tag/demo/colorful.md correctly 1`] = ` |
||||
<div> |
||||
<h4 style="margin-bottom:16px;">Presets:</h4> |
||||
<div> |
||||
<div class="ant-tag ant-tag-pink" style="background-color:null;">pink</div> |
||||
<div class="ant-tag ant-tag-red" style="background-color:null;">red</div> |
||||
<div class="ant-tag ant-tag-orange" style="background-color:null;">orange</div> |
||||
<div class="ant-tag ant-tag-green" style="background-color:null;">green</div> |
||||
<div class="ant-tag ant-tag-cyan" style="background-color:null;">cyan</div> |
||||
<div class="ant-tag ant-tag-blue" style="background-color:null;">blue</div> |
||||
<div class="ant-tag ant-tag-purple" style="background-color:null;">purple</div> |
||||
</div> |
||||
<h4 style="margin:'16px 0';">Custom:</h4> |
||||
<div> |
||||
<div class="ant-tag ant-tag-has-color" style="background-color:#f50;">#f50</div> |
||||
<div class="ant-tag ant-tag-has-color" style="background-color:#2db7f5;">#2db7f5</div> |
||||
<div class="ant-tag ant-tag-has-color" style="background-color:#87d068;">#87d068</div> |
||||
<div class="ant-tag ant-tag-has-color" style="background-color:#108ee9;">#108ee9</div> |
||||
</div> |
||||
</div> |
||||
`; |
||||
|
||||
exports[`renders ./components/tag/demo/control.md correctly 1`] = ` |
||||
<div> |
||||
<div class="ant-tag" style="background-color:null;"> |
||||
Unremovable |
||||
</div> |
||||
<div class="ant-tag" style="background-color:null;"> |
||||
Tag 2 |
||||
<i class="anticon anticon-cross"></i> |
||||
</div> |
||||
<div class="ant-tag" style="background-color:null;"> |
||||
Tag 3Tag 3Tag 3Tag 3... |
||||
<i class="anticon anticon-cross"></i> |
||||
</div> |
||||
<div class="ant-tag" style="background-color:null;background:#fff;border-style:dashed;"> |
||||
<i class="anticon anticon-plus"></i> New Tag |
||||
</div> |
||||
</div> |
||||
`; |
||||
|
||||
exports[`renders ./components/tag/demo/hot-tags.md correctly 1`] = ` |
||||
<div><strong style="margin-right:8;">Categories:</strong> |
||||
<div class="ant-tag ant-tag-checkable"> |
||||
Movies |
||||
</div> |
||||
<div class="ant-tag ant-tag-checkable"> |
||||
Books |
||||
</div> |
||||
<div class="ant-tag ant-tag-checkable"> |
||||
Music |
||||
</div> |
||||
<div class="ant-tag ant-tag-checkable"> |
||||
Sports |
||||
</div> |
||||
</div> |
||||
`; |
||||
@ -0,0 +1,3 @@
|
||||
import demoTest from '../../../tests/shared/demoTest' |
||||
|
||||
demoTest('tag') |
||||
@ -0,0 +1,38 @@
|
||||
// Jest Snapshot v1, https://goo.gl/fbAQLP |
||||
|
||||
exports[`renders ./components/time-picker/demo/12hours.md correctly 1`] = ` |
||||
<div><span class="ant-time-picker"><input type="text" placeholder="Select time" id="" value="" class="ant-time-picker-input"><span class="ant-time-picker-icon"></span></span> <span class="ant-time-picker"><input type="text" placeholder="Select time" id="" value="" class="ant-time-picker-input"><span class="ant-time-picker-icon"></span></span> |
||||
<span class="ant-time-picker"><input type="text" placeholder="Select time" id="" value="" class="ant-time-picker-input"><span class="ant-time-picker-icon"></span></span> |
||||
</div> |
||||
`; |
||||
|
||||
exports[`renders ./components/time-picker/demo/addon.md correctly 1`] = ` |
||||
<div><span class="ant-time-picker"><input type="text" placeholder="Select time" id="" value="" class="ant-time-picker-input"><span class="ant-time-picker-icon"></span></span> <span class="ant-time-picker"><input type="text" placeholder="Select time" id="" value="" class="ant-time-picker-input"><span class="ant-time-picker-icon"></span></span> |
||||
</div> |
||||
`; |
||||
|
||||
exports[`renders ./components/time-picker/demo/basic.md correctly 1`] = `<span class="ant-time-picker"><input type="text" placeholder="Select time" id="" value="" class="ant-time-picker-input"><span class="ant-time-picker-icon"></span></span>`; |
||||
|
||||
exports[`renders ./components/time-picker/demo/disabled.md correctly 1`] = `<span class="ant-time-picker"><input type="text" placeholder="Select time" disabled="disabled" id="" value="12:08:23" class="ant-time-picker-input"><span class="ant-time-picker-icon"></span></span>`; |
||||
|
||||
exports[`renders ./components/time-picker/demo/hide-column.md correctly 1`] = `<span class="ant-time-picker"><input type="text" placeholder="Select time" id="" value="12:08" class="ant-time-picker-input"><span class="ant-time-picker-icon"></span></span>`; |
||||
|
||||
exports[`renders ./components/time-picker/demo/interval-options.md correctly 1`] = `<span class="ant-time-picker"><input type="text" placeholder="Select time" id="" value="" class="ant-time-picker-input"><span class="ant-time-picker-icon"></span></span>`; |
||||
|
||||
exports[`renders ./components/time-picker/demo/size.md correctly 1`] = ` |
||||
<div><span class="ant-time-picker ant-time-picker-large"><input type="text" placeholder="Select time" id="" value="12:08:23" class="ant-time-picker-input"><span class="ant-time-picker-icon"></span></span> <span class="ant-time-picker"><input type="text" placeholder="Select time" id="" value="12:08:23" class="ant-time-picker-input"><span class="ant-time-picker-icon"></span></span> |
||||
<span class="ant-time-picker ant-time-picker-small"><input type="text" placeholder="Select time" id="" value="12:08:23" class="ant-time-picker-input"><span class="ant-time-picker-icon"></span></span> |
||||
</div> |
||||
`; |
||||
|
||||
exports[`renders ./components/time-picker/demo/value.md correctly 1`] = ` |
||||
<div> |
||||
<p>use value and @change</p> <span class="ant-time-picker"><input type="text" placeholder="Select time" id="" value="" class="ant-time-picker-input"><span class="ant-time-picker-icon"></span></span> |
||||
<br> |
||||
<br> |
||||
<p>v-model</p> <span class="ant-time-picker"><input type="text" placeholder="Select time" id="" value="" class="ant-time-picker-input"><span class="ant-time-picker-icon"></span></span> |
||||
<br> |
||||
<br> |
||||
<p>Do not change</p> <span class="ant-time-picker"><input type="text" placeholder="Select time" id="" value="00:00:00" class="ant-time-picker-input"><span class="ant-time-picker-icon"></span></span> |
||||
</div> |
||||
`; |
||||
@ -0,0 +1,3 @@
|
||||
import demoTest from '../../../tests/shared/demoTest' |
||||
|
||||
demoTest('time-picker') |
||||
@ -0,0 +1,116 @@
|
||||
// Jest Snapshot v1, https://goo.gl/fbAQLP |
||||
|
||||
exports[`renders ./components/timeline/demo/basic.md correctly 1`] = ` |
||||
<ul class="ant-timeline"> |
||||
<li class="ant-timeline-item"> |
||||
<div class="ant-timeline-item-tail"></div> |
||||
<div class="ant-timeline-item-head ant-timeline-item-head-blue" style="border-color:null;"></div> |
||||
<div class="ant-timeline-item-content">Create a services site 2015-09-01</div> |
||||
</li> |
||||
<li class="ant-timeline-item"> |
||||
<div class="ant-timeline-item-tail"></div> |
||||
<div class="ant-timeline-item-head ant-timeline-item-head-blue" style="border-color:null;"></div> |
||||
<div class="ant-timeline-item-content">Solve initial network problems 2015-09-01</div> |
||||
</li> |
||||
<li class="ant-timeline-item"> |
||||
<div class="ant-timeline-item-tail"></div> |
||||
<div class="ant-timeline-item-head ant-timeline-item-head-blue" style="border-color:null;"></div> |
||||
<div class="ant-timeline-item-content">Technical testing 2015-09-01</div> |
||||
</li> |
||||
<li class="ant-timeline-item ant-timeline-item-last"> |
||||
<div class="ant-timeline-item-tail"></div> |
||||
<div class="ant-timeline-item-head ant-timeline-item-head-blue" style="border-color:null;"></div> |
||||
<div class="ant-timeline-item-content">Network problems being solved 2015-09-01</div> |
||||
</li> |
||||
</ul> |
||||
`; |
||||
|
||||
exports[`renders ./components/timeline/demo/color.md correctly 1`] = ` |
||||
<ul class="ant-timeline"> |
||||
<li class="ant-timeline-item"> |
||||
<div class="ant-timeline-item-tail"></div> |
||||
<div class="ant-timeline-item-head ant-timeline-item-head-green" style="border-color:null;"></div> |
||||
<div class="ant-timeline-item-content">Create a services site 2015-09-01</div> |
||||
</li> |
||||
<li class="ant-timeline-item"> |
||||
<div class="ant-timeline-item-tail"></div> |
||||
<div class="ant-timeline-item-head ant-timeline-item-head-green" style="border-color:null;"></div> |
||||
<div class="ant-timeline-item-content">Create a services site 2015-09-01</div> |
||||
</li> |
||||
<li class="ant-timeline-item"> |
||||
<div class="ant-timeline-item-tail"></div> |
||||
<div class="ant-timeline-item-head ant-timeline-item-head-red" style="border-color:null;"></div> |
||||
<div class="ant-timeline-item-content"> |
||||
<p>Solve initial network problems 1</p> |
||||
<p>Solve initial network problems 2</p> |
||||
<p>Solve initial network problems 3 2015-09-01</p> |
||||
</div> |
||||
</li> |
||||
<li class="ant-timeline-item ant-timeline-item-last"> |
||||
<div class="ant-timeline-item-tail"></div> |
||||
<div class="ant-timeline-item-head ant-timeline-item-head-blue" style="border-color:null;"></div> |
||||
<div class="ant-timeline-item-content"> |
||||
<p>Technical testing 1</p> |
||||
<p>Technical testing 2</p> |
||||
<p>Technical testing 3 2015-09-01</p> |
||||
</div> |
||||
</li> |
||||
</ul> |
||||
`; |
||||
|
||||
exports[`renders ./components/timeline/demo/custom.md correctly 1`] = ` |
||||
<ul class="ant-timeline"> |
||||
<li class="ant-timeline-item"> |
||||
<div class="ant-timeline-item-tail"></div> |
||||
<div class="ant-timeline-item-head ant-timeline-item-head-blue" style="border-color:null;"></div> |
||||
<div class="ant-timeline-item-content">Create a services site 2015-09-01</div> |
||||
</li> |
||||
<li class="ant-timeline-item"> |
||||
<div class="ant-timeline-item-tail"></div> |
||||
<div class="ant-timeline-item-head ant-timeline-item-head-blue" style="border-color:null;"></div> |
||||
<div class="ant-timeline-item-content">Solve initial network problems 2015-09-01</div> |
||||
</li> |
||||
<li class="ant-timeline-item"> |
||||
<div class="ant-timeline-item-tail"></div> |
||||
<div class="ant-timeline-item-head ant-timeline-item-head-custom ant-timeline-item-head-red" style="border-color:null;"> |
||||
<i class="anticon anticon-clock-circle-o" style="font-size:'16px';"></i> |
||||
</div> |
||||
<div class="ant-timeline-item-content"> |
||||
Technical testing 2015-09-01 |
||||
</div> |
||||
</li> |
||||
<li class="ant-timeline-item ant-timeline-item-last"> |
||||
<div class="ant-timeline-item-tail"></div> |
||||
<div class="ant-timeline-item-head ant-timeline-item-head-blue" style="border-color:null;"></div> |
||||
<div class="ant-timeline-item-content">Network problems being solved 2015-09-01</div> |
||||
</li> |
||||
</ul> |
||||
`; |
||||
|
||||
exports[`renders ./components/timeline/demo/pending.md correctly 1`] = ` |
||||
<ul class="ant-timeline ant-timeline-pending"> |
||||
<li class="ant-timeline-item"> |
||||
<div class="ant-timeline-item-tail"></div> |
||||
<div class="ant-timeline-item-head ant-timeline-item-head-blue" style="border-color:null;"></div> |
||||
<div class="ant-timeline-item-content">Create a services site 2015-09-01</div> |
||||
</li> |
||||
<li class="ant-timeline-item"> |
||||
<div class="ant-timeline-item-tail"></div> |
||||
<div class="ant-timeline-item-head ant-timeline-item-head-blue" style="border-color:null;"></div> |
||||
<div class="ant-timeline-item-content">Solve initial network problems 2015-09-01</div> |
||||
</li> |
||||
<li class="ant-timeline-item ant-timeline-item-last"> |
||||
<div class="ant-timeline-item-tail"></div> |
||||
<div class="ant-timeline-item-head ant-timeline-item-head-blue" style="border-color:null;"></div> |
||||
<div class="ant-timeline-item-content">Technical testing 2015-09-01</div> |
||||
</li> |
||||
<li class="ant-timeline-item ant-timeline-item-pending"> |
||||
<div class="ant-timeline-item-tail"></div> |
||||
<div class="ant-timeline-item-head ant-timeline-item-head-custom ant-timeline-item-head-blue" style="border-color:null;"> |
||||
<i class="anticon anticon-loading anticon-spin"></i> |
||||
<i class="anticon anticon-loading anticon-spin"></i> |
||||
</div> |
||||
<div class="ant-timeline-item-content">Recording...</div> |
||||
</li> |
||||
</ul> |
||||
`; |
||||
@ -0,0 +1,3 @@
|
||||
import demoTest from '../../../tests/shared/demoTest' |
||||
|
||||
demoTest('timeline') |
||||
@ -0,0 +1,47 @@
|
||||
// Jest Snapshot v1, https://goo.gl/fbAQLP |
||||
|
||||
exports[`renders ./components/tooltip/demo/arrow-point-at-center.md correctly 1`] = ` |
||||
<div> |
||||
<button type="button" class="ant-btn ant-btn-default"><span>Align edge / 边缘对齐</span></button> |
||||
<button type="button" class="ant-btn ant-btn-default"><span>Arrow points to center / 箭头指向中心</span></button> |
||||
</div> |
||||
`; |
||||
|
||||
exports[`renders ./components/tooltip/demo/auto-adjust-overflow.md correctly 1`] = ` |
||||
<div style="overflow:hidden;position:relative;padding:24px;border:1px solid #e9e9e9;"> |
||||
<button type="button" class="ant-btn ant-btn-default"><span>Adjust automatically / 自动调整</span></button> |
||||
<br> |
||||
<button type="button" class="ant-btn ant-btn-default" style="margin-top:10px;"><span>Ingore / 不处理</span></button> |
||||
</div> |
||||
`; |
||||
|
||||
exports[`renders ./components/tooltip/demo/basic.md correctly 1`] = ` |
||||
<span> |
||||
Tooltip will show when mouse enter. |
||||
</span> |
||||
`; |
||||
|
||||
exports[`renders ./components/tooltip/demo/placement.md correctly 1`] = ` |
||||
<div id="components-a-tooltip-demo-placement"> |
||||
<div style="margin-left:70px;white-space:nowrap;"> |
||||
<button type="button" class="ant-btn ant-btn-default"><span>TL</span></button> |
||||
<button type="button" class="ant-btn ant-btn-default"><span>Top</span></button> |
||||
<button type="button" class="ant-btn ant-btn-default"><span>TR</span></button> |
||||
</div> |
||||
<div style="width:70px;float:left;"> |
||||
<button type="button" class="ant-btn ant-btn-default"><span>LT</span></button> |
||||
<button type="button" class="ant-btn ant-btn-default"><span>Left</span></button> |
||||
<button type="button" class="ant-btn ant-btn-default"><span>LB</span></button> |
||||
</div> |
||||
<div style="width:70px;margin-left:304px;"> |
||||
<button type="button" class="ant-btn ant-btn-default"><span>RT</span></button> |
||||
<button type="button" class="ant-btn ant-btn-default"><span>Right</span></button> |
||||
<button type="button" class="ant-btn ant-btn-default"><span>RB</span></button> |
||||
</div> |
||||
<div style="margin-left:70px;clear:both;white-space:nowrap;"> |
||||
<button type="button" class="ant-btn ant-btn-default"><span>BL</span></button> |
||||
<button type="button" class="ant-btn ant-btn-default"><span>Bottom</span></button> |
||||
<button type="button" class="ant-btn ant-btn-default"><span>BR</span></button> |
||||
</div> |
||||
</div> |
||||
`; |
||||
@ -0,0 +1,3 @@
|
||||
import demoTest from '../../../tests/shared/demoTest' |
||||
|
||||
demoTest('tooltip') |
||||
@ -0,0 +1,216 @@
|
||||
// Jest Snapshot v1, https://goo.gl/fbAQLP |
||||
|
||||
exports[`renders ./components/transfer/demo/advanced.md correctly 1`] = ` |
||||
<div class="ant-transfer"> |
||||
<div class="ant-transfer-list ant-transfer-list-with-footer" style="width:250px;height:300px;"> |
||||
<div class="ant-transfer-list-header"> |
||||
<label class="ant-checkbox-wrapper"><span class="ant-checkbox"><input type="checkbox" class="ant-checkbox-input"><span class="ant-checkbox-inner"></span></span> |
||||
</label><span class="ant-transfer-list-header-selected"><span>0 item</span><span class="ant-transfer-list-header-title"></span></span> |
||||
</div> |
||||
<div class="ant-transfer-list-body ant-transfer-list-body-with-search"> |
||||
<div class="ant-transfer-list-body-search-wrapper"> |
||||
<div handleClear="function () { [native code] }"> |
||||
<input value="" placeholder="Search here" type="text" class="ant-input ant-transfer-list-search ant-transfer-list-search"><span class="ant-transfer-list-search-action"><i class="anticon anticon-search"></i></span></div> |
||||
</div> |
||||
<div class="ant-transfer-list-content-warp"></div> |
||||
<div class="ant-transfer-list-body-not-found"><span> |
||||
没数据 |
||||
</span></div> |
||||
</div> |
||||
<div class="ant-transfer-list-footer"> |
||||
<button type="button" class="ant-btn ant-btn-default ant-btn-sm" style="float:right;margin:5px;"><span>reload</span></button> |
||||
</div> |
||||
</div> |
||||
<div class="ant-transfer-operation"> |
||||
<button type="button" disabled="disabled" class="ant-btn ant-btn-primary ant-btn-sm"> |
||||
<i class="anticon anticon-left"></i><span>to left</span></button> |
||||
<button type="button" disabled="disabled" class="ant-btn ant-btn-primary ant-btn-sm"> |
||||
<i class="anticon anticon-right"></i><span>to right</span></button> |
||||
</div> |
||||
<div class="ant-transfer-list ant-transfer-list-with-footer" style="width:250px;height:300px;"> |
||||
<div class="ant-transfer-list-header"> |
||||
<label class="ant-checkbox-wrapper"><span class="ant-checkbox"><input type="checkbox" class="ant-checkbox-input"><span class="ant-checkbox-inner"></span></span> |
||||
</label><span class="ant-transfer-list-header-selected"><span>0 item</span><span class="ant-transfer-list-header-title"></span></span> |
||||
</div> |
||||
<div class="ant-transfer-list-body ant-transfer-list-body-with-search"> |
||||
<div class="ant-transfer-list-body-search-wrapper"> |
||||
<div handleClear="function () { [native code] }"> |
||||
<input value="" placeholder="Search here" type="text" class="ant-input ant-transfer-list-search ant-transfer-list-search"><span class="ant-transfer-list-search-action"><i class="anticon anticon-search"></i></span></div> |
||||
</div> |
||||
<div class="ant-transfer-list-content-warp"></div> |
||||
<div class="ant-transfer-list-body-not-found"><span> |
||||
没数据 |
||||
</span></div> |
||||
</div> |
||||
<div class="ant-transfer-list-footer"> |
||||
<button type="button" class="ant-btn ant-btn-default ant-btn-sm" style="float:right;margin:5px;"><span>reload</span></button> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
`; |
||||
|
||||
exports[`renders ./components/transfer/demo/basic.md correctly 1`] = ` |
||||
<div class="ant-transfer"> |
||||
<div class="ant-transfer-list"> |
||||
<div class="ant-transfer-list-header"> |
||||
<label class="ant-checkbox-wrapper"><span class="ant-checkbox ant-checkbox-indeterminate"><input type="checkbox" class="ant-checkbox-input"><span class="ant-checkbox-inner"></span></span> |
||||
</label><span class="ant-transfer-list-header-selected"><span>2/14 items</span><span class="ant-transfer-list-header-title">Source</span></span> |
||||
</div> |
||||
<div class="ant-transfer-list-body"> |
||||
<div class="ant-transfer-list-content-warp"> |
||||
<ul class="ant-transfer-list-content"> |
||||
<div class="LazyLoad" style="height:32px;width:undefined;"></div> |
||||
<div class="LazyLoad" style="height:32px;width:undefined;"></div> |
||||
<div class="LazyLoad" style="height:32px;width:undefined;"></div> |
||||
<div class="LazyLoad" style="height:32px;width:undefined;"></div> |
||||
<div class="LazyLoad" style="height:32px;width:undefined;"></div> |
||||
<div class="LazyLoad" style="height:32px;width:undefined;"></div> |
||||
<div class="LazyLoad" style="height:32px;width:undefined;"></div> |
||||
<div class="LazyLoad" style="height:32px;width:undefined;"></div> |
||||
<div class="LazyLoad" style="height:32px;width:undefined;"></div> |
||||
<div class="LazyLoad" style="height:32px;width:undefined;"></div> |
||||
<div class="LazyLoad" style="height:32px;width:undefined;"></div> |
||||
<div class="LazyLoad" style="height:32px;width:undefined;"></div> |
||||
<div class="LazyLoad" style="height:32px;width:undefined;"></div> |
||||
<div class="LazyLoad" style="height:32px;width:undefined;"></div> |
||||
</ul> |
||||
</div> |
||||
<div class="ant-transfer-list-body-not-found">Not Found</div> |
||||
</div> |
||||
</div> |
||||
<div class="ant-transfer-operation"> |
||||
<button type="button" disabled="disabled" class="ant-btn ant-btn-primary ant-btn-sm"> |
||||
<i class="anticon anticon-left"></i> |
||||
</button> |
||||
<button type="button" class="ant-btn ant-btn-primary ant-btn-sm"> |
||||
<i class="anticon anticon-right"></i> |
||||
</button> |
||||
</div> |
||||
<div class="ant-transfer-list"> |
||||
<div class="ant-transfer-list-header"> |
||||
<label class="ant-checkbox-wrapper"><span class="ant-checkbox"><input type="checkbox" class="ant-checkbox-input"><span class="ant-checkbox-inner"></span></span> |
||||
</label><span class="ant-transfer-list-header-selected"><span>6 items</span><span class="ant-transfer-list-header-title">Target</span></span> |
||||
</div> |
||||
<div class="ant-transfer-list-body"> |
||||
<div class="ant-transfer-list-content-warp"> |
||||
<ul class="ant-transfer-list-content"> |
||||
<div class="LazyLoad" style="height:32px;width:undefined;"></div> |
||||
<div class="LazyLoad" style="height:32px;width:undefined;"></div> |
||||
<div class="LazyLoad" style="height:32px;width:undefined;"></div> |
||||
<div class="LazyLoad" style="height:32px;width:undefined;"></div> |
||||
<div class="LazyLoad" style="height:32px;width:undefined;"></div> |
||||
<div class="LazyLoad" style="height:32px;width:undefined;"></div> |
||||
</ul> |
||||
</div> |
||||
<div class="ant-transfer-list-body-not-found">Not Found</div> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
`; |
||||
|
||||
exports[`renders ./components/transfer/demo/custom-item.md correctly 1`] = ` |
||||
<div class="ant-transfer"> |
||||
<div class="ant-transfer-list" style="width:300px;height:300px;"> |
||||
<div class="ant-transfer-list-header"> |
||||
<label class="ant-checkbox-wrapper"><span class="ant-checkbox"><input type="checkbox" class="ant-checkbox-input"><span class="ant-checkbox-inner"></span></span> |
||||
</label><span class="ant-transfer-list-header-selected"><span>0 item</span><span class="ant-transfer-list-header-title"></span></span> |
||||
</div> |
||||
<div class="ant-transfer-list-body"> |
||||
<div class="ant-transfer-list-content-warp"></div> |
||||
<div class="ant-transfer-list-body-not-found">Not Found</div> |
||||
</div> |
||||
</div> |
||||
<div class="ant-transfer-operation"> |
||||
<button type="button" disabled="disabled" class="ant-btn ant-btn-primary ant-btn-sm"> |
||||
<i class="anticon anticon-left"></i> |
||||
</button> |
||||
<button type="button" disabled="disabled" class="ant-btn ant-btn-primary ant-btn-sm"> |
||||
<i class="anticon anticon-right"></i> |
||||
</button> |
||||
</div> |
||||
<div class="ant-transfer-list" style="width:300px;height:300px;"> |
||||
<div class="ant-transfer-list-header"> |
||||
<label class="ant-checkbox-wrapper"><span class="ant-checkbox"><input type="checkbox" class="ant-checkbox-input"><span class="ant-checkbox-inner"></span></span> |
||||
</label><span class="ant-transfer-list-header-selected"><span>0 item</span><span class="ant-transfer-list-header-title"></span></span> |
||||
</div> |
||||
<div class="ant-transfer-list-body"> |
||||
<div class="ant-transfer-list-content-warp"></div> |
||||
<div class="ant-transfer-list-body-not-found">Not Found</div> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
`; |
||||
|
||||
exports[`renders ./components/transfer/demo/large-data.md correctly 1`] = ` |
||||
<div class="ant-transfer"> |
||||
<div class="ant-transfer-list"> |
||||
<div class="ant-transfer-list-header"> |
||||
<label class="ant-checkbox-wrapper"><span class="ant-checkbox"><input type="checkbox" class="ant-checkbox-input"><span class="ant-checkbox-inner"></span></span> |
||||
</label><span class="ant-transfer-list-header-selected"><span>0 item</span><span class="ant-transfer-list-header-title"></span></span> |
||||
</div> |
||||
<div class="ant-transfer-list-body"> |
||||
<div class="ant-transfer-list-content-warp"></div> |
||||
<div class="ant-transfer-list-body-not-found">Not Found</div> |
||||
</div> |
||||
</div> |
||||
<div class="ant-transfer-operation"> |
||||
<button type="button" disabled="disabled" class="ant-btn ant-btn-primary ant-btn-sm"> |
||||
<i class="anticon anticon-left"></i> |
||||
</button> |
||||
<button type="button" disabled="disabled" class="ant-btn ant-btn-primary ant-btn-sm"> |
||||
<i class="anticon anticon-right"></i> |
||||
</button> |
||||
</div> |
||||
<div class="ant-transfer-list"> |
||||
<div class="ant-transfer-list-header"> |
||||
<label class="ant-checkbox-wrapper"><span class="ant-checkbox"><input type="checkbox" class="ant-checkbox-input"><span class="ant-checkbox-inner"></span></span> |
||||
</label><span class="ant-transfer-list-header-selected"><span>0 item</span><span class="ant-transfer-list-header-title"></span></span> |
||||
</div> |
||||
<div class="ant-transfer-list-body"> |
||||
<div class="ant-transfer-list-content-warp"></div> |
||||
<div class="ant-transfer-list-body-not-found">Not Found</div> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
`; |
||||
|
||||
exports[`renders ./components/transfer/demo/search.md correctly 1`] = ` |
||||
<div class="ant-transfer"> |
||||
<div class="ant-transfer-list"> |
||||
<div class="ant-transfer-list-header"> |
||||
<label class="ant-checkbox-wrapper"><span class="ant-checkbox"><input type="checkbox" class="ant-checkbox-input"><span class="ant-checkbox-inner"></span></span> |
||||
</label><span class="ant-transfer-list-header-selected"><span>0 item</span><span class="ant-transfer-list-header-title"></span></span> |
||||
</div> |
||||
<div class="ant-transfer-list-body ant-transfer-list-body-with-search"> |
||||
<div class="ant-transfer-list-body-search-wrapper"> |
||||
<div handleClear="function () { [native code] }"> |
||||
<input value="" placeholder="Search here" type="text" class="ant-input ant-transfer-list-search ant-transfer-list-search"><span class="ant-transfer-list-search-action"><i class="anticon anticon-search"></i></span></div> |
||||
</div> |
||||
<div class="ant-transfer-list-content-warp"></div> |
||||
<div class="ant-transfer-list-body-not-found">Not Found</div> |
||||
</div> |
||||
</div> |
||||
<div class="ant-transfer-operation"> |
||||
<button type="button" disabled="disabled" class="ant-btn ant-btn-primary ant-btn-sm"> |
||||
<i class="anticon anticon-left"></i> |
||||
</button> |
||||
<button type="button" disabled="disabled" class="ant-btn ant-btn-primary ant-btn-sm"> |
||||
<i class="anticon anticon-right"></i> |
||||
</button> |
||||
</div> |
||||
<div class="ant-transfer-list"> |
||||
<div class="ant-transfer-list-header"> |
||||
<label class="ant-checkbox-wrapper"><span class="ant-checkbox"><input type="checkbox" class="ant-checkbox-input"><span class="ant-checkbox-inner"></span></span> |
||||
</label><span class="ant-transfer-list-header-selected"><span>0 item</span><span class="ant-transfer-list-header-title"></span></span> |
||||
</div> |
||||
<div class="ant-transfer-list-body ant-transfer-list-body-with-search"> |
||||
<div class="ant-transfer-list-body-search-wrapper"> |
||||
<div handleClear="function () { [native code] }"> |
||||
<input value="" placeholder="Search here" type="text" class="ant-input ant-transfer-list-search ant-transfer-list-search"><span class="ant-transfer-list-search-action"><i class="anticon anticon-search"></i></span></div> |
||||
</div> |
||||
<div class="ant-transfer-list-content-warp"></div> |
||||
<div class="ant-transfer-list-body-not-found">Not Found</div> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
`; |
||||
@ -0,0 +1,3 @@
|
||||
import demoTest from '../../../tests/shared/demoTest' |
||||
|
||||
demoTest('transfer') |
||||
@ -0,0 +1,188 @@
|
||||
// Jest Snapshot v1, https://goo.gl/fbAQLP |
||||
|
||||
exports[`renders ./components/tree/demo/basic.md correctly 1`] = ` |
||||
<ul role="tree-node" unselectable="on" class="ant-tree"> |
||||
<li><span class="ant-tree-switcher ant-tree-switcher_open"></span><span class="ant-tree-checkbox ant-tree-checkbox-checked"><span class="ant-tree-checkbox-inner"></span></span><span title="parent 1" draggable="false" class="ant-tree-node-content-wrapper ant-tree-node-content-wrapper-open"><span class="ant-tree-title">parent 1</span></span> |
||||
<ul |
||||
data-expanded="true" class="ant-tree-child-tree ant-tree-child-tree-open"> |
||||
<li class="ant-tree-treenode-disabled"><span class="ant-tree-switcher ant-tree-switcher_open"></span><span class="ant-tree-checkbox ant-tree-checkbox-checked ant-tree-checkbox-disabled"><span class="ant-tree-checkbox-inner"></span></span><span title="parent 1-0" draggable="false" class="ant-tree-node-content-wrapper ant-tree-node-content-wrapper-open"><span class="ant-tree-title">parent 1-0</span></span> |
||||
<ul |
||||
data-expanded="true" class="ant-tree-child-tree ant-tree-child-tree-open"> |
||||
<li><span class="ant-tree-switcher ant-tree-switcher-noop"></span><span class="ant-tree-checkbox ant-tree-checkbox-disabled"><span class="ant-tree-checkbox-inner"></span></span><span title="leaf" draggable="false" class="ant-tree-node-content-wrapper ant-tree-node-content-wrapper-normal"><span class="ant-tree-title">leaf</span></span> |
||||
</li> |
||||
<li><span class="ant-tree-switcher ant-tree-switcher-noop"></span><span class="ant-tree-checkbox"><span class="ant-tree-checkbox-inner"></span></span><span title="leaf" draggable="false" class="ant-tree-node-content-wrapper ant-tree-node-content-wrapper-normal"><span class="ant-tree-title">leaf</span></span> |
||||
</li> |
||||
</ul> |
||||
</li> |
||||
<li><span class="ant-tree-switcher ant-tree-switcher_open"></span><span class="ant-tree-checkbox ant-tree-checkbox-checked"><span class="ant-tree-checkbox-inner"></span></span><span title="parent 1-1" draggable="false" class="ant-tree-node-content-wrapper ant-tree-node-content-wrapper-open"><span class="ant-tree-title">parent 1-1</span></span> |
||||
<ul |
||||
data-expanded="true" class="ant-tree-child-tree ant-tree-child-tree-open"> |
||||
<li><span class="ant-tree-switcher ant-tree-switcher-noop"></span><span class="ant-tree-checkbox ant-tree-checkbox-checked"><span class="ant-tree-checkbox-inner"></span></span><span title="" draggable="false" class="ant-tree-node-content-wrapper ant-tree-node-content-wrapper-normal"><span class="ant-tree-title"><span style="color:#1890ff;">sss</span></span> |
||||
</span> |
||||
</li> |
||||
</ul> |
||||
</li> |
||||
</ul> |
||||
</li> |
||||
</ul> |
||||
`; |
||||
|
||||
exports[`renders ./components/tree/demo/basic-controlled.md correctly 1`] = ` |
||||
<ul role="tree-node" unselectable="on" class="ant-tree"> |
||||
<li><span class="ant-tree-switcher ant-tree-switcher_open"></span><span class="ant-tree-checkbox ant-tree-checkbox-indeterminate"><span class="ant-tree-checkbox-inner"></span></span><span title="0-0" draggable="false" class="ant-tree-node-content-wrapper ant-tree-node-content-wrapper-open"><span class="ant-tree-title">0-0</span></span> |
||||
<ul |
||||
data-expanded="true" class="ant-tree-child-tree ant-tree-child-tree-open"> |
||||
<li><span class="ant-tree-switcher ant-tree-switcher_open"></span><span class="ant-tree-checkbox ant-tree-checkbox-checked"><span class="ant-tree-checkbox-inner"></span></span><span title="0-0-0" draggable="false" class="ant-tree-node-content-wrapper ant-tree-node-content-wrapper-open"><span class="ant-tree-title">0-0-0</span></span> |
||||
<ul |
||||
data-expanded="true" class="ant-tree-child-tree ant-tree-child-tree-open"> |
||||
<li><span class="ant-tree-switcher ant-tree-switcher-noop"></span><span class="ant-tree-checkbox ant-tree-checkbox-checked"><span class="ant-tree-checkbox-inner"></span></span><span title="0-0-0-0" draggable="false" class="ant-tree-node-content-wrapper ant-tree-node-content-wrapper-normal"><span class="ant-tree-title">0-0-0-0</span></span> |
||||
</li> |
||||
<li><span class="ant-tree-switcher ant-tree-switcher-noop"></span><span class="ant-tree-checkbox ant-tree-checkbox-checked"><span class="ant-tree-checkbox-inner"></span></span><span title="0-0-0-1" draggable="false" class="ant-tree-node-content-wrapper ant-tree-node-content-wrapper-normal"><span class="ant-tree-title">0-0-0-1</span></span> |
||||
</li> |
||||
<li><span class="ant-tree-switcher ant-tree-switcher-noop"></span><span class="ant-tree-checkbox ant-tree-checkbox-checked"><span class="ant-tree-checkbox-inner"></span></span><span title="0-0-0-2" draggable="false" class="ant-tree-node-content-wrapper ant-tree-node-content-wrapper-normal"><span class="ant-tree-title">0-0-0-2</span></span> |
||||
</li> |
||||
</ul> |
||||
</li> |
||||
<li><span class="ant-tree-switcher ant-tree-switcher_open"></span><span class="ant-tree-checkbox"><span class="ant-tree-checkbox-inner"></span></span><span title="0-0-1" draggable="false" class="ant-tree-node-content-wrapper ant-tree-node-content-wrapper-open"><span class="ant-tree-title">0-0-1</span></span> |
||||
<ul |
||||
data-expanded="true" class="ant-tree-child-tree ant-tree-child-tree-open"> |
||||
<li><span class="ant-tree-switcher ant-tree-switcher-noop"></span><span class="ant-tree-checkbox"><span class="ant-tree-checkbox-inner"></span></span><span title="0-0-1-0" draggable="false" class="ant-tree-node-content-wrapper ant-tree-node-content-wrapper-normal"><span class="ant-tree-title">0-0-1-0</span></span> |
||||
</li> |
||||
<li><span class="ant-tree-switcher ant-tree-switcher-noop"></span><span class="ant-tree-checkbox"><span class="ant-tree-checkbox-inner"></span></span><span title="0-0-1-1" draggable="false" class="ant-tree-node-content-wrapper ant-tree-node-content-wrapper-normal"><span class="ant-tree-title">0-0-1-1</span></span> |
||||
</li> |
||||
<li><span class="ant-tree-switcher ant-tree-switcher-noop"></span><span class="ant-tree-checkbox"><span class="ant-tree-checkbox-inner"></span></span><span title="0-0-1-2" draggable="false" class="ant-tree-node-content-wrapper ant-tree-node-content-wrapper-normal"><span class="ant-tree-title">0-0-1-2</span></span> |
||||
</li> |
||||
</ul> |
||||
</li> |
||||
<li><span class="ant-tree-switcher ant-tree-switcher-noop"></span><span class="ant-tree-checkbox"><span class="ant-tree-checkbox-inner"></span></span><span title="0-0-2" draggable="false" class="ant-tree-node-content-wrapper ant-tree-node-content-wrapper-normal"><span class="ant-tree-title">0-0-2</span></span> |
||||
</li> |
||||
</ul> |
||||
</li> |
||||
<li><span class="ant-tree-switcher ant-tree-switcher_close"></span><span class="ant-tree-checkbox"><span class="ant-tree-checkbox-inner"></span></span><span title="0-1" draggable="false" class="ant-tree-node-content-wrapper ant-tree-node-content-wrapper-close"><span class="ant-tree-title">0-1</span></span> |
||||
<!----> |
||||
</li> |
||||
<li><span class="ant-tree-switcher ant-tree-switcher-noop"></span><span class="ant-tree-checkbox"><span class="ant-tree-checkbox-inner"></span></span><span title="0-2" draggable="false" class="ant-tree-node-content-wrapper ant-tree-node-content-wrapper-normal"><span class="ant-tree-title">0-2</span></span> |
||||
</li> |
||||
</ul> |
||||
`; |
||||
|
||||
exports[`renders ./components/tree/demo/customized-icon.md correctly 1`] = ` |
||||
<ul role="tree-node" unselectable="on" class="ant-tree"> |
||||
<li><span class="ant-tree-switcher ant-tree-switcher_open"></span><span title="parent 1" draggable="false" class="ant-tree-node-content-wrapper ant-tree-node-content-wrapper-open"><span class="ant-tree-iconEle ant-tree-icon__customize"><i class="anticon anticon-smile-o"></i></span> |
||||
<span |
||||
class="ant-tree-title">parent 1</span> |
||||
</span> |
||||
<ul data-expanded="true" class="ant-tree-child-tree ant-tree-child-tree-open"> |
||||
<li><span class="ant-tree-switcher ant-tree-switcher-noop"></span><span title="leaf" draggable="false" class="ant-tree-node-content-wrapper ant-tree-node-content-wrapper-normal ant-tree-node-selected"><span class="ant-tree-iconEle ant-tree-icon__customize"><i class="anticon anticon-smile-o"></i></span> |
||||
<span |
||||
class="ant-tree-title">leaf</span> |
||||
</span> |
||||
</li> |
||||
<li><span class="ant-tree-switcher ant-tree-switcher-noop"></span><span title="leaf" draggable="false" class="ant-tree-node-content-wrapper ant-tree-node-content-wrapper-normal"><span class="ant-tree-iconEle ant-tree-icon__customize"><i class="anticon anticon-frown-o"></i></span> |
||||
<span |
||||
class="ant-tree-title">leaf</span> |
||||
</span> |
||||
</li> |
||||
</ul> |
||||
</li> |
||||
</ul> |
||||
`; |
||||
|
||||
exports[`renders ./components/tree/demo/draggable.md correctly 1`] = ` |
||||
<ul role="tree-node" unselectable="on" class="draggable-tree ant-tree"> |
||||
<li><span class="ant-tree-switcher ant-tree-switcher_open"></span><span title="0-0" draggable="true" aria-grabbed="true" class="ant-tree-node-content-wrapper ant-tree-node-content-wrapper-open draggable"><span class="ant-tree-title">0-0</span></span> |
||||
<ul |
||||
data-expanded="true" class="ant-tree-child-tree ant-tree-child-tree-open"> |
||||
<li><span class="ant-tree-switcher ant-tree-switcher_open"></span><span title="0-0-0" draggable="true" aria-grabbed="true" class="ant-tree-node-content-wrapper ant-tree-node-content-wrapper-open draggable"><span class="ant-tree-title">0-0-0</span></span> |
||||
<ul |
||||
data-expanded="true" class="ant-tree-child-tree ant-tree-child-tree-open"> |
||||
<li><span class="ant-tree-switcher ant-tree-switcher-noop"></span><span title="0-0-0-0" draggable="true" aria-grabbed="true" class="ant-tree-node-content-wrapper ant-tree-node-content-wrapper-normal draggable"><span class="ant-tree-title">0-0-0-0</span></span> |
||||
</li> |
||||
<li><span class="ant-tree-switcher ant-tree-switcher-noop"></span><span title="0-0-0-1" draggable="true" aria-grabbed="true" class="ant-tree-node-content-wrapper ant-tree-node-content-wrapper-normal draggable"><span class="ant-tree-title">0-0-0-1</span></span> |
||||
</li> |
||||
<li><span class="ant-tree-switcher ant-tree-switcher-noop"></span><span title="0-0-0-2" draggable="true" aria-grabbed="true" class="ant-tree-node-content-wrapper ant-tree-node-content-wrapper-normal draggable"><span class="ant-tree-title">0-0-0-2</span></span> |
||||
</li> |
||||
</ul> |
||||
</li> |
||||
<li><span class="ant-tree-switcher ant-tree-switcher_close"></span><span title="0-0-1" draggable="true" aria-grabbed="true" class="ant-tree-node-content-wrapper ant-tree-node-content-wrapper-close draggable"><span class="ant-tree-title">0-0-1</span></span> |
||||
<!----> |
||||
</li> |
||||
<li><span class="ant-tree-switcher ant-tree-switcher-noop"></span><span title="0-0-2" draggable="true" aria-grabbed="true" class="ant-tree-node-content-wrapper ant-tree-node-content-wrapper-normal draggable"><span class="ant-tree-title">0-0-2</span></span> |
||||
</li> |
||||
</ul> |
||||
</li> |
||||
<li><span class="ant-tree-switcher ant-tree-switcher_close"></span><span title="0-1" draggable="true" aria-grabbed="true" class="ant-tree-node-content-wrapper ant-tree-node-content-wrapper-close draggable"><span class="ant-tree-title">0-1</span></span> |
||||
<!----> |
||||
</li> |
||||
<li><span class="ant-tree-switcher ant-tree-switcher-noop"></span><span title="0-2" draggable="true" aria-grabbed="true" class="ant-tree-node-content-wrapper ant-tree-node-content-wrapper-normal draggable"><span class="ant-tree-title">0-2</span></span> |
||||
</li> |
||||
</ul> |
||||
`; |
||||
|
||||
exports[`renders ./components/tree/demo/dynamic.md correctly 1`] = ` |
||||
<ul role="tree-node" unselectable="on" class="ant-tree"> |
||||
<li><span class="ant-tree-switcher ant-tree-switcher_close"></span><span title="Expand to load" draggable="false" class="ant-tree-node-content-wrapper ant-tree-node-content-wrapper-close"><span class="ant-tree-title">Expand to load</span></span> |
||||
</li> |
||||
<li><span class="ant-tree-switcher ant-tree-switcher_close"></span><span title="Expand to load" draggable="false" class="ant-tree-node-content-wrapper ant-tree-node-content-wrapper-close"><span class="ant-tree-title">Expand to load</span></span> |
||||
</li> |
||||
<li><span class="ant-tree-switcher ant-tree-switcher-noop"></span><span title="Tree Node" draggable="false" class="ant-tree-node-content-wrapper ant-tree-node-content-wrapper-normal"><span class="ant-tree-title">Tree Node</span></span> |
||||
</li> |
||||
</ul> |
||||
`; |
||||
|
||||
exports[`renders ./components/tree/demo/line.md correctly 1`] = ` |
||||
<ul role="tree-node" unselectable="on" class="ant-tree ant-tree-show-line"> |
||||
<li><span class="ant-tree-switcher ant-tree-switcher_open"></span><span title="" draggable="false" class="ant-tree-node-content-wrapper ant-tree-node-content-wrapper-open"><span class="ant-tree-title"><span style="color:#1890ff;">parent 1</span></span> |
||||
</span> |
||||
<ul data-expanded="true" class="ant-tree-child-tree ant-tree-child-tree-open"> |
||||
<li><span class="ant-tree-switcher ant-tree-switcher_open"></span><span title="parent 1-0" draggable="false" class="ant-tree-node-content-wrapper ant-tree-node-content-wrapper-open"><span class="ant-tree-title">parent 1-0</span></span> |
||||
<ul data-expanded="true" |
||||
class="ant-tree-child-tree ant-tree-child-tree-open"> |
||||
<li><span class="ant-tree-switcher ant-tree-switcher-noop"></span><span title="leaf" draggable="false" class="ant-tree-node-content-wrapper ant-tree-node-content-wrapper-normal"><span class="ant-tree-title">leaf</span></span> |
||||
</li> |
||||
<li><span class="ant-tree-switcher ant-tree-switcher-noop"></span><span title="leaf" draggable="false" class="ant-tree-node-content-wrapper ant-tree-node-content-wrapper-normal"><span class="ant-tree-title">leaf</span></span> |
||||
</li> |
||||
<li><span class="ant-tree-switcher ant-tree-switcher-noop"></span><span title="leaf" draggable="false" class="ant-tree-node-content-wrapper ant-tree-node-content-wrapper-normal"><span class="ant-tree-title">leaf</span></span> |
||||
</li> |
||||
</ul> |
||||
</li> |
||||
<li><span class="ant-tree-switcher ant-tree-switcher_close"></span><span title="parent 1-1" draggable="false" class="ant-tree-node-content-wrapper ant-tree-node-content-wrapper-close"><span class="ant-tree-title">parent 1-1</span></span> |
||||
<!----> |
||||
</li> |
||||
<li><span class="ant-tree-switcher ant-tree-switcher_close"></span><span title="parent 1-2" draggable="false" class="ant-tree-node-content-wrapper ant-tree-node-content-wrapper-close"><span class="ant-tree-title">parent 1-2</span></span> |
||||
<!----> |
||||
</li> |
||||
</ul> |
||||
</li> |
||||
</ul> |
||||
`; |
||||
|
||||
exports[`renders ./components/tree/demo/search.md correctly 1`] = ` |
||||
<div><span class="ant-input-search ant-input-affix-wrapper ant-input-search" style="margin-bottom:8px;"><input placeholder="Search" type="text" value="" class="ant-input ant-input-search"><span class="ant-input-suffix"><i class="anticon anticon-search ant-input-search-icon"></i></span></span> |
||||
<ul role="tree-node" unselectable="on" class="ant-tree"> |
||||
<li><span class="ant-tree-switcher ant-tree-switcher_close"></span><span title="" draggable="false" class="ant-tree-node-content-wrapper ant-tree-node-content-wrapper-close"><span class="ant-tree-title"><span> |
||||
|
||||
<span style="color:#f50;"></span> 0-0 |
||||
</span> |
||||
</span> |
||||
</span> |
||||
<!----> |
||||
</li> |
||||
<li><span class="ant-tree-switcher ant-tree-switcher_close"></span><span title="" draggable="false" class="ant-tree-node-content-wrapper ant-tree-node-content-wrapper-close"><span class="ant-tree-title"><span> |
||||
|
||||
<span style="color:#f50;"></span> 0-1 |
||||
</span> |
||||
</span> |
||||
</span> |
||||
<!----> |
||||
</li> |
||||
<li><span class="ant-tree-switcher ant-tree-switcher-noop"></span><span title="" draggable="false" class="ant-tree-node-content-wrapper ant-tree-node-content-wrapper-normal"><span class="ant-tree-title"><span> |
||||
|
||||
<span style="color:#f50;"></span> 0-2 |
||||
</span> |
||||
</span> |
||||
</span> |
||||
</li> |
||||
</ul> |
||||
</div> |
||||
`; |
||||
@ -0,0 +1,3 @@
|
||||
import demoTest from '../../../tests/shared/demoTest' |
||||
|
||||
demoTest('tree') |
||||
@ -0,0 +1,107 @@
|
||||
// Jest Snapshot v1, https://goo.gl/fbAQLP |
||||
|
||||
exports[`renders ./components/upload/demo/avatar.md correctly 1`] = `<span class="avatar-uploader"><div class="ant-upload ant-upload-select ant-upload-select-picture-card" style="display:;"><!----></div></span>`; |
||||
|
||||
exports[`renders ./components/upload/demo/basic.md correctly 1`] = `<span><div class="ant-upload ant-upload-select ant-upload-select-text" style="display:;"><!----></div><div class="ant-upload-list ant-upload-list-text"></div></span>`; |
||||
|
||||
exports[`renders ./components/upload/demo/defaultFileList.md correctly 1`] = ` |
||||
<span><div class="ant-upload ant-upload-select ant-upload-select-text" style="display:;"><!----></div><div class="ant-upload-list ant-upload-list-text"><div class="ant-upload-list-item ant-upload-list-item-done"><div class="ant-upload-list-item-info"><span><i class="anticon anticon-paper-clip"></i><a href="http://www.baidu.com/xxx.png" target="_blank" rel="noopener noreferrer" title="xxx.png" class="ant-upload-list-item-name">xxx.png</a></span></div> |
||||
<i |
||||
class="anticon anticon-cross"></i> |
||||
<!----> |
||||
</div> |
||||
<div class="ant-upload-list-item ant-upload-list-item-done"> |
||||
<div class="ant-upload-list-item-info"><span><i class="anticon anticon-paper-clip"></i><a href="http://www.baidu.com/yyy.png" target="_blank" rel="noopener noreferrer" title="yyy.png" class="ant-upload-list-item-name">yyy.png</a></span></div> |
||||
<i class="anticon anticon-cross"></i> |
||||
<!----> |
||||
</div> |
||||
<div class="ant-upload-list-item ant-upload-list-item-error"> |
||||
<div class="ant-upload-list-item-info"><span><i class="anticon anticon-paper-clip"></i><a href="http://www.baidu.com/zzz.png" target="_blank" rel="noopener noreferrer" title="zzz.png" class="ant-upload-list-item-name">zzz.png</a></span></div> |
||||
<i class="anticon anticon-cross"></i> |
||||
<!----> |
||||
</div> |
||||
</div> |
||||
</span> |
||||
`; |
||||
|
||||
exports[`renders ./components/upload/demo/drag.md correctly 1`] = `<span style="height:undefined;"><div class="ant-upload ant-upload-drag"><!----></div><div class="ant-upload-list ant-upload-list-text"></div></span>`; |
||||
|
||||
exports[`renders ./components/upload/demo/fileList.md correctly 1`] = ` |
||||
<span><div class="ant-upload ant-upload-select ant-upload-select-text" style="display:;"><!----></div><div class="ant-upload-list ant-upload-list-text"><div class="ant-upload-list-item ant-upload-list-item-done"><div class="ant-upload-list-item-info"><span><i class="anticon anticon-paper-clip"></i><a href="http://www.baidu.com/xxx.png" target="_blank" rel="noopener noreferrer" title="xxx.png" class="ant-upload-list-item-name">xxx.png</a></span></div> |
||||
<i |
||||
class="anticon anticon-cross"></i> |
||||
<!----> |
||||
</div> |
||||
</div> |
||||
</span> |
||||
`; |
||||
|
||||
exports[`renders ./components/upload/demo/picture-card.md correctly 1`] = ` |
||||
<div class="clearfix"><span><div class="ant-upload-list ant-upload-list-picture-card"><div class="ant-upload-list-item ant-upload-list-item-done"><div class="ant-upload-list-item-info"><span><a href="https://zos.alipayobjects.com/rmsportal/jkjgkEfvpUPVyRjUImniVslZfWPnJuuZ.png" target="_blank" rel="noopener noreferrer" class="ant-upload-list-item-thumbnail"><img src="https://zos.alipayobjects.com/rmsportal/jkjgkEfvpUPVyRjUImniVslZfWPnJuuZ.png" alt="xxx.png"></a><a href="https://zos.alipayobjects.com/rmsportal/jkjgkEfvpUPVyRjUImniVslZfWPnJuuZ.png" target="_blank" rel="noopener noreferrer" title="xxx.png" class="ant-upload-list-item-name">xxx.png</a></span></div> |
||||
<span |
||||
class="ant-upload-list-item-actions"> |
||||
<a href="https://zos.alipayobjects.com/rmsportal/jkjgkEfvpUPVyRjUImniVslZfWPnJuuZ.png" target="_blank" rel="noopener noreferrer" title="Preview file"> |
||||
<i class="anticon anticon-eye-o"></i> |
||||
</a> |
||||
<i title="Remove file" class="anticon anticon-delete"></i> |
||||
</span> |
||||
<!----> |
||||
</div> |
||||
</div> |
||||
<div class="ant-upload ant-upload-select ant-upload-select-picture-card" style="display:;"> |
||||
<!----> |
||||
</div> |
||||
</span> |
||||
<!----> |
||||
</div> |
||||
`; |
||||
|
||||
exports[`renders ./components/upload/demo/picture-style.md correctly 1`] = ` |
||||
<div><span><div class="ant-upload-list ant-upload-list-picture-card"><div class="ant-upload-list-item ant-upload-list-item-done"><div class="ant-upload-list-item-info"><span><a href="https://zos.alipayobjects.com/rmsportal/jkjgkEfvpUPVyRjUImniVslZfWPnJuuZ.png" target="_blank" rel="noopener noreferrer" class="ant-upload-list-item-thumbnail"><img src="https://zos.alipayobjects.com/rmsportal/jkjgkEfvpUPVyRjUImniVslZfWPnJuuZ.png" alt="xxx.png"></a><a href="https://zos.alipayobjects.com/rmsportal/jkjgkEfvpUPVyRjUImniVslZfWPnJuuZ.png" target="_blank" rel="noopener noreferrer" title="xxx.png" class="ant-upload-list-item-name">xxx.png</a></span></div> |
||||
<span |
||||
class="ant-upload-list-item-actions"> |
||||
<a href="https://zos.alipayobjects.com/rmsportal/jkjgkEfvpUPVyRjUImniVslZfWPnJuuZ.png" target="_blank" rel="noopener noreferrer" title="Preview file"> |
||||
<i class="anticon anticon-eye-o"></i> |
||||
</a> |
||||
<i title="Remove file" class="anticon anticon-delete"></i> |
||||
</span> |
||||
<!----> |
||||
</div> |
||||
<div class="ant-upload-list-item ant-upload-list-item-done"> |
||||
<div class="ant-upload-list-item-info"><span><a href="https://zos.alipayobjects.com/rmsportal/jkjgkEfvpUPVyRjUImniVslZfWPnJuuZ.png" target="_blank" rel="noopener noreferrer" class="ant-upload-list-item-thumbnail"><img src="https://zos.alipayobjects.com/rmsportal/jkjgkEfvpUPVyRjUImniVslZfWPnJuuZ.png" alt="yyy.png"></a><a href="https://zos.alipayobjects.com/rmsportal/jkjgkEfvpUPVyRjUImniVslZfWPnJuuZ.png" target="_blank" rel="noopener noreferrer" title="yyy.png" class="ant-upload-list-item-name">yyy.png</a></span></div> |
||||
<span |
||||
class="ant-upload-list-item-actions"> |
||||
<a href="https://zos.alipayobjects.com/rmsportal/jkjgkEfvpUPVyRjUImniVslZfWPnJuuZ.png" target="_blank" rel="noopener noreferrer" title="Preview file"> |
||||
<i class="anticon anticon-eye-o"></i> |
||||
</a> |
||||
<i title="Remove file" class="anticon anticon-delete"></i> |
||||
</span> |
||||
<!----> |
||||
</div> |
||||
</div> |
||||
<div class="ant-upload ant-upload-select ant-upload-select-picture-card" style="display:;"> |
||||
<!----> |
||||
</div> |
||||
</span> |
||||
<br> |
||||
<br> <span class="upload-list-inline"><div class="ant-upload ant-upload-select ant-upload-select-picture" style="display:;"><!----></div><div class="ant-upload-list ant-upload-list-picture"><div class="ant-upload-list-item ant-upload-list-item-done"><div class="ant-upload-list-item-info"><span><a href="https://zos.alipayobjects.com/rmsportal/jkjgkEfvpUPVyRjUImniVslZfWPnJuuZ.png" target="_blank" rel="noopener noreferrer" class="ant-upload-list-item-thumbnail"><img src="https://zos.alipayobjects.com/rmsportal/jkjgkEfvpUPVyRjUImniVslZfWPnJuuZ.png" alt="xxx.png"></a><a href="https://zos.alipayobjects.com/rmsportal/jkjgkEfvpUPVyRjUImniVslZfWPnJuuZ.png" target="_blank" rel="noopener noreferrer" title="xxx.png" class="ant-upload-list-item-name">xxx.png</a></span></div> |
||||
<i |
||||
class="anticon anticon-cross"></i> |
||||
<!----> |
||||
</div> |
||||
<div class="ant-upload-list-item ant-upload-list-item-done"> |
||||
<div class="ant-upload-list-item-info"><span><a href="https://zos.alipayobjects.com/rmsportal/jkjgkEfvpUPVyRjUImniVslZfWPnJuuZ.png" target="_blank" rel="noopener noreferrer" class="ant-upload-list-item-thumbnail"><img src="https://zos.alipayobjects.com/rmsportal/jkjgkEfvpUPVyRjUImniVslZfWPnJuuZ.png" alt="yyy.png"></a><a href="https://zos.alipayobjects.com/rmsportal/jkjgkEfvpUPVyRjUImniVslZfWPnJuuZ.png" target="_blank" rel="noopener noreferrer" title="yyy.png" class="ant-upload-list-item-name">yyy.png</a></span></div> |
||||
<i |
||||
class="anticon anticon-cross"></i> |
||||
<!----> |
||||
</div> |
||||
</div> |
||||
</span> |
||||
</div> |
||||
`; |
||||
|
||||
exports[`renders ./components/upload/demo/upload-manually.md correctly 1`] = ` |
||||
<div class="clearfix"><span><div class="ant-upload ant-upload-select ant-upload-select-text" style="display:;"><!----></div><div class="ant-upload-list ant-upload-list-text"></div></span> |
||||
<button type="button" disabled="disabled" class="upload-demo-start ant-btn ant-btn-primary"><span>Start Upload</span></button> |
||||
</div> |
||||
`; |
||||
@ -0,0 +1,3 @@
|
||||
import demoTest from '../../../tests/shared/demoTest' |
||||
|
||||
demoTest('upload') |
||||
Loading…
Reference in new issue