130 lines
4.4 KiB
Plaintext
130 lines
4.4 KiB
Plaintext
// Jest Snapshot v1, https://goo.gl/fbAQLP
|
|
|
|
exports[`renders ./components/skeleton/demo/active.vue 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.vue 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.vue 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 class="ant-btn" type="button">
|
|
<!----><span>Show Skeleton</span>
|
|
</button>
|
|
</div>
|
|
`;
|
|
|
|
exports[`renders ./components/skeleton/demo/complex.vue 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.vue correctly 1`] = `
|
|
<div><button type="button" role="switch" aria-checked="false" class="ant-switch">
|
|
<!----><span class="ant-switch-inner"><!----></span>
|
|
</button>
|
|
<div class="ant-list ant-list-vertical ant-list-lg ant-list-split">
|
|
<!---->
|
|
<!---->
|
|
<div class="ant-spin-nested-loading">
|
|
<!---->
|
|
<div class="ant-spin-container">
|
|
<ul class="ant-list-items">
|
|
<li class="ant-list-item">
|
|
<div class="ant-list-item-main">
|
|
<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 class="ant-list-item-extra">
|
|
<!--v-if-->
|
|
</div>
|
|
</li>
|
|
<li class="ant-list-item">
|
|
<div class="ant-list-item-main">
|
|
<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 class="ant-list-item-extra">
|
|
<!--v-if-->
|
|
</div>
|
|
</li>
|
|
<li class="ant-list-item">
|
|
<div class="ant-list-item-main">
|
|
<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 class="ant-list-item-extra">
|
|
<!--v-if-->
|
|
</div>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
<!---->
|
|
<!---->
|
|
</div>
|
|
</div>
|
|
`;
|