ant-design/tests/badge/__snapshots__/demo.test.js.snap

exports[`test renders ./components/badge/demo/99plus.md correctly 1`] = `
<div>
  <span
    class="ant-badge"
    title="99">
    <a
      class="head-example"
      href="#" />
    <sup
      class="ant-scroll-number ant-badge-count"
      data-show="true"
      height="18">
      <span
        class="ant-scroll-number-only"
        style="transition:none;-webkit-transform:translateY(-342px);transform:translateY(-342px);height:18px;">
        <p
          class="">
          0
        </p>
        <p
          class="">
          1
        </p>
        <p
          class="">
          2
        </p>
        <p
          class="">
          3
        </p>
        <p
          class="">
          4
        </p>
        <p
          class="">
          5
        </p>
        <p
          class="">
          6
        </p>
        <p
          class="">
          7
        </p>
        <p
          class="">
          8
        </p>
        <p
          class="">
          9
        </p>
        <p
          class="">
          0
        </p>
        <p
          class="">
          1
        </p>
        <p
          class="">
          2
        </p>
        <p
          class="">
          3
        </p>
        <p
          class="">
          4
        </p>
        <p
          class="">
          5
        </p>
        <p
          class="">
          6
        </p>
        <p
          class="">
          7
        </p>
        <p
          class="">
          8
        </p>
        <p
          class="current">
          9
        </p>
        <p
          class="">
          0
        </p>
        <p
          class="">
          1
        </p>
        <p
          class="">
          2
        </p>
        <p
          class="">
          3
        </p>
        <p
          class="">
          4
        </p>
        <p
          class="">
          5
        </p>
        <p
          class="">
          6
        </p>
        <p
          class="">
          7
        </p>
        <p
          class="">
          8
        </p>
        <p
          class="">
          9
        </p>
      </span>
      <span
        class="ant-scroll-number-only"
        style="transition:none;-webkit-transform:translateY(-342px);transform:translateY(-342px);height:18px;">
        <p
          class="">
          0
        </p>
        <p
          class="">
          1
        </p>
        <p
          class="">
          2
        </p>
        <p
          class="">
          3
        </p>
        <p
          class="">
          4
        </p>
        <p
          class="">
          5
        </p>
        <p
          class="">
          6
        </p>
        <p
          class="">
          7
        </p>
        <p
          class="">
          8
        </p>
        <p
          class="">
          9
        </p>
        <p
          class="">
          0
        </p>
        <p
          class="">
          1
        </p>
        <p
          class="">
          2
        </p>
        <p
          class="">
          3
        </p>
        <p
          class="">
          4
        </p>
        <p
          class="">
          5
        </p>
        <p
          class="">
          6
        </p>
        <p
          class="">
          7
        </p>
        <p
          class="">
          8
        </p>
        <p
          class="current">
          9
        </p>
        <p
          class="">
          0
        </p>
        <p
          class="">
          1
        </p>
        <p
          class="">
          2
        </p>
        <p
          class="">
          3
        </p>
        <p
          class="">
          4
        </p>
        <p
          class="">
          5
        </p>
        <p
          class="">
          6
        </p>
        <p
          class="">
          7
        </p>
        <p
          class="">
          8
        </p>
        <p
          class="">
          9
        </p>
      </span>
    </sup>
  </span>
  <span
    class="ant-badge"
    title="200">
    <a
      class="head-example"
      href="#" />
    <sup
      class="ant-scroll-number ant-badge-count"
      data-show="true"
      height="18">
      99+
    </sup>
  </span>
</div>
`;

exports[`test renders ./components/badge/demo/basic.md correctly 1`] = `
<span
  class="ant-badge"
  title="5">
  <a
    class="head-example"
    href="#" />
  <sup
    class="ant-scroll-number ant-badge-count"
    data-show="true"
    height="18">
    <span
      class="ant-scroll-number-only"
      style="transition:none;-webkit-transform:translateY(-270px);transform:translateY(-270px);height:18px;">
      <p
        class="">
        0
      </p>
      <p
        class="">
        1
      </p>
      <p
        class="">
        2
      </p>
      <p
        class="">
        3
      </p>
      <p
        class="">
        4
      </p>
      <p
        class="">
        5
      </p>
      <p
        class="">
        6
      </p>
      <p
        class="">
        7
      </p>
      <p
        class="">
        8
      </p>
      <p
        class="">
        9
      </p>
      <p
        class="">
        0
      </p>
      <p
        class="">
        1
      </p>
      <p
        class="">
        2
      </p>
      <p
        class="">
        3
      </p>
      <p
        class="">
        4
      </p>
      <p
        class="current">
        5
      </p>
      <p
        class="">
        6
      </p>
      <p
        class="">
        7
      </p>
      <p
        class="">
        8
      </p>
      <p
        class="">
        9
      </p>
      <p
        class="">
        0
      </p>
      <p
        class="">
        1
      </p>
      <p
        class="">
        2
      </p>
      <p
        class="">
        3
      </p>
      <p
        class="">
        4
      </p>
      <p
        class="">
        5
      </p>
      <p
        class="">
        6
      </p>
      <p
        class="">
        7
      </p>
      <p
        class="">
        8
      </p>
      <p
        class="">
        9
      </p>
    </span>
  </sup>
</span>
`;

