diff --git a/__tests__/components/Pagination.test.jsx b/__tests__/components/Pagination.test.jsx index fc51215651..5cf73e12b8 100644 --- a/__tests__/components/Pagination.test.jsx +++ b/__tests__/components/Pagination.test.jsx @@ -137,20 +137,6 @@ describe('', () => { ); let itemCount = pagination.find('.awx-pagination__item-count'); expect(itemCount.text()).toEqual('Items 1 – 5 of 7'); - pagination = mount( - - - - ); - itemCount = pagination.find('.awx-pagination__item-count'); - expect(itemCount.text()).toEqual('Items 1 – 7 of 7'); pagination = mount( @@ -340,4 +326,24 @@ describe('', () => { paginationElem.update(); expect(paginationElem.state().value).toBe(2); }); + + test('when showPageSizeOptions is passed as false there should not be a dropdown in the DOM', () => { + const pageSizeDropdownSelector = '.awx-pagination__page-size-selection'; + const onSetPage = jest.fn(); + + pagination = mount( + + + + ); + const pageSizeDropdown = pagination.find(pageSizeDropdownSelector); + expect(pageSizeDropdown.length).toBe(0); + }); }); diff --git a/src/components/Lookup/Lookup.jsx b/src/components/Lookup/Lookup.jsx index 54be10b2d9..35cff54921 100644 --- a/src/components/Lookup/Lookup.jsx +++ b/src/components/Lookup/Lookup.jsx @@ -225,6 +225,7 @@ class Lookup extends React.Component { page_size={page_size} onSetPage={this.onSetPage} pageSizeOptions={null} + showPageSizeOptions={false} style={paginationStyling} /> diff --git a/src/components/Pagination/Pagination.jsx b/src/components/Pagination/Pagination.jsx index 2e972cecca..d27058dbe5 100644 --- a/src/components/Pagination/Pagination.jsx +++ b/src/components/Pagination/Pagination.jsx @@ -105,6 +105,7 @@ class Pagination extends Component { pageCount, page_size, pageSizeOptions, + showPageSizeOptions, style } = this.props; const { value, isOpen } = this.state; @@ -128,7 +129,7 @@ class Pagination extends Component { {({ i18n }) => ( - {opts && ( + {showPageSizeOptions && ( Items Per Page