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

// Jest Snapshot v1, https://goo.gl/fbAQLP

exports[`renders ./components/statistic/demo/basic.vue correctly 1`] = `
<div role="row" class="ant-row">
  <div role="cell" class="ant-col ant-col-12">
    <div class="ant-statistic" style="margin-right: 50px;">
      <div class="ant-statistic-title">Active Users</div>
      <div class="ant-statistic-content">
        <!----><span class="ant-statistic-content-value"><span class="ant-statistic-content-value-int">112,893</span></span>
        <!---->
      </div>
    </div>
  </div>
  <div role="cell" class="ant-col ant-col-12">
    <div class="ant-statistic">
      <div class="ant-statistic-title">Account Balance (CNY)</div>
      <div class="ant-statistic-content">
        <!----><span class="ant-statistic-content-value"><span class="ant-statistic-content-value-int">112,893</span><span class="ant-statistic-content-value-decimal">.00</span></span>
        <!---->
      </div>
    </div>
  </div>
</div>
`;

exports[`renders ./components/statistic/demo/card.vue correctly 1`] = `
<div style="background: rgb(236, 236, 236); padding: 30px;">
  <div role="row" class="ant-row" style="margin-left: -8px; margin-right: -8px;">
    <div role="cell" class="ant-col ant-col-12" style="padding-left: 8px; padding-right: 8px;">
      <div class="ant-card ant-card-bordered">
        <!---->
        <!---->
        <div class="ant-card-body">
          <div class="ant-statistic" style="margin-right: 50px;">
            <div class="ant-statistic-title">Feedback</div>
            <div style="color: rgb(63, 134, 0);" class="ant-statistic-content"><span class="ant-statistic-content-prefix"><span role="img" aria-label="arrow-up" class="anticon anticon-arrow-up"><svg focusable="false" class="" data-icon="arrow-up" width="1em" height="1em" fill="currentColor" aria-hidden="true" viewBox="64 64 896 896"><path d="M868 545.5L536.1 163a31.96 31.96 0 00-48.3 0L156 545.5a7.97 7.97 0 006 13.2h81c4.6 0 9-2 12.1-5.5L474 300.9V864c0 4.4 3.6 8 8 8h60c4.4 0 8-3.6 8-8V300.9l218.9 252.3c3 3.5 7.4 5.5 12.1 5.5h81c6.8 0 10.5-8 6-13.2z"></path></svg></span></span><span class="ant-statistic-content-value"><span class="ant-statistic-content-value-int">11</span><span class="ant-statistic-content-value-decimal">.28</span></span><span class="ant-statistic-content-suffix">%</span></div>
          </div>
        </div>
        <!---->
      </div>
    </div>
    <div role="cell" class="ant-col ant-col-12" style="padding-left: 8px; padding-right: 8px;">
      <div class="ant-card ant-card-bordered">
        <!---->
        <!---->
        <div class="ant-card-body">
          <div class="ant-statistic demo-class">
            <div class="ant-statistic-title">Idle</div>
            <div style="color: rgb(207, 19, 34);" class="ant-statistic-content"><span class="ant-statistic-content-prefix"><span role="img" aria-label="arrow-down" class="anticon anticon-arrow-down"><svg focusable="false" class="" data-icon="arrow-down" width="1em" height="1em" fill="currentColor" aria-hidden="true" viewBox="64 64 896 896"><path d="M862 465.3h-81c-4.6 0-9 2-12.1 5.5L550 723.1V160c0-4.4-3.6-8-8-8h-60c-4.4 0-8 3.6-8 8v563.1L255.1 470.8c-3-3.5-7.4-5.5-12.1-5.5h-81c-6.8 0-10.5 8.1-6 13.2L487.9 861a31.96 31.96 0 0048.3 0L868 478.5c4.5-5.2.8-13.2-6-13.2z"></path></svg></span></span><span class="ant-statistic-content-value"><span class="ant-statistic-content-value-int">9</span><span class="ant-statistic-content-value-decimal">.30</span></span><span class="ant-statistic-content-suffix">%</span></div>
          </div>
        </div>
        <!---->
      </div>
    </div>
  </div>
</div>
`;

