Merge pull request #129 from AlexSCorey/paginationTest

add pagination test
This commit is contained in:
Alex Corey
2019-03-13 16:21:01 -04:00
committed by GitHub
3 changed files with 139 additions and 12 deletions

View File

@@ -225,6 +225,7 @@ class Lookup extends React.Component {
page_size={page_size}
onSetPage={this.onSetPage}
pageSizeOptions={null}
showPageSizeOptions={false}
style={paginationStyling}
/>
</Fragment>

View File

@@ -89,9 +89,8 @@ class Pagination extends Component {
onSelectPageSize ({ target }) {
const { onSetPage } = this.props;
const page = 1;
const page_size = parseInt(target.innerText, 10);
const page_size = parseInt(target.innerText || target.textContent, 10);
this.setState({ isOpen: false });
@@ -106,6 +105,7 @@ class Pagination extends Component {
pageCount,
page_size,
pageSizeOptions,
showPageSizeOptions,
style
} = this.props;
const { value, isOpen } = this.state;
@@ -129,7 +129,7 @@ class Pagination extends Component {
<I18n>
{({ i18n }) => (
<div className="awx-pagination" style={style}>
{opts && (
{showPageSizeOptions && (
<div className="awx-pagination__page-size-selection">
<Trans>Items Per Page</Trans>
<Dropdown
@@ -237,12 +237,14 @@ Pagination.propTypes = {
pageCount: PropTypes.number,
pageSizeOptions: PropTypes.arrayOf(PropTypes.number),
page_size: PropTypes.number.isRequired,
showPageSizeOptions: PropTypes.bool
};
Pagination.defaultProps = {
count: null,
pageCount: null,
pageSizeOptions: [5, 10, 25, 50],
showPageSizeOptions: true
};
export default Pagination;