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

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

exports[`renders ./components/pagination/demo/basic.md correctly 1`] = `
<ul unselectable="unselectable" class="ant-pagination">
  <li title="Previous Page" tabindex="0" class=" ant-pagination-prev">
    <a class="ant-pagination-item-link"></a>
  </li>
  <li title="1" tabindex="0" class="ant-pagination-item ant-pagination-item-1">
    <a>1</a>
  </li>
  <li title="2" tabindex="0" class="ant-pagination-item ant-pagination-item-2 ant-pagination-item-active">
    <a>2</a>
  </li>
  <li title="3" tabindex="0" class="ant-pagination-item ant-pagination-item-3">
    <a>3</a>
  </li>
  <li title="4" tabindex="0" class="ant-pagination-item ant-pagination-item-4">
    <a>4</a>
  </li>
  <li title="5" tabindex="0" class="ant-pagination-item ant-pagination-item-5">
    <a>5</a>
  </li>
  <li title="Next Page" tabindex="0" class=" ant-pagination-next">
    <a class="ant-pagination-item-link"></a>
  </li>
  <!---->
</ul>
`;

exports[`renders ./components/pagination/demo/changer.md correctly 1`] = `
<div>
  <ul unselectable="unselectable" class="ant-pagination">
    <li title="Previous Page" tabindex="0" class=" ant-pagination-prev">
      <a class="ant-pagination-item-link"></a>
    </li>
    <li title="1" tabindex="0" class="ant-pagination-item ant-pagination-item-1">
      <a>1</a>
    </li>
    <li title="2" tabindex="0" class="ant-pagination-item ant-pagination-item-2">
      <a>2</a>
    </li>
    <li title="3" tabindex="0" class="ant-pagination-item ant-pagination-item-3 ant-pagination-item-active">
      <a>3</a>
    </li>
    <li title="4" tabindex="0" class="ant-pagination-item ant-pagination-item-4">
      <a>4</a>
    </li>
    <li title="5" tabindex="0" class="ant-pagination-item ant-pagination-item-5 ant-pagination-item-before-jump-next">
      <a>5</a>
    </li>
    <li title="Next 5 Pages" tabindex="0" class="ant-pagination-jump-next">
      <a class="ant-pagination-item-link"></a>
    </li>
    <li title="50" tabindex="0" class="ant-pagination-item ant-pagination-item-50">
      <a>50</a>
    </li>
    <li title="Next Page" tabindex="0" class=" ant-pagination-next">
      <a class="ant-pagination-item-link"></a>
    </li>
    <li class="ant-pagination-options">
      <div class="ant-select ant-select-enabled ant-pagination-options-size-changer">
        <div role="combobox" aria-autocomplete="list" aria-haspopup="true" tabindex="0" class="ant-select-selection ant-select-selection--single">
          <div class="ant-select-selection__rendered">
            <div title="10 / page" class="ant-select-selection-selected-value" style="display: block; opacity: 1;">10 / page</div>
          </div><span unselectable="unselectable" class="ant-select-arrow"><b></b></span></div>
      </div>
    </li>
  </ul>
  <br>
  <ul unselectable="unselectable" class="ant-pagination">
    <li title="Previous Page" tabindex="0" class=" ant-pagination-prev">
      <a class="ant-pagination-item-link"></a>
    </li>
    <li title="1" tabindex="0" class="ant-pagination-item ant-pagination-item-1">
      <a>1</a>
    </li>
    <li title="2" tabindex="0" class="ant-pagination-item ant-pagination-item-2">
      <a>2</a>
    </li>
    <li title="3" tabindex="0" class="ant-pagination-item ant-pagination-item-3">
      <a>3</a>
    </li>
    <li title="4" tabindex="0" class="ant-pagination-item ant-pagination-item-4 ant-pagination-item-active">
      <a>4</a>
    </li>
    <li title="5" tabindex="0" class="ant-pagination-item ant-pagination-item-5">
      <a>5</a>
    </li>
    <li title="6" tabindex="0" class="ant-pagination-item ant-pagination-item-6 ant-pagination-item-before-jump-next">
      <a>6</a>
    </li>
    <li title="Next 5 Pages" tabindex="0" class="ant-pagination-jump-next">
      <a class="ant-pagination-item-link"></a>
    </li>
    <li title="25" tabindex="0" class="ant-pagination-item ant-pagination-item-25">
      <a>25</a>
    </li>
    <li title="Next Page" tabindex="0" class=" ant-pagination-next">
      <a class="ant-pagination-item-link"></a>
    </li>
    <li class="ant-pagination-options">
      <div class="ant-select ant-select-enabled ant-pagination-options-size-changer">
        <div role="combobox" aria-autocomplete="list" aria-haspopup="true" tabindex="0" class="ant-select-selection ant-select-selection--single">
          <div class="ant-select-selection__rendered">
            <div title="20 / page" class="ant-select-selection-selected-value" style="display: block; opacity: 1;">20 / page</div>
          </div><span unselectable="unselectable" class="ant-select-arrow"><b></b></span></div>
      </div>
    </li>
  </ul>
</div>
`;

