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

// 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>
`;