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

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