exports[`renders ./components/pagination/demo/controlled.md correctly 1`] = `
<ul unselectable="unselectable" class="ant-pagination">
  <li title="Previous Page" tabindex="0" class=" ant-pagination-prev">
    <a class="ant-pagination-item-link"></a>
  </li>
  <li title="1" tabindex="0" class="ant-pagination-item ant-pagination-item-1">
    <a>1</a>
  </li>
  <li title="2" tabindex="0" class="ant-pagination-item ant-pagination-item-2">
    <a>2</a>
  </li>
  <li title="3" tabindex="0" class="ant-pagination-item ant-pagination-item-3 ant-pagination-item-active">
    <a>3</a>
  </li>
  <li title="4" tabindex="0" class="ant-pagination-item ant-pagination-item-4">
    <a>4</a>
  </li>
  <li title="5" tabindex="0" class="ant-pagination-item ant-pagination-item-5">
    <a>5</a>
  </li>
  <li title="Next Page" tabindex="0" class=" ant-pagination-next">
    <a class="ant-pagination-item-link"></a>
  </li>
  <!---->
</ul>
`;

exports[`renders ./components/pagination/demo/custom-changer.md correctly 1`] = `
<ul unselectable="unselectable" class="ant-pagination">
  <li title="Previous Page" aria-disabled="true" class="ant-pagination-disabled ant-pagination-prev">
    <a class="ant-pagination-item-link"></a>
  </li>
  <li title="1" tabindex="0" class="ant-pagination-item ant-pagination-item-1 ant-pagination-item-active">
    <a>1</a>
  </li>
  <li title="2" tabindex="0" class="ant-pagination-item ant-pagination-item-2">
    <a>2</a>
  </li>
  <li title="3" tabindex="0" class="ant-pagination-item ant-pagination-item-3">
    <a>3</a>
  </li>
  <li title="4" tabindex="0" class="ant-pagination-item ant-pagination-item-4">
    <a>4</a>
  </li>
  <li title="5" tabindex="0" class="ant-pagination-item ant-pagination-item-5">
    <a>5</a>
  </li>
  <li title="Next Page" tabindex="0" class=" ant-pagination-next">
    <a class="ant-pagination-item-link"></a>
  </li>
  <li class="ant-pagination-options">
    <div class="ant-select ant-select-enabled ant-pagination-options-size-changer">
      <div role="combobox" aria-autocomplete="list" aria-haspopup="true" tabindex="0" class="ant-select-selection ant-select-selection--single">
        <div class="ant-select-selection__rendered">
          <div class="ant-select-selection-selected-value" style="display: block; opacity: 1;"><span>10条/页</span>
            <!---->
          </div>
        </div><span unselectable="unselectable" class="ant-select-arrow"><b></b></span></div>
    </div>
  </li>
</ul>
`;

