You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
ant-design-vue/components/pagination/__tests__/__snapshots__/demo.test.js.snap

226 lines
16 KiB

This file contains ambiguous Unicode characters!

This file contains ambiguous Unicode characters that may be confused with others in your current locale. If your use case is intentional and legitimate, you can safely ignore this warning. Use the Escape button to highlight these characters.

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