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

172 lines
7.4 KiB
Plaintext

// Jest Snapshot v1, https://goo.gl/fbAQLP
exports[`renders ./components/space/demo/align.vue 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 ./components/space/demo/base.vue 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"><span role="button" tabindex="0" class="ant-upload"><input type="file" style="display: none;" accept=""><button class="ant-btn" type="button"><!----><span role="img" aria-label="upload" class="anticon anticon-upload"><svg focusable="false" class="" data-icon="upload" width="1em" height="1em" fill="currentColor" aria-hidden="true" viewBox="64 64 896 896"><path d="M400 317.7h73.9V656c0 4.4 3.6 8 8 8h60c4.4 0 8-3.6 8-8V317.7H624c6.7 0 10.4-7.7 6.3-12.9L518.3 163a8 8 0 00-12.6 0l-112 141.7c-4.1 5.3-.4 13 6.3 13zM878 626h-60c-4.4 0-8 3.6-8 8v154H214V634c0-4.4-3.6-8-8-8h-60c-4.4 0-8 3.6-8 8v198c0 17.7 14.3 32 32 32h684c17.7 0 32-14.3 32-32V634c0-4.4-3.6-8-8-8z"></path></svg></span><span>Click to Upload</span></button></span></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 ./components/space/demo/customize.vue 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 ./components/space/demo/size.vue 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 ./components/space/demo/vertical.vue 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>
`;