exports[`test renders ./components/badge/demo/change.md correctly 1`] = `
<div>
  <span
    class="ant-badge"
    title="5">
    <a
      class="head-example"
      href="#" />
    <sup
      class="ant-scroll-number ant-badge-count"
      data-show="true"
      height="18">
      <span
        class="ant-scroll-number-only"
        style="transition:none;-webkit-transform:translateY(-270px);transform:translateY(-270px);height:18px;">
        <p
          class="">
          0
        </p>
        <p
          class="">
          1
        </p>
        <p
          class="">
          2
        </p>
        <p
          class="">
          3
        </p>
        <p
          class="">
          4
        </p>
        <p
          class="">
          5
        </p>
        <p
          class="">
          6
        </p>
        <p
          class="">
          7
        </p>
        <p
          class="">
          8
        </p>
        <p
          class="">
          9
        </p>
        <p
          class="">
          0
        </p>
        <p
          class="">
          1
        </p>
        <p
          class="">
          2
        </p>
        <p
          class="">
          3
        </p>
        <p
          class="">
          4
        </p>
        <p
          class="current">
          5
        </p>
        <p
          class="">
          6
        </p>
        <p
          class="">
          7
        </p>
        <p
          class="">
          8
        </p>
        <p
          class="">
          9
        </p>
        <p
          class="">
          0
        </p>
        <p
          class="">
          1
        </p>
        <p
          class="">
          2
        </p>
        <p
          class="">
          3
        </p>
        <p
          class="">
          4
        </p>
        <p
          class="">
          5
        </p>
        <p
          class="">
          6
        </p>
        <p
          class="">
          7
        </p>
        <p
          class="">
          8
        </p>
        <p
          class="">
          9
        </p>
      </span>
    </sup>
  </span>
  <span
    class="ant-badge">
    <a
      class="head-example"
      href="#" />
    <sup
      class="ant-scroll-number ant-badge-dot"
      data-show="true"
      height="18" />
  </span>
  <div
    style="margin-top:10px;">
    <div
      class="ant-btn-group">
      <button
        class="ant-btn ant-btn-ghost"
        type="button">
        <i
          class="anticon anticon-minus" />
      </button>
      <button
        class="ant-btn ant-btn-ghost"
        type="button">
        <i
          class="anticon anticon-plus" />
      </button>
    </div>
    <button
      class="ant-btn ant-btn-ghost"
      style="margin-left:8px;"
      type="button">
      <span>
        Switch state
      </span>
    </button>
  </div>
</div>
`;

exports[`test renders ./components/badge/demo/dot.md correctly 1`] = `
<div>
  <span
    class="ant-badge">
    <i
      class="anticon anticon-notification" />
    <sup
      class="ant-scroll-number ant-badge-dot"
      data-show="true"
      height="18" />
  </span>
  <span
    class="ant-badge">
    <a
      href="#">
      Link something
    </a>
    <sup
      class="ant-scroll-number ant-badge-dot"
      data-show="true"
      height="18" />
  </span>
</div>
`;