exports[`renders ./components/pagination/demo/itemRender.md correctly 1`] = `
<ul unselectable="unselectable" class="ant-pagination">
  <li title="Previous Page" aria-disabled="true" class="ant-pagination-disabled ant-pagination-prev">
    <a>Previous</a>
  </li>
  <li title="1" tabindex="0" class="ant-pagination-item ant-pagination-item-1 ant-pagination-item-active">
    <a>1</a>
  </li>
  <li title="2" tabindex="0" class="ant-pagination-item ant-pagination-item-2">
    <a>2</a>
  </li>
  <li title="3" tabindex="0" class="ant-pagination-item ant-pagination-item-3">
    <a>3</a>
  </li>
  <li title="4" tabindex="0" class="ant-pagination-item ant-pagination-item-4">
    <a>4</a>
  </li>
  <li title="5" tabindex="0" class="ant-pagination-item ant-pagination-item-5 ant-pagination-item-before-jump-next">
    <a>5</a>
  </li>
  <li title="Next 5 Pages" tabindex="0" class="ant-pagination-jump-next">
    <a class="ant-pagination-item-link"></a>
  </li>
  <li title="50" tabindex="0" class="ant-pagination-item ant-pagination-item-50">
    <a>50</a>
  </li>
  <li title="Next Page" tabindex="0" class=" ant-pagination-next">
    <a>Next</a>
  </li>
  <!---->
</ul>
`;

exports[`renders ./components/pagination/demo/jump.md correctly 1`] = `
<ul unselectable="unselectable" class="ant-pagination">
  <li title="Previous Page" tabindex="0" class=" ant-pagination-prev">
    <a class="ant-pagination-item-link"></a>
  </li>
  <li title="1" tabindex="0" class="ant-pagination-item ant-pagination-item-1">
    <a>1</a>
  </li>
  <li title="2" tabindex="0" class="ant-pagination-item ant-pagination-item-2 ant-pagination-item-active">
    <a>2</a>
  </li>
  <li title="3" tabindex="0" class="ant-pagination-item ant-pagination-item-3">
    <a>3</a>
  </li>
  <li title="4" tabindex="0" class="ant-pagination-item ant-pagination-item-4">
    <a>4</a>
  </li>
  <li title="5" tabindex="0" class="ant-pagination-item ant-pagination-item-5 ant-pagination-item-before-jump-next">
    <a>5</a>
  </li>
  <li title="Next 5 Pages" tabindex="0" class="ant-pagination-jump-next">
    <a class="ant-pagination-item-link"></a>
  </li>
  <li title="50" tabindex="0" class="ant-pagination-item ant-pagination-item-50">
    <a>50</a>
  </li>
  <li title="Next Page" tabindex="0" class=" ant-pagination-next">
    <a class="ant-pagination-item-link"></a>
  </li>
  <li class="ant-pagination-options">
    <div class="ant-pagination-options-quick-jumper">Goto
      <input type="text">
    </div>
  </li>
</ul>
`;

