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

105 lines
3.9 KiB
Plaintext
Raw Normal View History

2018-12-10 03:34:51 +00:00
// Jest Snapshot v1, https://goo.gl/fbAQLP
exports[`renders ./components/skeleton/demo/active.md correctly 1`] = `
<div class="ant-skeleton ant-skeleton-active">
<div class="ant-skeleton-content">
<h3 class="ant-skeleton-title" style="width: 38%;"></h3>
<ul class="ant-skeleton-paragraph">
<li></li>
<li></li>
<li style="width: 61%;"></li>
</ul>
</div>
</div>
`;
exports[`renders ./components/skeleton/demo/basic.md correctly 1`] = `
<div class="ant-skeleton">
<div class="ant-skeleton-content">
<h3 class="ant-skeleton-title" style="width: 38%;"></h3>
<ul class="ant-skeleton-paragraph">
<li></li>
<li></li>
<li style="width: 61%;"></li>
</ul>
</div>
</div>
`;
exports[`renders ./components/skeleton/demo/children.md correctly 1`] = `
<div class="article">
<div>
<h4>Ant Design Vue, a design language</h4>
<p>We supply a series of design principles, practical patterns and high quality design resources (Sketch and Axure), to help people create their product prototypes beautifully and efficiently.</p>
</div> <button type="button" class="ant-btn ant-btn-default"><span>Show Skeleton</span></button>
</div>
`;
exports[`renders ./components/skeleton/demo/complex.md correctly 1`] = `
<div class="ant-skeleton ant-skeleton-with-avatar">
<div class="ant-skeleton-header"><span class="ant-skeleton-avatar ant-skeleton-avatar-lg ant-skeleton-avatar-circle"></span></div>
<div class="ant-skeleton-content">
<h3 class="ant-skeleton-title" style="width: 50%;"></h3>
<ul class="ant-skeleton-paragraph">
<li></li>
<li></li>
<li></li>
<li></li>
</ul>
</div>
</div>
`;
exports[`renders ./components/skeleton/demo/list.md correctly 1`] = `
<div><span tabindex="0" class="ant-switch"><span class="ant-switch-inner"></span></span>
<div class="ant-list ant-list-vertical ant-list-lg ant-list-split">
<div class="ant-spin-nested-loading">
<div class="ant-spin-container">
<div class="ant-list-item">
<div class="ant-list-item-content ant-list-item-content-single">
<div class="ant-skeleton ant-skeleton-with-avatar ant-skeleton-active">
<div class="ant-skeleton-header"><span class="ant-skeleton-avatar ant-skeleton-avatar-lg ant-skeleton-avatar-circle"></span></div>
<div class="ant-skeleton-content">
<h3 class="ant-skeleton-title" style="width: 50%;"></h3>
<ul class="ant-skeleton-paragraph">
<li></li>
<li></li>
</ul>
</div>
</div>
</div>
</div>
<div class="ant-list-item">
<div class="ant-list-item-content ant-list-item-content-single">
<div class="ant-skeleton ant-skeleton-with-avatar ant-skeleton-active">
<div class="ant-skeleton-header"><span class="ant-skeleton-avatar ant-skeleton-avatar-lg ant-skeleton-avatar-circle"></span></div>
<div class="ant-skeleton-content">
<h3 class="ant-skeleton-title" style="width: 50%;"></h3>
<ul class="ant-skeleton-paragraph">
<li></li>
<li></li>
</ul>
</div>
</div>
</div>
</div>
<div class="ant-list-item">
<div class="ant-list-item-content ant-list-item-content-single">
<div class="ant-skeleton ant-skeleton-with-avatar ant-skeleton-active">
<div class="ant-skeleton-header"><span class="ant-skeleton-avatar ant-skeleton-avatar-lg ant-skeleton-avatar-circle"></span></div>
<div class="ant-skeleton-content">
<h3 class="ant-skeleton-title" style="width: 50%;"></h3>
<ul class="ant-skeleton-paragraph">
<li></li>
<li></li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
`;