exports[`test renders ./components/badge/demo/link.md correctly 1`] = `
<a
  href="#">
  <span
    class="ant-badge"
    title="5">
    <span
      class="head-example" />
    <sup
      class="ant-scroll-number ant-badge-count"
      data-show="true"
      height="18">
      <span
        class="ant-scroll-number-only"
        style="transition:none;-webkit-transform:translateY(-270px);transform:translateY(-270px);height:18px;">
        <p
          class="">
          0
        </p>
        <p
          class="">
          1
        </p>
        <p
          class="">
          2
        </p>
        <p
          class="">
          3
        </p>
        <p
          class="">
          4
        </p>
        <p
          class="">
          5
        </p>
        <p
          class="">
          6
        </p>
        <p
          class="">
          7
        </p>
        <p
          class="">
          8
        </p>
        <p
          class="">
          9
        </p>
        <p
          class="">
          0
        </p>
        <p
          class="">
          1
        </p>
        <p
          class="">
          2
        </p>
        <p
          class="">
          3
        </p>
        <p
          class="">
          4
        </p>
        <p
          class="current">
          5
        </p>
        <p
          class="">
          6
        </p>
        <p
          class="">
          7
        </p>
        <p
          class="">
          8
        </p>
        <p
          class="">
          9
        </p>
        <p
          class="">
          0
        </p>
        <p
          class="">
          1
        </p>
        <p
          class="">
          2
        </p>
        <p
          class="">
          3
        </p>
        <p
          class="">
          4
        </p>
        <p
          class="">
          5
        </p>
        <p
          class="">
          6
        </p>
        <p
          class="">
          7
        </p>
        <p
          class="">
          8
        </p>
        <p
          class="">
          9
        </p>
      </span>
    </sup>
  </span>
</a>
`;

exports[`test renders ./components/badge/demo/no-wrapper.md correctly 1`] = `
<div>
  <span
    class="ant-badge ant-badge-not-a-wrapper"
    title="25">
    <sup
      class="ant-scroll-number ant-badge-count"
      data-show="true"
      height="18">
      <span
        class="ant-scroll-number-only"
        style="transition:none;-webkit-transform:translateY(-216px);transform:translateY(-216px);height:18px;">
        <p
          class="">
          0
        </p>
        <p
          class="">
          1
        </p>
        <p
          class="">
          2
        </p>
        <p
          class="">
          3
        </p>
        <p
          class="">
          4
        </p>
        <p
          class="">
          5
        </p>
        <p
          class="">
          6
        </p>
        <p
          class="">
          7
        </p>
        <p
          class="">
          8
        </p>
        <p
          class="">
          9
        </p>
        <p
          class="">
          0
        </p>
        <p
          class="">
          1
        </p>
        <p
          class="current">
          2
        </p>
        <p
          class="">
          3
        </p>
        <p
          class="">
          4
        </p>
        <p
          class="">
          5
        </p>
        <p
          class="">
          6
        </p>
        <p
          class="">
          7
        </p>
        <p
          class="">
          8
        </p>
        <p
          class="">
          9
        </p>
        <p
          class="">
          0
        </p>
        <p
          class="">
          1
        </p>
        <p
          class="">
          2
        </p>
        <p
          class="">
          3
        </p>
        <p
          class="">
          4
        </p>
        <p
          class="">
          5
        </p>
        <p
          class="">
          6
        </p>
        <p
          class="">
          7
        </p>
        <p
          class="">
          8
        </p>
        <p
          class="">
          9
        </p>
      </span>
      <span
        class="ant-scroll-number-only"
        style="transition:none;-webkit-transform:translateY(-270px);transform:translateY(-270px);height:18px;">
        <p
          class="">
          0
        </p>
        <p
          class="">
          1
        </p>
        <p
          class="">
          2
        </p>
        <p
          class="">
          3
        </p>
        <p
          class="">
          4
        </p>
        <p
          class="">
          5
        </p>
        <p
          class="">
          6
        </p>
        <p
          class="">
          7
        </p>
        <p
          class="">
          8
        </p>
        <p
          class="">
          9
        </p>
        <p
          class="">
          0
        </p>
        <p
          class="">
          1
        </p>
        <p
          class="">
          2
        </p>
        <p
          class="">
          3
        </p>
        <p
          class="">
          4
        </p>
        <p
          class="current">
          5
        </p>
        <p
          class="">
          6
        </p>
        <p
          class="">
          7
        </p>
        <p
          class="">
          8
        </p>
        <p
          class="">
          9
        </p>
        <p
          class="">
          0
        </p>
        <p
          class="">
          1
        </p>
        <p
          class="">
          2
        </p>
        <p
          class="">
          3
        </p>
        <p
          class="">
          4
        </p>
        <p
          class="">
          5
        </p>
        <p
          class="">
          6
        </p>
        <p
          class="">
          7
        </p>
        <p
          class="">
          8
        </p>
        <p
          class="">
          9
        </p>
      </span>
    </sup>
  </span>
  <span
    class="ant-badge ant-badge-not-a-wrapper"
    title="4">
    <sup
      class="ant-scroll-number ant-badge-count"
      data-show="true"
      height="18"
      style="background-color:#fff;color:#999;border-color:#d9d9d9;">
      <span
        class="ant-scroll-number-only"
        style="transition:none;-webkit-transform:translateY(-252px);transform:translateY(-252px);height:18px;">
        <p
          class="">
          0
        </p>
        <p
          class="">
          1
        </p>
        <p
          class="">
          2
        </p>
        <p
          class="">
          3
        </p>
        <p
          class="">
          4
        </p>
        <p
          class="">
          5
        </p>
        <p
          class="">
          6
        </p>
        <p
          class="">
          7
        </p>
        <p
          class="">
          8
        </p>
        <p
          class="">
          9
        </p>
        <p
          class="">
          0
        </p>
        <p
          class="">
          1
        </p>
        <p
          class="">
          2
        </p>
        <p
          class="">
          3
        </p>
        <p
          class="current">
          4
        </p>
        <p
          class="">
          5
        </p>
        <p
          class="">
          6
        </p>
        <p
          class="">
          7
        </p>
        <p
          class="">
          8
        </p>
        <p
          class="">
          9
        </p>
        <p
          class="">
          0
        </p>
        <p
          class="">
          1
        </p>
        <p
          class="">
          2
        </p>
        <p
          class="">
          3
        </p>
        <p
          class="">
          4
        </p>
        <p
          class="">
          5
        </p>
        <p
          class="">
          6
        </p>
        <p
          class="">
          7
        </p>
        <p
          class="">
          8
        </p>
        <p
          class="">
          9
        </p>
      </span>
    </sup>
  </span>
  <span
    class="ant-badge ant-badge-not-a-wrapper"
    title="109">
    <sup
      class="ant-scroll-number ant-badge-count"
      data-show="true"
      height="18"
      style="background-color:#87d068;">
      99+
    </sup>
  </span>
</div>
`;