exports[`renders ./components/pagination/demo/mini.md correctly 1`] = `
<div id="components-pagination-demo-mini">
  <ul unselectable="unselectable" class="ant-pagination mini">
    <li title="Previous Page" aria-disabled="true" class="ant-pagination-disabled ant-pagination-prev">
      <a class="ant-pagination-item-link"></a>
    </li>
    <li title="1" tabindex="0" class="ant-pagination-item ant-pagination-item-1 ant-pagination-item-active">
      <a>1</a>
    </li>
    <li title="2" tabindex="0" class="ant-pagination-item ant-pagination-item-2">
      <a>2</a>
    </li>
    <li title="3" tabindex="0" class="ant-pagination-item ant-pagination-item-3">
      <a>3</a>
    </li>
    <li title="4" tabindex="0" class="ant-pagination-item ant-pagination-item-4">
      <a>4</a>
    </li>
    <li title="5" tabindex="0" class="ant-pagination-item ant-pagination-item-5">
      <a>5</a>
    </li>
    <li title="Next Page" tabindex="0" class=" ant-pagination-next">
      <a class="ant-pagination-item-link"></a>
    </li>
    <!---->
  </ul>
  <ul unselectable="unselectable" class="ant-pagination mini">
    <li title="Previous Page" aria-disabled="true" class="ant-pagination-disabled ant-pagination-prev">
      <a class="ant-pagination-item-link"></a>
    </li>
    <li title="1" tabindex="0" class="ant-pagination-item ant-pagination-item-1 ant-pagination-item-active">
      <a>1</a>
    </li>
    <li title="2" tabindex="0" class="ant-pagination-item ant-pagination-item-2">
      <a>2</a>
    </li>
    <li title="3" tabindex="0" class="ant-pagination-item ant-pagination-item-3">
      <a>3</a>
    </li>
    <li title="4" tabindex="0" class="ant-pagination-item ant-pagination-item-4">
      <a>4</a>
    </li>
    <li title="5" tabindex="0" class="ant-pagination-item ant-pagination-item-5">
      <a>5</a>
    </li>
    <li title="Next Page" tabindex="0" class=" ant-pagination-next">
      <a class="ant-pagination-item-link"></a>
    </li>
    <li class="ant-pagination-options">
      <div class="ant-select ant-select-enabled ant-select-sm ant-pagination-options-size-changer">
        <div role="combobox" aria-autocomplete="list" aria-haspopup="true" tabindex="0" class="ant-select-selection ant-select-selection--single">
          <div class="ant-select-selection__rendered">
            <div title="10 / page" class="ant-select-selection-selected-value" style="display: block; opacity: 1;">10 / page</div>
          </div><span unselectable="unselectable" class="ant-select-arrow"><b></b></span></div>
      </div>
      <div class="ant-pagination-options-quick-jumper">Goto
        <input type="text">
      </div>
    </li>
  </ul>
  <ul unselectable="unselectable" class="ant-pagination mini">
    <li class="ant-pagination-total-text">Total 50 items</li>
    <li title="Previous Page" aria-disabled="true" class="ant-pagination-disabled ant-pagination-prev">
      <a class="ant-pagination-item-link"></a>
    </li>
    <li title="1" tabindex="0" class="ant-pagination-item ant-pagination-item-1 ant-pagination-item-active">
      <a>1</a>
    </li>
    <li title="2" tabindex="0" class="ant-pagination-item ant-pagination-item-2">
      <a>2</a>
    </li>
    <li title="3" tabindex="0" class="ant-pagination-item ant-pagination-item-3">
      <a>3</a>
    </li>
    <li title="4" tabindex="0" class="ant-pagination-item ant-pagination-item-4">
      <a>4</a>
    </li>
    <li title="5" tabindex="0" class="ant-pagination-item ant-pagination-item-5">
      <a>5</a>
    </li>
    <li title="Next Page" tabindex="0" class=" ant-pagination-next">
      <a class="ant-pagination-item-link"></a>
    </li>
    <!---->
  </ul>
</div>
`;