exports[`renders ./components/statistic/demo/countdown.vue correctly 1`] = `
<div role="row" class="ant-row" style="margin-left: -8px; margin-right: -8px;">
  <div role="cell" class="ant-col ant-col-12" style="padding-left: 8px; padding-right: 8px;">
    <div class="ant-statistic" style="margin-right: 50px;">
      <div class="ant-statistic-title">Countdown</div>
      <div class="ant-statistic-content">
        <!----><span class="ant-statistic-content-value">48:00:30</span>
        <!---->
      </div>
    </div>
  </div>
  <div role="cell" class="ant-col ant-col-12" style="padding-left: 8px; padding-right: 8px;">
    <div class="ant-statistic" style="margin-right: 50px;">
      <div class="ant-statistic-title">Million Seconds</div>
      <div class="ant-statistic-content">
        <!----><span class="ant-statistic-content-value">48:00:30:000</span>
        <!---->
      </div>
    </div>
  </div>
  <div role="cell" class="ant-col ant-col-24" style="padding-left: 8px; padding-right: 8px; margin-top: 32px;">
    <div class="ant-statistic">
      <div class="ant-statistic-title">Day Level</div>
      <div class="ant-statistic-content">
        <!----><span class="ant-statistic-content-value">2 天 0 时 0 分 30 秒</span>
        <!---->
      </div>
    </div>
  </div>
</div>
`;

exports[`renders ./components/statistic/demo/countdown-slot.vue correctly 1`] = `
<div role="row" class="ant-row" style="margin-left: -8px; margin-right: -8px;">
  <div role="cell" class="ant-col ant-col-12" style="padding-left: 8px; padding-right: 8px;">
    <div class="ant-statistic" style="margin-right: 50px;">
      <div class="ant-statistic-title"><span>Countdown</span>
        <!----><span role="img" aria-label="question-circle" style="margin-left: 5px;" tabindex="-1" class="anticon anticon-question-circle"><svg focusable="false" class="" data-icon="question-circle" width="1em" height="1em" fill="currentColor" aria-hidden="true" viewBox="64 64 896 896"><path d="M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64zm0 820c-205.4 0-372-166.6-372-372s166.6-372 372-372 372 166.6 372 372-166.6 372-372 372z" fill="#1890ff"></path><path d="M512 140c-205.4 0-372 166.6-372 372s166.6 372 372 372 372-166.6 372-372-166.6-372-372-372zm0 632c-22.1 0-40-17.9-40-40s17.9-40 40-40 40 17.9 40 40-17.9 40-40 40zm62.9-219.5a48.3 48.3 0 00-30.9 44.8V620c0 4.4-3.6 8-8 8h-48c-4.4 0-8-3.6-8-8v-21.5c0-23.1 6.7-45.9 19.9-64.9 12.9-18.6 30.9-32.8 52.1-40.9 34-13.1 56-41.6 56-72.7 0-44.1-43.1-80-96-80s-96 35.9-96 80v7.6c0 4.4-3.6 8-8 8h-48c-4.4 0-8-3.6-8-8V420c0-39.3 17.2-76 48.4-103.3C430.4 290.4 470 276 512 276s81.6 14.5 111.6 40.7C654.8 344 672 380.7 672 420c0 57.8-38.1 109.8-97.1 132.5z" fill="#e6f7ff"></path><path d="M472 732a40 40 0 1080 0 40 40 0 10-80 0zm151.6-415.3C593.6 290.5 554 276 512 276s-81.6 14.4-111.6 40.7C369.2 344 352 380.7 352 420v7.6c0 4.4 3.6 8 8 8h48c4.4 0 8-3.6 8-8V420c0-44.1 43.1-80 96-80s96 35.9 96 80c0 31.1-22 59.6-56 72.7-21.2 8.1-39.2 22.3-52.1 40.9-13.2 19-19.9 41.8-19.9 64.9V620c0 4.4 3.6 8 8 8h48c4.4 0 8-3.6 8-8v-22.7a48.3 48.3 0 0130.9-44.8c59-22.7 97.1-74.7 97.1-132.5 0-39.3-17.2-76-48.4-103.3z" fill="#1890ff"></path></svg></span>
      </div>
      <div class="ant-statistic-content">
        <!----><span class="ant-statistic-content-value">40:00:00</span>
        <!---->
      </div>
    </div>
  </div>
  <div role="cell" class="ant-col ant-col-24" style="padding-left: 8px; padding-right: 8px; margin-top: 32px;">
    <div class="ant-statistic" style="margin-right: 50px;">
      <div class="ant-statistic-title">Million Seconds countdown</div>
      <div class="ant-statistic-content"><span class="ant-statistic-content-prefix"><span>There's only</span></span><span class="ant-statistic-content-value">40:00:00:000</span><span class="ant-statistic-content-suffix"><span>left for the end.</span></span></div>
    </div>
  </div>
</div>
`;

