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

116 lines
4.1 KiB
Plaintext

// Jest Snapshot v1, https://goo.gl/fbAQLP
exports[`renders ./antdv-demo/docs/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 ./antdv-demo/docs/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 ./antdv-demo/docs/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 class="ant-btn" type="button">
<!----><span>Show Skeleton</span></button>
</div>
`;
exports[`renders ./antdv-demo/docs/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 ./antdv-demo/docs/skeleton/demo/list.md correctly 1`] = `
<div><button class="ant-switch" type="button" role="switch" aria-checked="false">
<!----><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 ant-list-item-no-flex">
<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>
<!---->
<!---->
</li>
<li class="ant-list-item ant-list-item-no-flex">
<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>
<!---->
<!---->
</li>
<li class="ant-list-item ant-list-item-no-flex">
<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>
<!---->
<!---->
</li>
</ul>
</div>
</div>
<!---->
<!---->
</div>
</div>
`;