exports[`test renders ./components/badge/demo/overflow.md correctly 1`] = `
<div>
  <span
    class="ant-badge"
    title="99">
    <a
      class="head-example"
      href="#" />
    <sup
      class="ant-scroll-number ant-badge-count"
      data-show="true"
      height="18">
      10+
    </sup>
  </span>
  <span
    class="ant-badge"
    title="1000">
    <a
      class="head-example"
      href="#" />
    <sup
      class="ant-scroll-number ant-badge-count"
      data-show="true"
      height="18">
      999+
    </sup>
  </span>
</div>
`;

exports[`test renders ./components/badge/demo/status.md correctly 1`] = `
<div>
  <span
    class="ant-badge ant-badge-status ant-badge-not-a-wrapper">
    <span
      class="ant-badge-status-dot ant-badge-status-success" />
    <span
      class="ant-badge-status-text" />
  </span>
  <span
    class="ant-badge ant-badge-status ant-badge-not-a-wrapper">
    <span
      class="ant-badge-status-dot ant-badge-status-error" />
    <span
      class="ant-badge-status-text" />
  </span>
  <span
    class="ant-badge ant-badge-status ant-badge-not-a-wrapper">
    <span
      class="ant-badge-status-dot ant-badge-status-default" />
    <span
      class="ant-badge-status-text" />
  </span>
  <span
    class="ant-badge ant-badge-status ant-badge-not-a-wrapper">
    <span
      class="ant-badge-status-dot ant-badge-status-processing" />
    <span
      class="ant-badge-status-text" />
  </span>
  <span
    class="ant-badge ant-badge-status ant-badge-not-a-wrapper">
    <span
      class="ant-badge-status-dot ant-badge-status-warning" />
    <span
      class="ant-badge-status-text" />
  </span>
  <br />
  <span
    class="ant-badge ant-badge-status ant-badge-not-a-wrapper">
    <span
      class="ant-badge-status-dot ant-badge-status-success" />
    <span
      class="ant-badge-status-text">
      Success
    </span>
  </span>
  <br />
  <span
    class="ant-badge ant-badge-status ant-badge-not-a-wrapper">
    <span
      class="ant-badge-status-dot ant-badge-status-error" />
    <span
      class="ant-badge-status-text">
      Error
    </span>
  </span>
  <br />
  <span
    class="ant-badge ant-badge-status ant-badge-not-a-wrapper">
    <span
      class="ant-badge-status-dot ant-badge-status-default" />
    <span
      class="ant-badge-status-text">
      Default
    </span>
  </span>
  <br />
  <span
    class="ant-badge ant-badge-status ant-badge-not-a-wrapper">
    <span
      class="ant-badge-status-dot ant-badge-status-processing" />
    <span
      class="ant-badge-status-text">
      Processing
    </span>
  </span>
  <br />
  <span
    class="ant-badge ant-badge-status ant-badge-not-a-wrapper">
    <span
      class="ant-badge-status-dot ant-badge-status-warning" />
    <span
      class="ant-badge-status-text">
      Warning
    </span>
  </span>
</div>
`;