exports[`renders ./components/statistic/demo/unit.vue correctly 1`] = `
<div role="row" class="ant-row" style="margin-left: -8px; margin-right: -8px;">
  <div role="cell" class="ant-col ant-col-12" style="padding-left: 8px; padding-right: 8px;">
    <div class="ant-statistic" style="margin-right: 50px;">
      <div class="ant-statistic-title">Feedback</div>
      <div class="ant-statistic-content">
        <!----><span class="ant-statistic-content-value"><span class="ant-statistic-content-value-int">1,128</span></span><span class="ant-statistic-content-suffix"><span role="img" aria-label="like" class="anticon anticon-like"><svg focusable="false" class="" data-icon="like" width="1em" height="1em" fill="currentColor" aria-hidden="true" viewBox="64 64 896 896"><path d="M885.9 533.7c16.8-22.2 26.1-49.4 26.1-77.7 0-44.9-25.1-87.4-65.5-111.1a67.67 67.67 0 00-34.3-9.3H572.4l6-122.9c1.4-29.7-9.1-57.9-29.5-79.4A106.62 106.62 0 00471 99.9c-52 0-98 35-111.8 85.1l-85.9 311H144c-17.7 0-32 14.3-32 32v364c0 17.7 14.3 32 32 32h601.3c9.2 0 18.2-1.8 26.5-5.4 47.6-20.3 78.3-66.8 78.3-118.4 0-12.6-1.8-25-5.4-37 16.8-22.2 26.1-49.4 26.1-77.7 0-12.6-1.8-25-5.4-37 16.8-22.2 26.1-49.4 26.1-77.7-.2-12.6-2-25.1-5.6-37.1zM184 852V568h81v284h-81zm636.4-353l-21.9 19 13.9 25.4a56.2 56.2 0 016.9 27.3c0 16.5-7.2 32.2-19.6 43l-21.9 19 13.9 25.4a56.2 56.2 0 016.9 27.3c0 16.5-7.2 32.2-19.6 43l-21.9 19 13.9 25.4a56.2 56.2 0 016.9 27.3c0 22.4-13.2 42.6-33.6 51.8H329V564.8l99.5-360.5a44.1 44.1 0 0142.2-32.3c7.6 0 15.1 2.2 21.1 6.7 9.9 7.4 15.2 18.6 14.6 30.5l-9.6 198.4h314.4C829 418.5 840 436.9 840 456c0 16.5-7.2 32.1-19.6 43z"></path></svg></span></span>
      </div>
    </div>
  </div>
  <div role="cell" class="ant-col ant-col-12" style="padding-left: 8px; padding-right: 8px;">
    <div class="ant-statistic demo-class">
      <div class="ant-statistic-title">Unmerged</div>
      <div class="ant-statistic-content">
        <!----><span class="ant-statistic-content-value"><span class="ant-statistic-content-value-int">93</span></span><span class="ant-statistic-content-suffix"><span>/ 100</span></span>
      </div>
    </div>
  </div>
</div>
`;