exports[`renders ./components/pagination/demo/more.md correctly 1`] = `
<ul unselectable="unselectable" class="ant-pagination">
  <li title="Previous Page" tabindex="0" class=" ant-pagination-prev">
    <a class="ant-pagination-item-link"></a>
  </li>
  <li title="1" tabindex="0" class="ant-pagination-item ant-pagination-item-1">
    <a>1</a>
  </li>
  <li title="Previous 5 Pages" tabindex="0" class="ant-pagination-jump-prev">
    <a class="ant-pagination-item-link"></a>
  </li>
  <li title="4" tabindex="0" class="ant-pagination-item ant-pagination-item-4 ant-pagination-item-after-jump-prev">
    <a>4</a>
  </li>
  <li title="5" tabindex="0" class="ant-pagination-item ant-pagination-item-5">
    <a>5</a>
  </li>
  <li title="6" tabindex="0" class="ant-pagination-item ant-pagination-item-6 ant-pagination-item-active">
    <a>6</a>
  </li>
  <li title="7" tabindex="0" class="ant-pagination-item ant-pagination-item-7">
    <a>7</a>
  </li>
  <li title="8" tabindex="0" class="ant-pagination-item ant-pagination-item-8 ant-pagination-item-before-jump-next">
    <a>8</a>
  </li>
  <li title="Next 5 Pages" tabindex="0" class="ant-pagination-jump-next">
    <a class="ant-pagination-item-link"></a>
  </li>
  <li title="50" tabindex="0" class="ant-pagination-item ant-pagination-item-50">
    <a>50</a>
  </li>
  <li title="Next Page" tabindex="0" class=" ant-pagination-next">
    <a class="ant-pagination-item-link"></a>
  </li>
  <!---->
</ul>
`;

exports[`renders ./components/pagination/demo/simple.md correctly 1`] = `
<ul class="ant-pagination ant-pagination-simple">
  <li title="Previous Page" tabindex="0" class=" ant-pagination-prev">
    <a class="ant-pagination-item-link"></a>
  </li>
  <li title="2/5" class="ant-pagination-simple-pager">
    <input type="text" size="3"><span class="ant-pagination-slash">／</span>5</li>
  <li title="Next Page" tabindex="0" class=" ant-pagination-next">
    <a class="ant-pagination-item-link"></a>
  </li>
</ul>
`;

exports[`renders ./components/pagination/demo/total.md correctly 1`] = `
<div>
  <ul unselectable="unselectable" class="ant-pagination">
    <li class="ant-pagination-total-text">Total 85 items</li>
    <li title="Previous Page" aria-disabled="true" class="ant-pagination-disabled ant-pagination-prev">
      <a class="ant-pagination-item-link"></a>
    </li>
    <li title="1" tabindex="0" class="ant-pagination-item ant-pagination-item-1 ant-pagination-item-active">
      <a>1</a>
    </li>
    <li title="2" tabindex="0" class="ant-pagination-item ant-pagination-item-2">
      <a>2</a>
    </li>
    <li title="3" tabindex="0" class="ant-pagination-item ant-pagination-item-3">
      <a>3</a>
    </li>
    <li title="4" tabindex="0" class="ant-pagination-item ant-pagination-item-4">
      <a>4</a>
    </li>
    <li title="5" tabindex="0" class="ant-pagination-item ant-pagination-item-5">
      <a>5</a>
    </li>
    <li title="Next Page" tabindex="0" class=" ant-pagination-next">
      <a class="ant-pagination-item-link"></a>
    </li>
    <!---->
  </ul>
  <br>
  <ul unselectable="unselectable" class="ant-pagination">
    <li class="ant-pagination-total-text">1-20 of 85 items</li>
    <li title="Previous Page" aria-disabled="true" class="ant-pagination-disabled ant-pagination-prev">
      <a class="ant-pagination-item-link"></a>
    </li>
    <li title="1" tabindex="0" class="ant-pagination-item ant-pagination-item-1 ant-pagination-item-active">
      <a>1</a>
    </li>
    <li title="2" tabindex="0" class="ant-pagination-item ant-pagination-item-2">
      <a>2</a>
    </li>
    <li title="3" tabindex="0" class="ant-pagination-item ant-pagination-item-3">
      <a>3</a>
    </li>
    <li title="4" tabindex="0" class="ant-pagination-item ant-pagination-item-4">
      <a>4</a>
    </li>
    <li title="5" tabindex="0" class="ant-pagination-item ant-pagination-item-5">
      <a>5</a>
    </li>
    <li title="Next Page" tabindex="0" class=" ant-pagination-next">
      <a class="ant-pagination-item-link"></a>
    </li>
    <!---->
  </ul>
</div>
`;