diff --git a/packages/terra-paginator/CHANGELOG.md b/packages/terra-paginator/CHANGELOG.md index bd416d7c143..24a1cfb14e2 100644 --- a/packages/terra-paginator/CHANGELOG.md +++ b/packages/terra-paginator/CHANGELOG.md @@ -1,6 +1,12 @@ # Changelog ## Unreleased +* Changed + * Changed progressive paginator to support unknown total page count. + * Replaced `Terra.it()` with `Terra.validates.element()`. + +* Fixed + * Fixed paginator not considering `totalCount` when `itemCountPerPage` was not provided. ## 2.66.0 - (November 17, 2020) diff --git a/packages/terra-paginator/package.json b/packages/terra-paginator/package.json index 6fafc347ae3..a6de2421374 100644 --- a/packages/terra-paginator/package.json +++ b/packages/terra-paginator/package.json @@ -32,7 +32,6 @@ "prop-types": "^15.5.8", "terra-button": "^3.50.0", "terra-dialog": "^2.53.0", - "terra-form-input": "^4.8.0", "terra-icon": "^3.38.0", "terra-mixins": "^1.38.0", "terra-responsive-element": "^5.26.0", diff --git a/packages/terra-paginator/src/ControlledPaginator.jsx b/packages/terra-paginator/src/ControlledPaginator.jsx index d4b8562b501..c86fbbb05c0 100644 --- a/packages/terra-paginator/src/ControlledPaginator.jsx +++ b/packages/terra-paginator/src/ControlledPaginator.jsx @@ -26,12 +26,12 @@ const propTypes = { * Total number of all items being paginated. * Required when using itemCountPerPage and selectedPage. */ - totalCount: PropTypes.number.isRequired, + totalCount: PropTypes.number, /** * Total number of items per page. * Required when using selectedPage and totalCount. */ - itemCountPerPage: PropTypes.number.isRequired, + itemCountPerPage: PropTypes.number, /** * @private * The intl object to be injected for translations. @@ -44,7 +44,6 @@ class Paginator extends React.Component { super(props); this.handlePageChange = this.handlePageChange.bind(this); - this.hasNavContext = this.hasNavContext.bind(this); this.buildPageButtons = this.buildPageButtons.bind(this); this.reducedPaginator = this.reducedPaginator.bind(this); this.setPaginator = this.setPaginator.bind(this); @@ -114,21 +113,22 @@ class Paginator extends React.Component { return pageButtons; } - hasNavContext() { - return this.props.totalCount && this.props.itemCountPerPage; - } - defaultPaginator() { const theme = this.context; - const totalPages = calculatePages(this.props.totalCount, this.props.itemCountPerPage); - const { selectedPage, intl } = this.props; + const { + selectedPage, + intl, + totalCount, + itemCountPerPage, + } = this.props; + const totalPages = calculatePages(totalCount, itemCountPerPage); const previousPageIndex = selectedPage === 1 ? 1 : selectedPage - 1; const nextPageIndex = selectedPage === totalPages ? totalPages : selectedPage + 1; const fullView = ( -
+
{ - this.hasNavContext() && ( + totalCount && ( {intl.formatMessage({ id: 'Terra.paginator.previous' })} - {this.hasNavContext() && this.buildPageButtons(totalPages, this.handlePageChange)} + {totalCount && this.buildPageButtons(totalPages, this.handlePageChange)} { - this.hasNavContext() && ( + totalCount && ( +
{ - this.hasNavContext() && ( + totalCount && ( {intl.formatMessage({ id: 'Terra.paginator.previous' })} - {this.hasNavContext() && intl.formatMessage({ id: 'Terra.paginator.pageIndex' }, { pageNumber: selectedPage })} + {totalCount && intl.formatMessage({ id: 'Terra.paginator.pageIndex' }, { pageNumber: selectedPage })} { - this.hasNavContext() && ( + totalCount && (
- {intl.formatMessage({ id: 'Terra.paginator.pageCount' }, { pageNumber: selectedPage, pageNumberTotal: totalPages })} + {(totalCount) ? intl.formatMessage({ id: 'Terra.paginator.pageCount' }, { pageNumber: selectedPage, pageNumberTotal: totalPages }) + : intl.formatMessage({ id: 'Terra.paginator.pageIndex' }, { pageNumber: selectedPage })}
- - {intl.formatMessage({ id: 'Terra.paginator.first' })} - + { + totalCount && ( + + {intl.formatMessage({ id: 'Terra.paginator.first' })} + + ) + } - - {intl.formatMessage({ id: 'Terra.paginator.last' })} - + { + (totalCount) && ( + + {intl.formatMessage({ id: 'Terra.paginator.last' })} + + ) + }
); @@ -128,24 +142,33 @@ class ProgressivePaginator extends React.Component { reducedProgressivePaginator() { const theme = this.context; - const totalPages = calculatePages(this.props.totalCount, this.props.itemCountPerPage); - const { selectedPage, intl } = this.props; + const { + selectedPage, + intl, + totalCount, + itemCountPerPage, + } = this.props; + const totalPages = (totalCount) ? calculatePages(totalCount, itemCountPerPage) : 0; const previousPageIndex = selectedPage === 1 ? 1 : selectedPage - 1; const nextPageIndex = selectedPage === totalPages ? totalPages : selectedPage + 1; return (
- - {intl.formatMessage({ id: 'Terra.paginator.first' })} - + { + (totalCount) && ( + + {intl.formatMessage({ id: 'Terra.paginator.first' })} + + ) + }
- {intl.formatMessage({ id: 'Terra.paginator.pageCount' }, { pageNumber: selectedPage, pageNumberTotal: totalPages })} + {(totalCount) ? intl.formatMessage({ id: 'Terra.paginator.pageCount' }, { pageNumber: selectedPage, pageNumberTotal: totalPages }) + : intl.formatMessage({ id: 'Terra.paginator.pageIndex' }, { pageNumber: selectedPage })}
- - {intl.formatMessage({ id: 'Terra.paginator.last' })} - + { + (totalCount) && ( + + {intl.formatMessage({ id: 'Terra.paginator.last' })} + + ) + }
); @@ -199,7 +227,7 @@ class ProgressivePaginator extends React.Component { } } -ProgressivePaginator.propTypes = propTypes; -ProgressivePaginator.contextType = ThemeContext; +ControlledProgressivePaginator.propTypes = propTypes; +ControlledProgressivePaginator.contextType = ThemeContext; -export default injectIntl(ProgressivePaginator); +export default injectIntl(ControlledProgressivePaginator); diff --git a/packages/terra-paginator/src/Paginator.jsx b/packages/terra-paginator/src/Paginator.jsx index 658e9ce7231..030f671bf38 100644 --- a/packages/terra-paginator/src/Paginator.jsx +++ b/packages/terra-paginator/src/Paginator.jsx @@ -52,7 +52,6 @@ class Paginator extends React.Component { }; this.handlePageChange = this.handlePageChange.bind(this); - this.hasNavContext = this.hasNavContext.bind(this); this.buildPageButtons = this.buildPageButtons.bind(this); this.reducedPaginator = this.reducedPaginator.bind(this); this.setPaginator = this.setPaginator.bind(this); @@ -120,22 +119,22 @@ class Paginator extends React.Component { return pageButtons; } - hasNavContext() { - return this.props.totalCount && this.props.itemCountPerPage; - } - defaultPaginator() { const theme = this.context; - const { intl } = this.props; - const totalPages = calculatePages(this.props.totalCount, this.props.itemCountPerPage); + const { + intl, + totalCount, + itemCountPerPage, + } = this.props; + const totalPages = (totalCount) ? calculatePages(totalCount, itemCountPerPage) : 0; const { selectedPage } = this.state; const previousPageIndex = selectedPage === 1 ? 1 : selectedPage - 1; const nextPageIndex = selectedPage === totalPages ? totalPages : selectedPage + 1; const fullView = ( -
+
{ - this.hasNavContext() && ( + totalCount && ( {intl.formatMessage({ id: 'Terra.paginator.previous' })} - {this.hasNavContext() && this.buildPageButtons(totalPages, this.handlePageChange)} + {totalCount && this.buildPageButtons(totalPages, this.handlePageChange)} { - this.hasNavContext() && ( + totalCount && ( +
{ - this.hasNavContext() && ( + totalCount && ( - {this.hasNavContext() && intl.formatMessage({ id: 'Terra.paginator.pageIndex' }, { pageNumber: selectedPage })} + {totalCount && intl.formatMessage({ id: 'Terra.paginator.pageIndex' }, { pageNumber: selectedPage })} { - this.hasNavContext() && ( + totalCount && (
- {intl.formatMessage({ id: 'Terra.paginator.pageCount' }, { pageNumber: selectedPage, pageNumberTotal: totalPages })} + {(totalCount) ? intl.formatMessage({ id: 'Terra.paginator.pageCount' }, { pageNumber: selectedPage, pageNumberTotal: totalPages }) + : intl.formatMessage({ id: 'Terra.paginator.pageIndex' }, { pageNumber: selectedPage })}
- - {intl.formatMessage({ id: 'Terra.paginator.first' })} - + { + totalCount && ( + + {intl.formatMessage({ id: 'Terra.paginator.first' })} + + ) + } - - {intl.formatMessage({ id: 'Terra.paginator.last' })} - + { + (totalCount) && ( + + {intl.formatMessage({ id: 'Terra.paginator.last' })} + + ) + }
); @@ -134,8 +147,12 @@ class ProgressivePaginator extends React.Component { reducedProgressivePaginator() { const theme = this.context; - const { intl } = this.props; - const totalPages = calculatePages(this.props.totalCount, this.props.itemCountPerPage); + const { + intl, + totalCount, + itemCountPerPage, + } = this.props; + const totalPages = (totalCount) ? calculatePages(totalCount, itemCountPerPage) : 0; const { selectedPage } = this.state; const previousPageIndex = selectedPage === 1 ? 1 : selectedPage - 1; const nextPageIndex = selectedPage === totalPages ? totalPages : selectedPage + 1; @@ -143,16 +160,20 @@ class ProgressivePaginator extends React.Component { return (
- - {intl.formatMessage({ id: 'Terra.paginator.first' })} - + { + (totalCount) && ( + + {intl.formatMessage({ id: 'Terra.paginator.first' })} + + ) + }
- {intl.formatMessage({ id: 'Terra.paginator.pageCount' }, { pageNumber: selectedPage, pageNumberTotal: totalPages })} + {(totalCount) ? intl.formatMessage({ id: 'Terra.paginator.pageCount' }, { pageNumber: selectedPage, pageNumberTotal: totalPages }) + : intl.formatMessage({ id: 'Terra.paginator.pageIndex' }, { pageNumber: selectedPage })}
- - {intl.formatMessage({ id: 'Terra.paginator.last' })} - + { + (totalCount) && ( + + {intl.formatMessage({ id: 'Terra.paginator.last' })} + + ) + }
); diff --git a/packages/terra-paginator/src/_paginationUtils.jsx b/packages/terra-paginator/src/_paginationUtils.jsx index 982d06acba4..36735b87388 100644 --- a/packages/terra-paginator/src/_paginationUtils.jsx +++ b/packages/terra-paginator/src/_paginationUtils.jsx @@ -1,4 +1,4 @@ -const calculatePages = (totalCount, itemCountPerPage) => Math.ceil(totalCount / itemCountPerPage); +const calculatePages = (totalCount, itemCountPerPage) => ((itemCountPerPage) ? Math.ceil(totalCount / itemCountPerPage) : totalCount); const pageSet = (index, totalPages) => { const sequence = []; diff --git a/packages/terra-paginator/src/terra-dev-site/doc/paginator/example/ControlledPaginatorCommon.module.scss b/packages/terra-paginator/src/terra-dev-site/doc/example/ControlledPaginatorCommon.module.scss similarity index 100% rename from packages/terra-paginator/src/terra-dev-site/doc/paginator/example/ControlledPaginatorCommon.module.scss rename to packages/terra-paginator/src/terra-dev-site/doc/example/ControlledPaginatorCommon.module.scss diff --git a/packages/terra-paginator/src/terra-dev-site/doc/paginator/example/ControlledPaginatorExample.jsx b/packages/terra-paginator/src/terra-dev-site/doc/example/ControlledPaginatorExample.jsx similarity index 100% rename from packages/terra-paginator/src/terra-dev-site/doc/paginator/example/ControlledPaginatorExample.jsx rename to packages/terra-paginator/src/terra-dev-site/doc/example/ControlledPaginatorExample.jsx diff --git a/packages/terra-paginator/src/terra-dev-site/doc/example/ControlledPaginatorNoPagesExample.jsx b/packages/terra-paginator/src/terra-dev-site/doc/example/ControlledPaginatorNoPagesExample.jsx new file mode 100644 index 00000000000..f956e8b33c1 --- /dev/null +++ b/packages/terra-paginator/src/terra-dev-site/doc/example/ControlledPaginatorNoPagesExample.jsx @@ -0,0 +1,63 @@ +import React, { useState } from 'react'; +import Dialog from 'terra-dialog'; +import Button from 'terra-button'; +import ControlledPaginator from 'terra-paginator/lib/ControlledPaginator'; +import classNames from 'classnames/bind'; +import styles from './ControlledPaginatorCommon.module.scss'; + +const cx = classNames.bind(styles); + +const fillArray = (value, len) => { + const arr = []; + for (let i = 0; i < len; i += 1) { + arr.push(

{value}

); + } + return arr; +}; + +const buildPage = () => { + let fullContent = []; + const content = ('Lorem ipsum dolor sit amet, consectetur adipiscing elit. ' + + 'Fusce porttitor ullamcorper nisi, vel tincidunt dui pharetra vel. ' + + 'Morbi eu rutrum nibh, sit amet placerat libero. Integer vel dapibus nibh. ' + + 'Donec tempor mi vitae lorem congue, ut ultrices metus feugiat. Sed non commodo felis. ' + + 'Aliquam eget maximus dui, ut rhoncus augue.'); + + fullContent = fillArray(content, 10); + + return ( + fullContent + ); +}; + +const ControlledPaginatorExample = () => { + const content = buildPage(); + const [currentPage, setCurrentPage] = useState(1); + + const changePages = (index) => { + setCurrentPage(index); + }; + + return ( +
+ + Page + {currentPage} + + )} + footer={} + > +
+
+ {content} +
+
+ ); +}; + +export default ControlledPaginatorExample; diff --git a/packages/terra-paginator/src/terra-dev-site/doc/paginator/example/ControlledProgressivePaginatorExample.jsx b/packages/terra-paginator/src/terra-dev-site/doc/example/ControlledProgressivePaginatorExample.jsx similarity index 100% rename from packages/terra-paginator/src/terra-dev-site/doc/paginator/example/ControlledProgressivePaginatorExample.jsx rename to packages/terra-paginator/src/terra-dev-site/doc/example/ControlledProgressivePaginatorExample.jsx diff --git a/packages/terra-paginator/src/terra-dev-site/doc/example/ControlledProgressivePaginatorWithoutTotalCountExample.jsx b/packages/terra-paginator/src/terra-dev-site/doc/example/ControlledProgressivePaginatorWithoutTotalCountExample.jsx new file mode 100644 index 00000000000..b41a4cf432f --- /dev/null +++ b/packages/terra-paginator/src/terra-dev-site/doc/example/ControlledProgressivePaginatorWithoutTotalCountExample.jsx @@ -0,0 +1,63 @@ +import React, { useState } from 'react'; +import Dialog from 'terra-dialog'; +import Button from 'terra-button'; +import ControlledProgressivePaginator from 'terra-paginator/lib/ControlledProgressivePaginator'; +import classNames from 'classnames/bind'; +import styles from './PaginatorExampleCommon.module.scss'; + +const cx = classNames.bind(styles); + +const fillArray = (value, len) => { + const arr = []; + for (let i = 0; i < len; i += 1) { + arr.push(

{value}

); + } + return arr; +}; + +const buildPage = () => { + let fullContent = []; + const content = ('Lorem ipsum dolor sit amet, consectetur adipiscing elit. ' + + 'Fusce porttitor ullamcorper nisi, vel tincidunt dui pharetra vel. ' + + 'Morbi eu rutrum nibh, sit amet placerat libero. Integer vel dapibus nibh. ' + + 'Donec tempor mi vitae lorem congue, ut ultrices metus feugiat. Sed non commodo felis. ' + + 'Aliquam eget maximus dui, ut rhoncus augue.'); + + fullContent = fillArray(content, 10); + + return ( + fullContent + ); +}; + +const ControlledInfiniteProgressivePaginatorExample = () => { + const [content] = useState(buildPage()); + const [currentPage, setCurrentPage] = useState(1); + + const changePages = (index) => { + setCurrentPage(index); + }; + + return ( +
+ + Page + {currentPage} + + )} + footer={} + > +
+
+ {content} +
+
+ ); +}; + +export default ControlledInfiniteProgressivePaginatorExample; diff --git a/packages/terra-paginator/src/terra-dev-site/doc/example/ProgressivePaginatorWithoutTotalCountExample.jsx b/packages/terra-paginator/src/terra-dev-site/doc/example/ProgressivePaginatorWithoutTotalCountExample.jsx new file mode 100644 index 00000000000..6626f440e86 --- /dev/null +++ b/packages/terra-paginator/src/terra-dev-site/doc/example/ProgressivePaginatorWithoutTotalCountExample.jsx @@ -0,0 +1,57 @@ +import React, { useState } from 'react'; +import Dialog from 'terra-dialog'; +import ProgressivePaginator from 'terra-paginator/lib/ProgressivePaginator'; +import classNames from 'classnames/bind'; +import styles from './PaginatorExampleCommon.module.scss'; + +const cx = classNames.bind(styles); + +const fillArray = (value, len) => { + const arr = []; + for (let i = 0; i < len; i += 1) { + arr.push(

{value}

); + } + return arr; +}; + +const buildPage = () => { + let fullContent = []; + const content = ('Lorem ipsum dolor sit amet, consectetur adipiscing elit. ' + + 'Fusce porttitor ullamcorper nisi, vel tincidunt dui pharetra vel. ' + + 'Morbi eu rutrum nibh, sit amet placerat libero. Integer vel dapibus nibh. ' + + 'Donec tempor mi vitae lorem congue, ut ultrices metus feugiat. Sed non commodo felis. ' + + 'Aliquam eget maximus dui, ut rhoncus augue.'); + + fullContent = fillArray(content, 10); + + return ( + fullContent + ); +}; + +const InfiniteProgressivePaginatorExample = () => { + const [content] = useState(buildPage()); + const [currentPage, setCurrentPage] = useState(1); + + const changePages = (index) => { + setCurrentPage(index); + }; + + return ( +
+ + Page + {currentPage} + + )} + footer={} + > + {content} + +
+ ); +}; + +export default InfiniteProgressivePaginatorExample; diff --git a/packages/terra-paginator/src/terra-dev-site/doc/paginator/PaginatorControlled.2.doc.mdx b/packages/terra-paginator/src/terra-dev-site/doc/paginator/PaginatorControlled.2.doc.mdx index 7c7de515d9c..c6b3b4fbbc6 100644 --- a/packages/terra-paginator/src/terra-dev-site/doc/paginator/PaginatorControlled.2.doc.mdx +++ b/packages/terra-paginator/src/terra-dev-site/doc/paginator/PaginatorControlled.2.doc.mdx @@ -1,6 +1,7 @@ import { Badge } from 'terra-paginator/package.json?dev-site-package'; -import ControlledPaginatorExample from './example/ControlledPaginatorExample?dev-site-example'; +import ControlledPaginatorExample from '../example/ControlledPaginatorExample?dev-site-example'; +import ControlledPaginatorNoPagesExample from '../example/ControlledPaginatorNoPagesExample?dev-site-example'; import ControlledPaginatorPropsTable from 'terra-paginator/src/ControlledPaginator?dev-site-props-table'; @@ -30,6 +31,7 @@ import ControlledPaginator from 'terra-paginator/lib/ControlledPaginator'; ## Examples + ## Controlled Paginator Props diff --git a/packages/terra-paginator/src/terra-dev-site/doc/paginator/ProgressivePaginator.3.doc.mdx b/packages/terra-paginator/src/terra-dev-site/doc/paginator/ProgressivePaginator.3.doc.mdx index ade21db772d..6d7788f25de 100644 --- a/packages/terra-paginator/src/terra-dev-site/doc/paginator/ProgressivePaginator.3.doc.mdx +++ b/packages/terra-paginator/src/terra-dev-site/doc/paginator/ProgressivePaginator.3.doc.mdx @@ -1,6 +1,7 @@ import { Badge } from 'terra-paginator/package.json?dev-site-package'; import ProgressivePaginatorExample from '../example/ProgressivePaginatorExample?dev-site-example'; +import ProgressivePaginatorWithoutTotalCountExample from '../example/ProgressivePaginatorWithoutTotalCountExample?dev-site-example'; import ProgressivePaginatorPropsTable from 'terra-paginator/src/ProgressivePaginator?dev-site-props-table'; @@ -29,6 +30,7 @@ import ProgressivePaginator from 'terra-paginator/lib/ProgressivePaginator'; ## Examples + ## Progressive Paginator Props diff --git a/packages/terra-paginator/src/terra-dev-site/doc/paginator/ProgressivePaginatorControlled.4.doc.mdx b/packages/terra-paginator/src/terra-dev-site/doc/paginator/ProgressivePaginatorControlled.4.doc.mdx index 3a88905b908..53dd085425f 100644 --- a/packages/terra-paginator/src/terra-dev-site/doc/paginator/ProgressivePaginatorControlled.4.doc.mdx +++ b/packages/terra-paginator/src/terra-dev-site/doc/paginator/ProgressivePaginatorControlled.4.doc.mdx @@ -1,6 +1,7 @@ import { Badge } from 'terra-paginator/package.json?dev-site-package'; -import ControlledProgressivePaginatorExample from './example/ControlledProgressivePaginatorExample?dev-site-example'; +import ControlledProgressivePaginatorExample from '../example/ControlledProgressivePaginatorExample?dev-site-example'; +import ControlledProgressivePaginatorWithoutTotalCountExample from '../example/ControlledProgressivePaginatorWithoutTotalCountExample?dev-site-example'; import ControlledProgressivePaginatorPropsTable from 'terra-paginator/src/ControlledProgressivePaginator?dev-site-props-table'; @@ -29,6 +30,7 @@ import ControlledProgressivePaginator from 'terra-paginator/lib/ControlledProgre ## Examples + ## Controlled Progressive Paginator Props diff --git a/packages/terra-paginator/src/terra-dev-site/test/paginator/ControlledPaginatorNoPages.test.jsx b/packages/terra-paginator/src/terra-dev-site/test/paginator/ControlledPaginatorNoPages.test.jsx new file mode 100644 index 00000000000..8647eb668be --- /dev/null +++ b/packages/terra-paginator/src/terra-dev-site/test/paginator/ControlledPaginatorNoPages.test.jsx @@ -0,0 +1,26 @@ +import React, { useState } from 'react'; +import Button from 'terra-button'; +import classNames from 'classnames/bind'; +import ControlledPaginator from '../../../ControlledPaginator'; +import styles from './ControlledPaginatorTestCommon.module.scss'; + +const cx = classNames.bind(styles); + +const ControlledPaginatorExample = () => { + const [currentPage, setCurrentPage] = useState(1); + + const changePages = (index) => { + setCurrentPage(index); + }; + + return ( +
+
+ ); +}; + +export default ControlledPaginatorExample; diff --git a/packages/terra-paginator/src/terra-dev-site/test/paginator/ControlledProgressivePaginatorWithoutTotalCount.test.jsx b/packages/terra-paginator/src/terra-dev-site/test/paginator/ControlledProgressivePaginatorWithoutTotalCount.test.jsx new file mode 100644 index 00000000000..077a3a45800 --- /dev/null +++ b/packages/terra-paginator/src/terra-dev-site/test/paginator/ControlledProgressivePaginatorWithoutTotalCount.test.jsx @@ -0,0 +1,26 @@ +import React, { useState } from 'react'; +import Button from 'terra-button'; +import classNames from 'classnames/bind'; +import ControlledProgressivePaginator from '../../../ControlledProgressivePaginator'; +import styles from './ControlledPaginatorTestCommon.module.scss'; + +const cx = classNames.bind(styles); + +const ControlledProgressivePaginatorWithoutTotalCount = () => { + const [currentPage, setCurrentPage] = useState(1); + + const changePages = (index) => { + setCurrentPage(index); + }; + + return ( +
+
+ ); +}; + +export default ControlledProgressivePaginatorWithoutTotalCount; diff --git a/packages/terra-paginator/src/terra-dev-site/test/paginator/PaginatorWithoutItemCount.test.jsx b/packages/terra-paginator/src/terra-dev-site/test/paginator/PaginatorWithoutItemCount.test.jsx new file mode 100644 index 00000000000..401718d711e --- /dev/null +++ b/packages/terra-paginator/src/terra-dev-site/test/paginator/PaginatorWithoutItemCount.test.jsx @@ -0,0 +1,9 @@ +import React from 'react'; +import Paginator from '../../../Paginator'; + +const PaginatorWithoutItemCountExample = () => ( + // eslint-disable-next-line no-console + console.log(i)} selectedPage={1} totalCount={224} /> +); + +export default PaginatorWithoutItemCountExample; diff --git a/packages/terra-paginator/src/terra-dev-site/test/paginator/ProgressivePaginatorWithoutTotalCount.test.jsx b/packages/terra-paginator/src/terra-dev-site/test/paginator/ProgressivePaginatorWithoutTotalCount.test.jsx new file mode 100644 index 00000000000..4d34cfeb4bc --- /dev/null +++ b/packages/terra-paginator/src/terra-dev-site/test/paginator/ProgressivePaginatorWithoutTotalCount.test.jsx @@ -0,0 +1,9 @@ +import React from 'react'; +import ProgressivePaginator from '../../../ProgressivePaginator'; + +const ProgressivePaginatorWithoutTotalCount = () => ( + // eslint-disable-next-line no-console + console.log(i)} /> +); + +export default ProgressivePaginatorWithoutTotalCount; diff --git a/packages/terra-paginator/tests/jest/__snapshots__/ControlledProgressivePaginator.test.jsx.snap b/packages/terra-paginator/tests/jest/__snapshots__/ControlledProgressivePaginator.test.jsx.snap index f3fa38fbcb6..409a4892ef7 100644 --- a/packages/terra-paginator/tests/jest/__snapshots__/ControlledProgressivePaginator.test.jsx.snap +++ b/packages/terra-paginator/tests/jest/__snapshots__/ControlledProgressivePaginator.test.jsx.snap @@ -35,13 +35,13 @@ exports[`Paginator correctly applies the theme context className 1`] = ` } } > - -
- - + + `; diff --git a/packages/terra-paginator/tests/wdio/__snapshots__/reference/clinical-lowlight-theme/en/chrome_large/paginator-spec/Controlled_Paginator_without_Total_count[0].png b/packages/terra-paginator/tests/wdio/__snapshots__/reference/clinical-lowlight-theme/en/chrome_large/paginator-spec/Controlled_Paginator_without_Total_count[0].png new file mode 100644 index 00000000000..055bd08f099 Binary files /dev/null and b/packages/terra-paginator/tests/wdio/__snapshots__/reference/clinical-lowlight-theme/en/chrome_large/paginator-spec/Controlled_Paginator_without_Total_count[0].png differ diff --git a/packages/terra-paginator/tests/wdio/__snapshots__/reference/clinical-lowlight-theme/en/chrome_large/paginator-spec/Controlled_Paginator_without_Total_count[1].png b/packages/terra-paginator/tests/wdio/__snapshots__/reference/clinical-lowlight-theme/en/chrome_large/paginator-spec/Controlled_Paginator_without_Total_count[1].png new file mode 100644 index 00000000000..b2d48a2d50f Binary files /dev/null and b/packages/terra-paginator/tests/wdio/__snapshots__/reference/clinical-lowlight-theme/en/chrome_large/paginator-spec/Controlled_Paginator_without_Total_count[1].png differ diff --git a/packages/terra-paginator/tests/wdio/__snapshots__/reference/clinical-lowlight-theme/en/chrome_large/paginator-spec/Controlled_Paginator_without_Total_count[2].png b/packages/terra-paginator/tests/wdio/__snapshots__/reference/clinical-lowlight-theme/en/chrome_large/paginator-spec/Controlled_Paginator_without_Total_count[2].png new file mode 100644 index 00000000000..b2d48a2d50f Binary files /dev/null and b/packages/terra-paginator/tests/wdio/__snapshots__/reference/clinical-lowlight-theme/en/chrome_large/paginator-spec/Controlled_Paginator_without_Total_count[2].png differ diff --git a/packages/terra-paginator/tests/wdio/__snapshots__/reference/clinical-lowlight-theme/en/chrome_large/paginator-spec/Controlled_Paginator_without_Total_count[3].png b/packages/terra-paginator/tests/wdio/__snapshots__/reference/clinical-lowlight-theme/en/chrome_large/paginator-spec/Controlled_Paginator_without_Total_count[3].png new file mode 100644 index 00000000000..b2d48a2d50f Binary files /dev/null and b/packages/terra-paginator/tests/wdio/__snapshots__/reference/clinical-lowlight-theme/en/chrome_large/paginator-spec/Controlled_Paginator_without_Total_count[3].png differ diff --git a/packages/terra-paginator/tests/wdio/__snapshots__/reference/clinical-lowlight-theme/en/chrome_large/paginator-spec/Controlled_Progressive_Paginator_without_total_count[0].png b/packages/terra-paginator/tests/wdio/__snapshots__/reference/clinical-lowlight-theme/en/chrome_large/paginator-spec/Controlled_Progressive_Paginator_without_total_count[0].png new file mode 100644 index 00000000000..bb71f193f72 Binary files /dev/null and b/packages/terra-paginator/tests/wdio/__snapshots__/reference/clinical-lowlight-theme/en/chrome_large/paginator-spec/Controlled_Progressive_Paginator_without_total_count[0].png differ diff --git a/packages/terra-paginator/tests/wdio/__snapshots__/reference/clinical-lowlight-theme/en/chrome_large/paginator-spec/Controlled_Progressive_Paginator_without_total_count[1].png b/packages/terra-paginator/tests/wdio/__snapshots__/reference/clinical-lowlight-theme/en/chrome_large/paginator-spec/Controlled_Progressive_Paginator_without_total_count[1].png new file mode 100644 index 00000000000..9f9805b105c Binary files /dev/null and b/packages/terra-paginator/tests/wdio/__snapshots__/reference/clinical-lowlight-theme/en/chrome_large/paginator-spec/Controlled_Progressive_Paginator_without_total_count[1].png differ diff --git a/packages/terra-paginator/tests/wdio/__snapshots__/reference/clinical-lowlight-theme/en/chrome_large/paginator-spec/Controlled_Progressive_Paginator_without_total_count[2].png b/packages/terra-paginator/tests/wdio/__snapshots__/reference/clinical-lowlight-theme/en/chrome_large/paginator-spec/Controlled_Progressive_Paginator_without_total_count[2].png new file mode 100644 index 00000000000..bf71b8a5acd Binary files /dev/null and b/packages/terra-paginator/tests/wdio/__snapshots__/reference/clinical-lowlight-theme/en/chrome_large/paginator-spec/Controlled_Progressive_Paginator_without_total_count[2].png differ diff --git a/packages/terra-paginator/tests/wdio/__snapshots__/reference/clinical-lowlight-theme/en/chrome_large/paginator-spec/Controlled_Progressive_Paginator_without_total_count[3].png b/packages/terra-paginator/tests/wdio/__snapshots__/reference/clinical-lowlight-theme/en/chrome_large/paginator-spec/Controlled_Progressive_Paginator_without_total_count[3].png new file mode 100644 index 00000000000..9f9805b105c Binary files /dev/null and b/packages/terra-paginator/tests/wdio/__snapshots__/reference/clinical-lowlight-theme/en/chrome_large/paginator-spec/Controlled_Progressive_Paginator_without_total_count[3].png differ diff --git a/packages/terra-paginator/tests/wdio/__snapshots__/reference/clinical-lowlight-theme/en/chrome_large/paginator-spec/Paginator_without_item_count[default].png b/packages/terra-paginator/tests/wdio/__snapshots__/reference/clinical-lowlight-theme/en/chrome_large/paginator-spec/Paginator_without_item_count[default].png new file mode 100644 index 00000000000..955cec17d3c Binary files /dev/null and b/packages/terra-paginator/tests/wdio/__snapshots__/reference/clinical-lowlight-theme/en/chrome_large/paginator-spec/Paginator_without_item_count[default].png differ diff --git a/packages/terra-paginator/tests/wdio/__snapshots__/reference/clinical-lowlight-theme/en/chrome_large/paginator-spec/Progressive_paginator_without_total_count[default].png b/packages/terra-paginator/tests/wdio/__snapshots__/reference/clinical-lowlight-theme/en/chrome_large/paginator-spec/Progressive_paginator_without_total_count[default].png new file mode 100644 index 00000000000..9c6696f4143 Binary files /dev/null and b/packages/terra-paginator/tests/wdio/__snapshots__/reference/clinical-lowlight-theme/en/chrome_large/paginator-spec/Progressive_paginator_without_total_count[default].png differ diff --git a/packages/terra-paginator/tests/wdio/__snapshots__/reference/en/chrome_large/paginator-spec/Controlled_Paginator_without_Total_count[0].png b/packages/terra-paginator/tests/wdio/__snapshots__/reference/en/chrome_large/paginator-spec/Controlled_Paginator_without_Total_count[0].png new file mode 100644 index 00000000000..3dcf2d52c60 Binary files /dev/null and b/packages/terra-paginator/tests/wdio/__snapshots__/reference/en/chrome_large/paginator-spec/Controlled_Paginator_without_Total_count[0].png differ diff --git a/packages/terra-paginator/tests/wdio/__snapshots__/reference/en/chrome_large/paginator-spec/Controlled_Paginator_without_Total_count[1].png b/packages/terra-paginator/tests/wdio/__snapshots__/reference/en/chrome_large/paginator-spec/Controlled_Paginator_without_Total_count[1].png new file mode 100644 index 00000000000..90ecb3c8d64 Binary files /dev/null and b/packages/terra-paginator/tests/wdio/__snapshots__/reference/en/chrome_large/paginator-spec/Controlled_Paginator_without_Total_count[1].png differ diff --git a/packages/terra-paginator/tests/wdio/__snapshots__/reference/en/chrome_large/paginator-spec/Controlled_Paginator_without_Total_count[2].png b/packages/terra-paginator/tests/wdio/__snapshots__/reference/en/chrome_large/paginator-spec/Controlled_Paginator_without_Total_count[2].png new file mode 100644 index 00000000000..90ecb3c8d64 Binary files /dev/null and b/packages/terra-paginator/tests/wdio/__snapshots__/reference/en/chrome_large/paginator-spec/Controlled_Paginator_without_Total_count[2].png differ diff --git a/packages/terra-paginator/tests/wdio/__snapshots__/reference/en/chrome_large/paginator-spec/Controlled_Paginator_without_Total_count[3].png b/packages/terra-paginator/tests/wdio/__snapshots__/reference/en/chrome_large/paginator-spec/Controlled_Paginator_without_Total_count[3].png new file mode 100644 index 00000000000..90ecb3c8d64 Binary files /dev/null and b/packages/terra-paginator/tests/wdio/__snapshots__/reference/en/chrome_large/paginator-spec/Controlled_Paginator_without_Total_count[3].png differ diff --git a/packages/terra-paginator/tests/wdio/__snapshots__/reference/en/chrome_large/paginator-spec/Controlled_Progressive_Paginator_without_total_count[0].png b/packages/terra-paginator/tests/wdio/__snapshots__/reference/en/chrome_large/paginator-spec/Controlled_Progressive_Paginator_without_total_count[0].png new file mode 100644 index 00000000000..66cf107d5df Binary files /dev/null and b/packages/terra-paginator/tests/wdio/__snapshots__/reference/en/chrome_large/paginator-spec/Controlled_Progressive_Paginator_without_total_count[0].png differ diff --git a/packages/terra-paginator/tests/wdio/__snapshots__/reference/en/chrome_large/paginator-spec/Controlled_Progressive_Paginator_without_total_count[1].png b/packages/terra-paginator/tests/wdio/__snapshots__/reference/en/chrome_large/paginator-spec/Controlled_Progressive_Paginator_without_total_count[1].png new file mode 100644 index 00000000000..54f8668fb6f Binary files /dev/null and b/packages/terra-paginator/tests/wdio/__snapshots__/reference/en/chrome_large/paginator-spec/Controlled_Progressive_Paginator_without_total_count[1].png differ diff --git a/packages/terra-paginator/tests/wdio/__snapshots__/reference/en/chrome_large/paginator-spec/Controlled_Progressive_Paginator_without_total_count[2].png b/packages/terra-paginator/tests/wdio/__snapshots__/reference/en/chrome_large/paginator-spec/Controlled_Progressive_Paginator_without_total_count[2].png new file mode 100644 index 00000000000..db1d33fd642 Binary files /dev/null and b/packages/terra-paginator/tests/wdio/__snapshots__/reference/en/chrome_large/paginator-spec/Controlled_Progressive_Paginator_without_total_count[2].png differ diff --git a/packages/terra-paginator/tests/wdio/__snapshots__/reference/en/chrome_large/paginator-spec/Controlled_Progressive_Paginator_without_total_count[3].png b/packages/terra-paginator/tests/wdio/__snapshots__/reference/en/chrome_large/paginator-spec/Controlled_Progressive_Paginator_without_total_count[3].png new file mode 100644 index 00000000000..54f8668fb6f Binary files /dev/null and b/packages/terra-paginator/tests/wdio/__snapshots__/reference/en/chrome_large/paginator-spec/Controlled_Progressive_Paginator_without_total_count[3].png differ diff --git a/packages/terra-paginator/tests/wdio/__snapshots__/reference/en/chrome_large/paginator-spec/Paginator_without_item_count[default].png b/packages/terra-paginator/tests/wdio/__snapshots__/reference/en/chrome_large/paginator-spec/Paginator_without_item_count[default].png new file mode 100644 index 00000000000..04be5cd6914 Binary files /dev/null and b/packages/terra-paginator/tests/wdio/__snapshots__/reference/en/chrome_large/paginator-spec/Paginator_without_item_count[default].png differ diff --git a/packages/terra-paginator/tests/wdio/__snapshots__/reference/en/chrome_large/paginator-spec/Progressive_paginator_without_total_count[default].png b/packages/terra-paginator/tests/wdio/__snapshots__/reference/en/chrome_large/paginator-spec/Progressive_paginator_without_total_count[default].png new file mode 100644 index 00000000000..a02342581b5 Binary files /dev/null and b/packages/terra-paginator/tests/wdio/__snapshots__/reference/en/chrome_large/paginator-spec/Progressive_paginator_without_total_count[default].png differ diff --git a/packages/terra-paginator/tests/wdio/__snapshots__/reference/orion-fusion-theme/en/chrome_large/paginator-spec/Controlled_Paginator_without_Total_count[0].png b/packages/terra-paginator/tests/wdio/__snapshots__/reference/orion-fusion-theme/en/chrome_large/paginator-spec/Controlled_Paginator_without_Total_count[0].png new file mode 100644 index 00000000000..a30e24f67de Binary files /dev/null and b/packages/terra-paginator/tests/wdio/__snapshots__/reference/orion-fusion-theme/en/chrome_large/paginator-spec/Controlled_Paginator_without_Total_count[0].png differ diff --git a/packages/terra-paginator/tests/wdio/__snapshots__/reference/orion-fusion-theme/en/chrome_large/paginator-spec/Controlled_Paginator_without_Total_count[1].png b/packages/terra-paginator/tests/wdio/__snapshots__/reference/orion-fusion-theme/en/chrome_large/paginator-spec/Controlled_Paginator_without_Total_count[1].png new file mode 100644 index 00000000000..3ee65abf834 Binary files /dev/null and b/packages/terra-paginator/tests/wdio/__snapshots__/reference/orion-fusion-theme/en/chrome_large/paginator-spec/Controlled_Paginator_without_Total_count[1].png differ diff --git a/packages/terra-paginator/tests/wdio/__snapshots__/reference/orion-fusion-theme/en/chrome_large/paginator-spec/Controlled_Paginator_without_Total_count[2].png b/packages/terra-paginator/tests/wdio/__snapshots__/reference/orion-fusion-theme/en/chrome_large/paginator-spec/Controlled_Paginator_without_Total_count[2].png new file mode 100644 index 00000000000..3ee65abf834 Binary files /dev/null and b/packages/terra-paginator/tests/wdio/__snapshots__/reference/orion-fusion-theme/en/chrome_large/paginator-spec/Controlled_Paginator_without_Total_count[2].png differ diff --git a/packages/terra-paginator/tests/wdio/__snapshots__/reference/orion-fusion-theme/en/chrome_large/paginator-spec/Controlled_Paginator_without_Total_count[3].png b/packages/terra-paginator/tests/wdio/__snapshots__/reference/orion-fusion-theme/en/chrome_large/paginator-spec/Controlled_Paginator_without_Total_count[3].png new file mode 100644 index 00000000000..3ee65abf834 Binary files /dev/null and b/packages/terra-paginator/tests/wdio/__snapshots__/reference/orion-fusion-theme/en/chrome_large/paginator-spec/Controlled_Paginator_without_Total_count[3].png differ diff --git a/packages/terra-paginator/tests/wdio/__snapshots__/reference/orion-fusion-theme/en/chrome_large/paginator-spec/Controlled_Progressive_Paginator_without_total_count[0].png b/packages/terra-paginator/tests/wdio/__snapshots__/reference/orion-fusion-theme/en/chrome_large/paginator-spec/Controlled_Progressive_Paginator_without_total_count[0].png new file mode 100644 index 00000000000..0f6da1856c4 Binary files /dev/null and b/packages/terra-paginator/tests/wdio/__snapshots__/reference/orion-fusion-theme/en/chrome_large/paginator-spec/Controlled_Progressive_Paginator_without_total_count[0].png differ diff --git a/packages/terra-paginator/tests/wdio/__snapshots__/reference/orion-fusion-theme/en/chrome_large/paginator-spec/Controlled_Progressive_Paginator_without_total_count[1].png b/packages/terra-paginator/tests/wdio/__snapshots__/reference/orion-fusion-theme/en/chrome_large/paginator-spec/Controlled_Progressive_Paginator_without_total_count[1].png new file mode 100644 index 00000000000..738f9ca20aa Binary files /dev/null and b/packages/terra-paginator/tests/wdio/__snapshots__/reference/orion-fusion-theme/en/chrome_large/paginator-spec/Controlled_Progressive_Paginator_without_total_count[1].png differ diff --git a/packages/terra-paginator/tests/wdio/__snapshots__/reference/orion-fusion-theme/en/chrome_large/paginator-spec/Controlled_Progressive_Paginator_without_total_count[2].png b/packages/terra-paginator/tests/wdio/__snapshots__/reference/orion-fusion-theme/en/chrome_large/paginator-spec/Controlled_Progressive_Paginator_without_total_count[2].png new file mode 100644 index 00000000000..525ff6cf5b8 Binary files /dev/null and b/packages/terra-paginator/tests/wdio/__snapshots__/reference/orion-fusion-theme/en/chrome_large/paginator-spec/Controlled_Progressive_Paginator_without_total_count[2].png differ diff --git a/packages/terra-paginator/tests/wdio/__snapshots__/reference/orion-fusion-theme/en/chrome_large/paginator-spec/Controlled_Progressive_Paginator_without_total_count[3].png b/packages/terra-paginator/tests/wdio/__snapshots__/reference/orion-fusion-theme/en/chrome_large/paginator-spec/Controlled_Progressive_Paginator_without_total_count[3].png new file mode 100644 index 00000000000..738f9ca20aa Binary files /dev/null and b/packages/terra-paginator/tests/wdio/__snapshots__/reference/orion-fusion-theme/en/chrome_large/paginator-spec/Controlled_Progressive_Paginator_without_total_count[3].png differ diff --git a/packages/terra-paginator/tests/wdio/__snapshots__/reference/orion-fusion-theme/en/chrome_large/paginator-spec/Paginator_without_item_count[default].png b/packages/terra-paginator/tests/wdio/__snapshots__/reference/orion-fusion-theme/en/chrome_large/paginator-spec/Paginator_without_item_count[default].png new file mode 100644 index 00000000000..0b2ffb0c509 Binary files /dev/null and b/packages/terra-paginator/tests/wdio/__snapshots__/reference/orion-fusion-theme/en/chrome_large/paginator-spec/Paginator_without_item_count[default].png differ diff --git a/packages/terra-paginator/tests/wdio/__snapshots__/reference/orion-fusion-theme/en/chrome_large/paginator-spec/Progressive_paginator_without_total_count[default].png b/packages/terra-paginator/tests/wdio/__snapshots__/reference/orion-fusion-theme/en/chrome_large/paginator-spec/Progressive_paginator_without_total_count[default].png new file mode 100644 index 00000000000..e73470fdfa6 Binary files /dev/null and b/packages/terra-paginator/tests/wdio/__snapshots__/reference/orion-fusion-theme/en/chrome_large/paginator-spec/Progressive_paginator_without_total_count[default].png differ diff --git a/packages/terra-paginator/tests/wdio/paginator-spec.js b/packages/terra-paginator/tests/wdio/paginator-spec.js index 696055295f7..ab4cab13eaa 100644 --- a/packages/terra-paginator/tests/wdio/paginator-spec.js +++ b/packages/terra-paginator/tests/wdio/paginator-spec.js @@ -1,72 +1,128 @@ Terra.describeViewports('Paginator', ['tiny', 'medium', 'large'], () => { describe('Paginator', () => { - before(() => browser.url('/#/raw/tests/terra-paginator/paginator/paginator')); - - Terra.it.validatesElement(); + it('default', () => { + browser.url('/raw/tests/terra-paginator/paginator/paginator'); + Terra.validates.element(); + }); }); describe('PaginatorNoPages', () => { - before(() => browser.url('/#/raw/tests/terra-paginator/paginator/paginator-no-pages')); - - Terra.it.validatesElement(); + it('default', () => { + browser.url('/raw/tests/terra-paginator/paginator/paginator-no-pages'); + Terra.validates.element(); + }); }); describe('ProgressivePaginator', () => { - before(() => browser.url('/#/raw/tests/terra-paginator/paginator/progressive-paginator')); - - Terra.it.validatesElement(); + it('default', () => { + browser.url('/raw/tests/terra-paginator/paginator/progressive-paginator'); + Terra.validates.element(); + }); }); }); Terra.describeViewports('Controlled Paginator', ['large'], () => { describe('Controlled Paginator', () => { - before(() => { - browser.url('/#/raw/tests/terra-paginator/paginator/controlled-paginator'); + it('displays initial selected page', () => { + browser.url('/raw/tests/terra-paginator/paginator/controlled-paginator'); browser.moveToObject('#root', 0, 700); // move cursor to remove focus styles + Terra.validates.element('0'); }); - Terra.it.validatesElement('0'); - it('should toggle page change when the props are updated', () => { browser.click('#button-9'); + Terra.validates.element('1'); }); - Terra.it.matchesScreenshot('1'); - it('should toggle the pages when the right arrow is clicked', () => { browser.click('[class*="next"]'); + Terra.validates.element('2'); }); - Terra.it.matchesScreenshot('2'); - it('should toggle the pages when the left arrow is clicked', () => { browser.click('[class*="previous"]'); + Terra.validates.element('3'); }); + }); - Terra.it.matchesScreenshot('3'); + describe('Controlled Paginator without Total count', () => { + it('displays initial selected page', () => { + browser.url('/raw/tests/terra-paginator/paginator/controlled-paginator-no-pages'); + browser.moveToObject('#root', 0, 700); // move cursor to remove focus styles + Terra.validates.element('0'); + }); + + it('should toggle page change when the props are updated', () => { + browser.click('#button-9'); + Terra.validates.element('1'); + }); + + it('should toggle the pages when the right arrow is clicked', () => { + browser.click('[class*="next"]'); + Terra.validates.element('2'); + }); + + it('should toggle the pages when the left arrow is clicked', () => { + browser.click('[class*="previous"]'); + Terra.validates.element('3'); + }); }); describe('Controlled Progressive Paginator', () => { - before(() => browser.url('/#/raw/tests/terra-paginator/paginator/controlled-progressive-paginator')); - - Terra.it.validatesElement('0'); + it('displays initial selected page', () => { + browser.url('/raw/tests/terra-paginator/paginator/controlled-progressive-paginator'); + Terra.validates.element('0'); + }); it('should toggle page change when the props are updated', () => { browser.click('#button-9'); + Terra.validates.element('1'); }); - Terra.it.matchesScreenshot('1'); - it('should toggle the pages when the right arrow is clicked', () => { browser.click('[class*="next"]'); + Terra.validates.element('2'); + }); + + it('should toggle the pages when the left arrow is clicked', () => { + browser.click('[class*="previous"]'); + Terra.validates.element('3'); }); + }); - Terra.it.matchesScreenshot('2'); + describe('Controlled Progressive Paginator without total count', () => { + it('displays the initial selected page', () => { + browser.url('/raw/tests/terra-paginator/paginator/controlled-progressive-paginator-without-total-count'); + Terra.validates.element('0'); + }); + + it('should toggle page change when the props are updated', () => { + browser.click('#button-9'); + Terra.validates.element('1'); + }); + + it('should toggle the pages when the right arrow is clicked', () => { + browser.click('[class*="next"]'); + Terra.validates.element('2'); + }); it('should toggle the pages when the left arrow is clicked', () => { browser.click('[class*="previous"]'); + Terra.validates.element('3'); }); + }); - Terra.it.matchesScreenshot('3'); + describe('Progressive paginator without total count', () => { + it('renders without total count', () => { + browser.url('/raw/tests/terra-paginator/paginator/progressive-paginator-without-total-count'); + Terra.validates.element(); + }); + }); + + describe('Paginator without item count', () => { + it('renders without item count', () => { + browser.url('/raw/tests/terra-paginator/paginator/paginator-without-item-count'); + Terra.validates.element(); + }); }); });