github
/
ant-design-vue
mirror of https://github.com/vueComponent/ant-design-vue
1
0
Fork 0
Code Issues Projects Releases Wiki Activity
ant-design-vue/components/pagination/__tests__/__snapshots__/demo.test.js.snap

441 lines
17 KiB
Plaintext
Raw Blame History

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-select ant-select-enabled ant-pagination-options-size-changer">
<div role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-expanded="false" 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-select ant-select-enabled ant-pagination-options-size-changer">
<div role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-expanded="false" 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-select ant-select-enabled ant-pagination-options-size-changer">
<div role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-expanded="false" tabindex="0" class="ant-select-selection ant-select-selection--single">
<div class="ant-select-selection__rendered">
<div title="" 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-sm ant-select ant-select-enabled ant-select-sm ant-select ant-select-enabled ant-select-sm ant-pagination-options-size-changer">
<div role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-expanded="false" 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>
`;
Reference in New Issue View Git Blame Copy Permalink