github
/
ant-design-vue
mirror of https://github.com/vueComponent/ant-design-vue
1
0
Fork 0
Code Issues Projects Releases Wiki Activity
ant-design-vue/components/space/__tests__/__snapshots__/demo.test.js.snap

129 lines
6.3 KiB
Plaintext
Raw Normal View History

feat: add component Space (#2669)
2020-08-12 10:22:21 +00:00
// Jest Snapshot v1, https://goo.gl/fbAQLP
test: update space snap
2020-08-13 14:20:32 +00:00
exports[`renders ./antdv-demo/docs/space/demo/align.md correctly 1`] = `
<div class="space-align-container">
<div class="space-align-block">
<div class="ant-space ant-space-horizontal ant-space-align-center">
<div class="ant-space-item" style="margin-right: 8px;"> center </div>
<div class="ant-space-item" style="margin-right: 8px;"><button class="ant-btn ant-btn-primary" type="button">
<!----><span>Primary</span></button></div>
<div class="ant-space-item"><span class="mock-block">Block</span></div>
</div>
</div>
<div class="space-align-block">
<div class="ant-space ant-space-horizontal ant-space-align-start">
<div class="ant-space-item" style="margin-right: 8px;"> start </div>
<div class="ant-space-item" style="margin-right: 8px;"><button class="ant-btn ant-btn-primary" type="button">
<!----><span>Primary</span></button></div>
<div class="ant-space-item"><span class="mock-block">Block</span></div>
</div>
</div>
<div class="space-align-block">
<div class="ant-space ant-space-horizontal ant-space-align-end">
<div class="ant-space-item" style="margin-right: 8px;"> end </div>
<div class="ant-space-item" style="margin-right: 8px;"><button class="ant-btn ant-btn-primary" type="button">
<!----><span>Primary</span></button></div>
<div class="ant-space-item"><span class="mock-block">Block</span></div>
</div>
</div>
<div class="space-align-block">
<div class="ant-space ant-space-horizontal ant-space-align-baseline">
<div class="ant-space-item" style="margin-right: 8px;"> baseline </div>
<div class="ant-space-item" style="margin-right: 8px;"><button class="ant-btn ant-btn-primary" type="button">
<!----><span>Primary</span></button></div>
<div class="ant-space-item"><span class="mock-block">Block</span></div>
</div>
</div>
</div>
`;
exports[`renders ./antdv-demo/docs/space/demo/base.md correctly 1`] = `
<div class="ant-space ant-space-horizontal ant-space-align-center">
<div class="ant-space-item" style="margin-right: 8px;"> Space </div>
<div class="ant-space-item" style="margin-right: 8px;"><button class="ant-btn ant-btn-primary" type="button">
<!----><span>Button</span></button></div>
<div class="ant-space-item" style="margin-right: 8px;"><span><div class="ant-upload ant-upload-select ant-upload-select-text"><!----></div><div class="ant-upload-list ant-upload-list-text"></div></span></div>
<div class="ant-space-item">
<!----><button class="ant-btn" type="button">
<!----><span>Confirm</span></button></div>
</div>
`;
exports[`renders ./antdv-demo/docs/space/demo/customize.md correctly 1`] = `
<div>
<div tabindex="-1" class="ant-slider">
<div class="ant-slider-rail"></div>
<div class="ant-slider-track" style="left: 0%; width: 8%;"></div>
<div class="ant-slider-step"></div>
<!---->
<div class="ant-slider-handle" style="left: 8%; transform: translateX(-50%);" role="slider" tabindex="0" aria-valuemin="0" aria-valuemax="100" aria-valuenow="8" aria-disabled="false"></div>
<div class="ant-slider-mark"></div>
</div><br><br>
<div class="ant-space ant-space-horizontal ant-space-align-center">
<div class="ant-space-item" style="margin-right: 8px;"><button class="ant-btn ant-btn-primary" type="button">
<!----><span>Primary</span></button></div>
<div class="ant-space-item" style="margin-right: 8px;"><button class="ant-btn" type="button">
<!----><span>Default</span></button></div>
<div class="ant-space-item" style="margin-right: 8px;"><button class="ant-btn ant-btn-dashed" type="button">
<!----><span>Dashed</span></button></div>
<div class="ant-space-item"><button class="ant-btn ant-btn-link" type="button">
<!----><span>Link</span></button></div>
</div>
</div>
`;
exports[`renders ./antdv-demo/docs/space/demo/size.md correctly 1`] = `
<div>
<div class="ant-radio-group ant-radio-group-outline ant-radio-group-default"><label class="ant-radio-wrapper ant-radio-wrapper-checked"><span class="ant-radio ant-radio-checked"><input type="radio" class="ant-radio-input" value="small"><span class="ant-radio-inner"></span></span><span>Small</span></label><label class="ant-radio-wrapper"><span class="ant-radio"><input type="radio" class="ant-radio-input" value="middle"><span class="ant-radio-inner"></span></span><span>Middle</span></label><label class="ant-radio-wrapper"><span class="ant-radio"><input type="radio" class="ant-radio-input" value="large"><span class="ant-radio-inner"></span></span><span>Large</span></label></div><br><br>
<div class="ant-space ant-space-horizontal ant-space-align-center">
<div class="ant-space-item" style="margin-right: 8px;"><button class="ant-btn ant-btn-primary" type="button">
<!----><span>Primary</span></button></div>
<div class="ant-space-item" style="margin-right: 8px;"><button class="ant-btn" type="button">
<!----><span>Default</span></button></div>
<div class="ant-space-item" style="margin-right: 8px;"><button class="ant-btn ant-btn-dashed" type="button">
<!----><span>Dashed</span></button></div>
<div class="ant-space-item"><button class="ant-btn ant-btn-link" type="button">
<!----><span>Link</span></button></div>
</div>
</div>
`;
exports[`renders ./antdv-demo/docs/space/demo/vertical.md correctly 1`] = `
<div class="ant-space ant-space-vertical">
<div class="ant-space-item" style="margin-bottom: 8px;">
<div class="ant-card ant-card-bordered" style="width: 300px;">
<div class="ant-card-head">
<div class="ant-card-head-wrapper">
<div class="ant-card-head-title">Card</div>
<!---->
</div>
<!---->
</div>
<!---->
<div class="ant-card-body">
<p>Card content</p>
<p>Card content</p>
</div>
<!---->
</div>
</div>
<div class="ant-space-item">
<div class="ant-card ant-card-bordered" style="width: 300px;">
<div class="ant-card-head">
<div class="ant-card-head-wrapper">
<div class="ant-card-head-title">Card</div>
<!---->
</div>
<!---->
</div>
<!---->
<div class="ant-card-body">
<p>Card content</p>
<p>Card content</p>
</div>
<!---->
</div>
</div>
</div>
`;