diff --git a/packages/terra-framework-docs/CHANGELOG.md b/packages/terra-framework-docs/CHANGELOG.md index 84945048822..4a631623214 100644 --- a/packages/terra-framework-docs/CHANGELOG.md +++ b/packages/terra-framework-docs/CHANGELOG.md @@ -2,6 +2,9 @@ ## Unreleased +* Added + * Added test to cover enabling zebra striping for the `terra-table` component. + ## 1.41.0 - (October 17, 2023) * Added diff --git a/packages/terra-framework-docs/src/terra-dev-site/doc/table/Examples/ZebraStripedTable.1.doc.mdx b/packages/terra-framework-docs/src/terra-dev-site/doc/table/Examples/ZebraStripedTable.1.doc.mdx new file mode 100644 index 00000000000..4979b88a6e1 --- /dev/null +++ b/packages/terra-framework-docs/src/terra-dev-site/doc/table/Examples/ZebraStripedTable.1.doc.mdx @@ -0,0 +1,3 @@ +import ZebraStripedTable from './ZebraStripedTable?dev-site-example'; + + diff --git a/packages/terra-framework-docs/src/terra-dev-site/doc/table/Examples/ZebraStripedTable.jsx b/packages/terra-framework-docs/src/terra-dev-site/doc/table/Examples/ZebraStripedTable.jsx new file mode 100644 index 00000000000..73fa5dc286e --- /dev/null +++ b/packages/terra-framework-docs/src/terra-dev-site/doc/table/Examples/ZebraStripedTable.jsx @@ -0,0 +1,99 @@ +import React from 'react'; +import Table from 'terra-table'; + +const tableDataJSON = { + cols: [ + { id: 'Column-0', displayName: 'Patient' }, + { id: 'Column-1', displayName: 'Location' }, + { id: 'Column-2', displayName: 'Illness Severity' }, + { id: 'Column-3', displayName: 'Visit' }, + { id: 'Column-4', displayName: 'Allergy' }, + { id: 'Column-5', displayName: 'Primary Contact' }, + { id: 'Column-6', displayName: 'Generic Order Counts' }, + { id: 'Column-7', displayName: 'Patient Age' }, + { id: 'Column-8', displayName: 'Medication History' }, + { id: 'Column-9', displayName: 'My Relationship' }, + { id: 'Column-10', displayName: 'Not Selectable', isSelectable: false }, + ], + rows: [ + { + id: '1', + cells: [ + { content: 'Fleck, Arthur' }, + { content: '1007-MTN' }, + { content: 'Unstable' }, + { content: 'Inpatient, 2 months' }, + { content: '' }, + { content: 'Quinzell, Harleen' }, + { content: '' }, + { isMasked: true }, + { isMasked: true }, + { content: 'Admitting Physician' }, + { content: '', isSelectable: false }, + ], + }, + { + id: '2', + cells: [ + { content: 'Wayne, Bruce' }, + { content: '1007-MTN-DR' }, + { content: 'Stable' }, + { content: 'Outpatient, 2 days' }, + { content: 'Phytochemicals' }, + { content: 'Grayson, Richard' }, + { content: '' }, + { content: '' }, + { isMasked: true }, + { content: 'Admitting Physician' }, + { content: '', isSelectable: false }, + ], + }, + { + id: '3', + cells: [ + { content: 'McDonald, Ronald' }, + { content: '1007-MTN-RN' }, + { content: 'Critical' }, + { content: 'Inpatient, 2 days' }, + { content: 'Phytochemicals' }, + { content: 'Smith, Melissa' }, + { content: '' }, + { content: '' }, + { isMasked: true }, + { content: 'Family Physician' }, + { content: '', isSelectable: false }, + ], + }, + { + id: '4', + cells: [ + { content: 'Wayne, Bruce' }, + { content: '1018-MTN-DR' }, + { content: 'Stable' }, + { content: 'Outpatient, 2 days' }, + { content: 'Aspirin' }, + { content: 'Jones, Gary' }, + { content: '' }, + { content: '' }, + { isMasked: true }, + { content: 'Primary Care Physician' }, + { content: '', isSelectable: false }, + ], + }, + ], +}; + +const ZebraStripedTable = () => { + const { cols, rows } = tableDataJSON; + + return ( + + ); +}; + +export default ZebraStripedTable; diff --git a/packages/terra-framework-docs/src/terra-dev-site/test/table/ZebraStripedTable.test.jsx b/packages/terra-framework-docs/src/terra-dev-site/test/table/ZebraStripedTable.test.jsx new file mode 100644 index 00000000000..fdfc9d26719 --- /dev/null +++ b/packages/terra-framework-docs/src/terra-dev-site/test/table/ZebraStripedTable.test.jsx @@ -0,0 +1,99 @@ +import React from 'react'; +import Table from 'terra-table'; + +const gridDataJSON = { + cols: [ + { id: 'Column-0', displayName: 'Patient' }, + { id: 'Column-1', displayName: 'Location' }, + { id: 'Column-2', displayName: 'Illness Severity' }, + { id: 'Column-3', displayName: 'Visit' }, + { id: 'Column-4', displayName: 'Allergy' }, + { id: 'Column-5', displayName: 'Primary Contact' }, + { id: 'Column-6', displayName: 'Generic Order Counts' }, + { id: 'Column-7', displayName: 'Patient Age' }, + { id: 'Column-8', displayName: 'Medication History' }, + { id: 'Column-9', displayName: 'My Relationship' }, + { id: 'Column-10', displayName: 'Not Selectable', isSelectable: false }, + ], + rows: [ + { + id: '1', + cells: [ + { content: 'Fleck, Arthur' }, + { content: '1007-MTN' }, + { content: 'Unstable' }, + { content: 'Inpatient, 2 months' }, + { content: '' }, + { content: 'Quinzell, Harleen' }, + { content: '' }, + { isMasked: true }, + { isMasked: true }, + { content: 'Admitting Physician' }, + { content: '', isSelectable: false }, + ], + }, + { + id: '2', + cells: [ + { content: 'Wayne, Bruce' }, + { content: '1007-MTN-DR' }, + { content: 'Stable' }, + { content: 'Outpatient, 2 days' }, + { content: 'Phytochemicals' }, + { content: 'Grayson, Richard' }, + { content: '' }, + { content: '' }, + { isMasked: true }, + { content: 'Admitting Physician' }, + { content: '', isSelectable: false }, + ], + }, + { + id: '3', + cells: [ + { content: 'McDonald, Ronald' }, + { content: '1007-MTN-RN' }, + { content: 'Critical' }, + { content: 'Inpatient, 2 days' }, + { content: 'Phytochemicals' }, + { content: 'Smith, Melissa' }, + { content: '' }, + { content: '' }, + { isMasked: true }, + { content: 'Family Physician' }, + { content: '', isSelectable: false }, + ], + }, + { + id: '4', + cells: [ + { content: 'Wayne, Bruce' }, + { content: '1018-MTN-DR' }, + { content: 'Stable' }, + { content: 'Outpatient, 2 days' }, + { content: 'Aspirin' }, + { content: 'Jones, Gary' }, + { content: '' }, + { content: '' }, + { isMasked: true }, + { content: 'Primary Care Physician' }, + { content: '', isSelectable: false }, + ], + }, + ], +}; + +const ZebraStripedTable = () => { + const { cols, rows } = gridDataJSON; + + return ( +
+ ); +}; + +export default ZebraStripedTable; diff --git a/packages/terra-table/CHANGELOG.md b/packages/terra-table/CHANGELOG.md index 8c131e9d61e..bfa28ee7206 100644 --- a/packages/terra-table/CHANGELOG.md +++ b/packages/terra-table/CHANGELOG.md @@ -2,6 +2,9 @@ ## Unreleased +* Added + * Added the ability to toggle zebra striping for table rows. + * Changed * Updated the table component so that the cell dive-in logic would not execute when not in the grid context. diff --git a/packages/terra-table/src/Table.jsx b/packages/terra-table/src/Table.jsx index 63e38a004c2..427896740c2 100644 --- a/packages/terra-table/src/Table.jsx +++ b/packages/terra-table/src/Table.jsx @@ -101,6 +101,11 @@ const propTypes = { * rendered to allow for row selection to occur. */ hasSelectableRows: PropTypes.bool, + + /** + * Boolean specifying whether or not the table should have zebra striping for rows. + */ + isStriped: PropTypes.bool, }; const defaultProps = { @@ -131,6 +136,7 @@ function Table(props) { onColumnSelect, onCellSelect, hasSelectableRows, + isStriped, rowHeaderIndex, } = props; @@ -312,6 +318,7 @@ function Table(props) { rowHeaderIndex={rowHeaderIndex} onCellSelect={isGridContext ? handleCellSelection : undefined} isSelected={row.isSelected} + isTableStriped={isStriped} /> ))} diff --git a/packages/terra-table/src/clinical-lowlight-theme/Row.module.scss b/packages/terra-table/src/clinical-lowlight-theme/Row.module.scss index 4c87e661e8a..0af749ac483 100644 --- a/packages/terra-table/src/clinical-lowlight-theme/Row.module.scss +++ b/packages/terra-table/src/clinical-lowlight-theme/Row.module.scss @@ -1,7 +1,7 @@ :local { .clinical-lowlight-theme { - --terra-table-row-striped-even-background-color: #2d3539; - --terra-table-row-striped-odd-background-color: #6e6f71; + --terra-table-row-striped-background-color: #2d3539; + --terra-table-row-background-color: #6e6f71; --terra-table-row-selected-background-color: #1e3a49; --terra-table-row-selected-box-shadow: inset 0 1px 0 0 #004c76, inset 0 -1px 0 0 #004c76; --terra-table-row-hover-background-color: #232a2d; diff --git a/packages/terra-table/src/orion-fusion-theme/Row.module.scss b/packages/terra-table/src/orion-fusion-theme/Row.module.scss index d3b06d4bcd1..c6b345f9d4d 100644 --- a/packages/terra-table/src/orion-fusion-theme/Row.module.scss +++ b/packages/terra-table/src/orion-fusion-theme/Row.module.scss @@ -1,8 +1,8 @@ :local { .orion-fusion-theme { - --terra-table-row-striped-even-background-color: #f4f4f4; + --terra-table-row-striped-background-color: #f4f4f4; --terra-table-row-selected-background-color: #cbe7fa; --terra-table-row-selected-box-shadow: inset 0 1px 0 0 #0092e0, inset 0 -1px 0 0 #0092e0; - --terra-table-row-striped-odd-background-color: #fefffe; + --terra-table-row-background-color: #fefffe; } } diff --git a/packages/terra-table/src/subcomponents/Row.jsx b/packages/terra-table/src/subcomponents/Row.jsx index 09dbd326c7a..2c4dbbd59b0 100644 --- a/packages/terra-table/src/subcomponents/Row.jsx +++ b/packages/terra-table/src/subcomponents/Row.jsx @@ -38,6 +38,11 @@ const propTypes = { */ isSelected: PropTypes.bool, + /** + * Boolean specifying whether zebra striping is enabled. + */ + isTableStriped: PropTypes.bool, + /** * A string identifier used to describe the row contents. This value will be used to construct additional labels * for internal controls (e.g. row selection cells). @@ -81,6 +86,7 @@ function Row(props) { hasRowSelection, id, isSelected, + isTableStriped, cells, ariaLabel, displayedColumns, @@ -99,6 +105,7 @@ function Row(props) { className={cx('row', { selected: isSelected, selectable: hasRowSelection, + 'striped-table-row': isTableStriped, }, theme.className)} // eslint-disable-next-line react/forbid-dom-props style={{ height }} onMouseEnter={hasRowSelection ? () => { setHovered(true); } : undefined} diff --git a/packages/terra-table/src/subcomponents/Row.module.scss b/packages/terra-table/src/subcomponents/Row.module.scss index 377e7d831ec..1b59a95fb10 100644 --- a/packages/terra-table/src/subcomponents/Row.module.scss +++ b/packages/terra-table/src/subcomponents/Row.module.scss @@ -4,17 +4,15 @@ :local { .row { + background-color: var(--terra-table-row-background-color, #fff); + &.selectable:hover { background-color: var(--terra-table-row-hover-background-color, #e2f2fc); cursor: pointer; } - &:nth-child(even) { - background-color: var(--terra-table-row-striped-even-background-color, #f0f0f0); - } - - &:nth-child(odd) { - background-color: var(--terra-table-row-striped-odd-background-color, #fff); + &.striped-table-row:nth-child(even) { + background-color: var(--terra-table-row-striped-background-color, #f0f0f0); } &.selected { diff --git a/packages/terra-table/tests/jest/Table.test.jsx b/packages/terra-table/tests/jest/Table.test.jsx index e2c90d53fe0..f0896ff21e2 100644 --- a/packages/terra-table/tests/jest/Table.test.jsx +++ b/packages/terra-table/tests/jest/Table.test.jsx @@ -123,6 +123,23 @@ describe('Table', () => { expect(wrapper).toMatchSnapshot(); }); + it('verifies the rows receive the correct props when table is zebra striped', () => { + const wrapper = shallowWithIntl( + +
+ , + ).dive().dive(); + + const testRow = wrapper.find(Row).get(0); + expect(testRow.props.isTableStriped).toBe(true); + expect(wrapper).toMatchSnapshot(); + }); + it('verifies row selection column header selection', () => { const mockColumnSelect = jest.fn(); diff --git a/packages/terra-table/tests/jest/__snapshots__/Table.test.jsx.snap b/packages/terra-table/tests/jest/__snapshots__/Table.test.jsx.snap index 7a71c8c8900..325dbb56f9b 100644 --- a/packages/terra-table/tests/jest/__snapshots__/Table.test.jsx.snap +++ b/packages/terra-table/tests/jest/__snapshots__/Table.test.jsx.snap @@ -6375,3 +6375,217 @@ exports[`Table verifies the rows are created with the right props 1`] = `
`; + +exports[`Table verifies the rows receive the correct props when table is zebra striped 1`] = ` +
+ + + + + + + + + + +
+
+`; diff --git a/packages/terra-table/tests/wdio/__snapshots__/reference/clinical-lowlight-theme/en/chrome_large/table-spec/default-table.png b/packages/terra-table/tests/wdio/__snapshots__/reference/clinical-lowlight-theme/en/chrome_large/table-spec/default-table.png index 78f396be50b..30b8c0de953 100644 Binary files a/packages/terra-table/tests/wdio/__snapshots__/reference/clinical-lowlight-theme/en/chrome_large/table-spec/default-table.png and b/packages/terra-table/tests/wdio/__snapshots__/reference/clinical-lowlight-theme/en/chrome_large/table-spec/default-table.png differ diff --git a/packages/terra-table/tests/wdio/__snapshots__/reference/clinical-lowlight-theme/en/chrome_large/table-spec/no-interaction-table.png b/packages/terra-table/tests/wdio/__snapshots__/reference/clinical-lowlight-theme/en/chrome_large/table-spec/no-interaction-table.png index d63e5e028fe..80e22f95f9d 100644 Binary files a/packages/terra-table/tests/wdio/__snapshots__/reference/clinical-lowlight-theme/en/chrome_large/table-spec/no-interaction-table.png and b/packages/terra-table/tests/wdio/__snapshots__/reference/clinical-lowlight-theme/en/chrome_large/table-spec/no-interaction-table.png differ diff --git a/packages/terra-table/tests/wdio/__snapshots__/reference/clinical-lowlight-theme/en/chrome_large/table-spec/pinned-columns-scroll.png b/packages/terra-table/tests/wdio/__snapshots__/reference/clinical-lowlight-theme/en/chrome_large/table-spec/pinned-columns-scroll.png index be74eb146c6..d043e7421c6 100644 Binary files a/packages/terra-table/tests/wdio/__snapshots__/reference/clinical-lowlight-theme/en/chrome_large/table-spec/pinned-columns-scroll.png and b/packages/terra-table/tests/wdio/__snapshots__/reference/clinical-lowlight-theme/en/chrome_large/table-spec/pinned-columns-scroll.png differ diff --git a/packages/terra-table/tests/wdio/__snapshots__/reference/clinical-lowlight-theme/en/chrome_large/table-spec/pinned-columns.png b/packages/terra-table/tests/wdio/__snapshots__/reference/clinical-lowlight-theme/en/chrome_large/table-spec/pinned-columns.png index 58e0774d6d6..adfbd1291f3 100644 Binary files a/packages/terra-table/tests/wdio/__snapshots__/reference/clinical-lowlight-theme/en/chrome_large/table-spec/pinned-columns.png and b/packages/terra-table/tests/wdio/__snapshots__/reference/clinical-lowlight-theme/en/chrome_large/table-spec/pinned-columns.png differ diff --git a/packages/terra-table/tests/wdio/__snapshots__/reference/clinical-lowlight-theme/en/chrome_large/table-spec/sortable-table-focused-header.png b/packages/terra-table/tests/wdio/__snapshots__/reference/clinical-lowlight-theme/en/chrome_large/table-spec/sortable-table-focused-header.png index 92f88ad70e0..f0d5d81a158 100644 Binary files a/packages/terra-table/tests/wdio/__snapshots__/reference/clinical-lowlight-theme/en/chrome_large/table-spec/sortable-table-focused-header.png and b/packages/terra-table/tests/wdio/__snapshots__/reference/clinical-lowlight-theme/en/chrome_large/table-spec/sortable-table-focused-header.png differ diff --git a/packages/terra-table/tests/wdio/__snapshots__/reference/clinical-lowlight-theme/en/chrome_large/table-spec/sortable-table-keyboard.png b/packages/terra-table/tests/wdio/__snapshots__/reference/clinical-lowlight-theme/en/chrome_large/table-spec/sortable-table-keyboard.png index 132d098614f..5ace8e4ca02 100644 Binary files a/packages/terra-table/tests/wdio/__snapshots__/reference/clinical-lowlight-theme/en/chrome_large/table-spec/sortable-table-keyboard.png and b/packages/terra-table/tests/wdio/__snapshots__/reference/clinical-lowlight-theme/en/chrome_large/table-spec/sortable-table-keyboard.png differ diff --git a/packages/terra-table/tests/wdio/__snapshots__/reference/clinical-lowlight-theme/en/chrome_large/table-spec/sortable-table.png b/packages/terra-table/tests/wdio/__snapshots__/reference/clinical-lowlight-theme/en/chrome_large/table-spec/sortable-table.png deleted file mode 100644 index fff25f1ff68..00000000000 Binary files a/packages/terra-table/tests/wdio/__snapshots__/reference/clinical-lowlight-theme/en/chrome_large/table-spec/sortable-table.png and /dev/null differ diff --git a/packages/terra-table/tests/wdio/__snapshots__/reference/clinical-lowlight-theme/en/chrome_large/table-spec/sticky-header-scrolled.png b/packages/terra-table/tests/wdio/__snapshots__/reference/clinical-lowlight-theme/en/chrome_large/table-spec/sticky-header-scrolled.png index f71f9a3b52c..1c617d55802 100644 Binary files a/packages/terra-table/tests/wdio/__snapshots__/reference/clinical-lowlight-theme/en/chrome_large/table-spec/sticky-header-scrolled.png and b/packages/terra-table/tests/wdio/__snapshots__/reference/clinical-lowlight-theme/en/chrome_large/table-spec/sticky-header-scrolled.png differ diff --git a/packages/terra-table/tests/wdio/__snapshots__/reference/clinical-lowlight-theme/en/chrome_large/table-spec/sticky-header-unscrolled.png b/packages/terra-table/tests/wdio/__snapshots__/reference/clinical-lowlight-theme/en/chrome_large/table-spec/sticky-header-unscrolled.png index d3dc9530fcc..1bf70008906 100644 Binary files a/packages/terra-table/tests/wdio/__snapshots__/reference/clinical-lowlight-theme/en/chrome_large/table-spec/sticky-header-unscrolled.png and b/packages/terra-table/tests/wdio/__snapshots__/reference/clinical-lowlight-theme/en/chrome_large/table-spec/sticky-header-unscrolled.png differ diff --git a/packages/terra-table/tests/wdio/__snapshots__/reference/clinical-lowlight-theme/en/chrome_large/table-spec/table-grid-context.png b/packages/terra-table/tests/wdio/__snapshots__/reference/clinical-lowlight-theme/en/chrome_large/table-spec/table-grid-context.png index 70a70e5c971..d23bff0d508 100644 Binary files a/packages/terra-table/tests/wdio/__snapshots__/reference/clinical-lowlight-theme/en/chrome_large/table-spec/table-grid-context.png and b/packages/terra-table/tests/wdio/__snapshots__/reference/clinical-lowlight-theme/en/chrome_large/table-spec/table-grid-context.png differ diff --git a/packages/terra-table/tests/wdio/__snapshots__/reference/clinical-lowlight-theme/en/chrome_large/table-spec/zebra-striped-table.png b/packages/terra-table/tests/wdio/__snapshots__/reference/clinical-lowlight-theme/en/chrome_large/table-spec/zebra-striped-table.png new file mode 100644 index 00000000000..df62164835d Binary files /dev/null and b/packages/terra-table/tests/wdio/__snapshots__/reference/clinical-lowlight-theme/en/chrome_large/table-spec/zebra-striped-table.png differ diff --git a/packages/terra-table/tests/wdio/__snapshots__/reference/clinical-lowlight-theme/en/chrome_medium/table-spec/default-table.png b/packages/terra-table/tests/wdio/__snapshots__/reference/clinical-lowlight-theme/en/chrome_medium/table-spec/default-table.png index 9d6b86a68c4..226177e1486 100644 Binary files a/packages/terra-table/tests/wdio/__snapshots__/reference/clinical-lowlight-theme/en/chrome_medium/table-spec/default-table.png and b/packages/terra-table/tests/wdio/__snapshots__/reference/clinical-lowlight-theme/en/chrome_medium/table-spec/default-table.png differ diff --git a/packages/terra-table/tests/wdio/__snapshots__/reference/clinical-lowlight-theme/en/chrome_medium/table-spec/no-interaction-table.png b/packages/terra-table/tests/wdio/__snapshots__/reference/clinical-lowlight-theme/en/chrome_medium/table-spec/no-interaction-table.png index 63c0eba6760..6486e9f2d64 100644 Binary files a/packages/terra-table/tests/wdio/__snapshots__/reference/clinical-lowlight-theme/en/chrome_medium/table-spec/no-interaction-table.png and b/packages/terra-table/tests/wdio/__snapshots__/reference/clinical-lowlight-theme/en/chrome_medium/table-spec/no-interaction-table.png differ diff --git a/packages/terra-table/tests/wdio/__snapshots__/reference/clinical-lowlight-theme/en/chrome_medium/table-spec/pinned-columns-scroll.png b/packages/terra-table/tests/wdio/__snapshots__/reference/clinical-lowlight-theme/en/chrome_medium/table-spec/pinned-columns-scroll.png index 73540171199..24e6d9be0cc 100644 Binary files a/packages/terra-table/tests/wdio/__snapshots__/reference/clinical-lowlight-theme/en/chrome_medium/table-spec/pinned-columns-scroll.png and b/packages/terra-table/tests/wdio/__snapshots__/reference/clinical-lowlight-theme/en/chrome_medium/table-spec/pinned-columns-scroll.png differ diff --git a/packages/terra-table/tests/wdio/__snapshots__/reference/clinical-lowlight-theme/en/chrome_medium/table-spec/pinned-columns.png b/packages/terra-table/tests/wdio/__snapshots__/reference/clinical-lowlight-theme/en/chrome_medium/table-spec/pinned-columns.png index b2abfa3fb62..8b12f2c3743 100644 Binary files a/packages/terra-table/tests/wdio/__snapshots__/reference/clinical-lowlight-theme/en/chrome_medium/table-spec/pinned-columns.png and b/packages/terra-table/tests/wdio/__snapshots__/reference/clinical-lowlight-theme/en/chrome_medium/table-spec/pinned-columns.png differ diff --git a/packages/terra-table/tests/wdio/__snapshots__/reference/clinical-lowlight-theme/en/chrome_medium/table-spec/sortable-table-focused-header.png b/packages/terra-table/tests/wdio/__snapshots__/reference/clinical-lowlight-theme/en/chrome_medium/table-spec/sortable-table-focused-header.png index 92f88ad70e0..f0d5d81a158 100644 Binary files a/packages/terra-table/tests/wdio/__snapshots__/reference/clinical-lowlight-theme/en/chrome_medium/table-spec/sortable-table-focused-header.png and b/packages/terra-table/tests/wdio/__snapshots__/reference/clinical-lowlight-theme/en/chrome_medium/table-spec/sortable-table-focused-header.png differ diff --git a/packages/terra-table/tests/wdio/__snapshots__/reference/clinical-lowlight-theme/en/chrome_medium/table-spec/sortable-table-keyboard.png b/packages/terra-table/tests/wdio/__snapshots__/reference/clinical-lowlight-theme/en/chrome_medium/table-spec/sortable-table-keyboard.png index 132d098614f..5ace8e4ca02 100644 Binary files a/packages/terra-table/tests/wdio/__snapshots__/reference/clinical-lowlight-theme/en/chrome_medium/table-spec/sortable-table-keyboard.png and b/packages/terra-table/tests/wdio/__snapshots__/reference/clinical-lowlight-theme/en/chrome_medium/table-spec/sortable-table-keyboard.png differ diff --git a/packages/terra-table/tests/wdio/__snapshots__/reference/clinical-lowlight-theme/en/chrome_medium/table-spec/sortable-table.png b/packages/terra-table/tests/wdio/__snapshots__/reference/clinical-lowlight-theme/en/chrome_medium/table-spec/sortable-table.png deleted file mode 100644 index fff25f1ff68..00000000000 Binary files a/packages/terra-table/tests/wdio/__snapshots__/reference/clinical-lowlight-theme/en/chrome_medium/table-spec/sortable-table.png and /dev/null differ diff --git a/packages/terra-table/tests/wdio/__snapshots__/reference/clinical-lowlight-theme/en/chrome_medium/table-spec/sticky-header-scrolled.png b/packages/terra-table/tests/wdio/__snapshots__/reference/clinical-lowlight-theme/en/chrome_medium/table-spec/sticky-header-scrolled.png index f71f9a3b52c..1c617d55802 100644 Binary files a/packages/terra-table/tests/wdio/__snapshots__/reference/clinical-lowlight-theme/en/chrome_medium/table-spec/sticky-header-scrolled.png and b/packages/terra-table/tests/wdio/__snapshots__/reference/clinical-lowlight-theme/en/chrome_medium/table-spec/sticky-header-scrolled.png differ diff --git a/packages/terra-table/tests/wdio/__snapshots__/reference/clinical-lowlight-theme/en/chrome_medium/table-spec/sticky-header-unscrolled.png b/packages/terra-table/tests/wdio/__snapshots__/reference/clinical-lowlight-theme/en/chrome_medium/table-spec/sticky-header-unscrolled.png index d3dc9530fcc..1bf70008906 100644 Binary files a/packages/terra-table/tests/wdio/__snapshots__/reference/clinical-lowlight-theme/en/chrome_medium/table-spec/sticky-header-unscrolled.png and b/packages/terra-table/tests/wdio/__snapshots__/reference/clinical-lowlight-theme/en/chrome_medium/table-spec/sticky-header-unscrolled.png differ diff --git a/packages/terra-table/tests/wdio/__snapshots__/reference/clinical-lowlight-theme/en/chrome_medium/table-spec/table-grid-context.png b/packages/terra-table/tests/wdio/__snapshots__/reference/clinical-lowlight-theme/en/chrome_medium/table-spec/table-grid-context.png index 70a70e5c971..d23bff0d508 100644 Binary files a/packages/terra-table/tests/wdio/__snapshots__/reference/clinical-lowlight-theme/en/chrome_medium/table-spec/table-grid-context.png and b/packages/terra-table/tests/wdio/__snapshots__/reference/clinical-lowlight-theme/en/chrome_medium/table-spec/table-grid-context.png differ diff --git a/packages/terra-table/tests/wdio/__snapshots__/reference/clinical-lowlight-theme/en/chrome_medium/table-spec/zebra-striped-table.png b/packages/terra-table/tests/wdio/__snapshots__/reference/clinical-lowlight-theme/en/chrome_medium/table-spec/zebra-striped-table.png new file mode 100644 index 00000000000..6f24d1d66a0 Binary files /dev/null and b/packages/terra-table/tests/wdio/__snapshots__/reference/clinical-lowlight-theme/en/chrome_medium/table-spec/zebra-striped-table.png differ diff --git a/packages/terra-table/tests/wdio/__snapshots__/reference/orion-fusion-theme/en/chrome_large/table-spec/default-table.png b/packages/terra-table/tests/wdio/__snapshots__/reference/orion-fusion-theme/en/chrome_large/table-spec/default-table.png index d11b15fd3cb..db7fc2bfef4 100644 Binary files a/packages/terra-table/tests/wdio/__snapshots__/reference/orion-fusion-theme/en/chrome_large/table-spec/default-table.png and b/packages/terra-table/tests/wdio/__snapshots__/reference/orion-fusion-theme/en/chrome_large/table-spec/default-table.png differ diff --git a/packages/terra-table/tests/wdio/__snapshots__/reference/orion-fusion-theme/en/chrome_large/table-spec/no-interaction-table.png b/packages/terra-table/tests/wdio/__snapshots__/reference/orion-fusion-theme/en/chrome_large/table-spec/no-interaction-table.png index f3331aa7068..cf8c715d578 100644 Binary files a/packages/terra-table/tests/wdio/__snapshots__/reference/orion-fusion-theme/en/chrome_large/table-spec/no-interaction-table.png and b/packages/terra-table/tests/wdio/__snapshots__/reference/orion-fusion-theme/en/chrome_large/table-spec/no-interaction-table.png differ diff --git a/packages/terra-table/tests/wdio/__snapshots__/reference/orion-fusion-theme/en/chrome_large/table-spec/pinned-columns-scroll.png b/packages/terra-table/tests/wdio/__snapshots__/reference/orion-fusion-theme/en/chrome_large/table-spec/pinned-columns-scroll.png index a22d7886b25..c6d996cb36c 100644 Binary files a/packages/terra-table/tests/wdio/__snapshots__/reference/orion-fusion-theme/en/chrome_large/table-spec/pinned-columns-scroll.png and b/packages/terra-table/tests/wdio/__snapshots__/reference/orion-fusion-theme/en/chrome_large/table-spec/pinned-columns-scroll.png differ diff --git a/packages/terra-table/tests/wdio/__snapshots__/reference/orion-fusion-theme/en/chrome_large/table-spec/pinned-columns.png b/packages/terra-table/tests/wdio/__snapshots__/reference/orion-fusion-theme/en/chrome_large/table-spec/pinned-columns.png index 9fede2263ba..6240dc5f227 100644 Binary files a/packages/terra-table/tests/wdio/__snapshots__/reference/orion-fusion-theme/en/chrome_large/table-spec/pinned-columns.png and b/packages/terra-table/tests/wdio/__snapshots__/reference/orion-fusion-theme/en/chrome_large/table-spec/pinned-columns.png differ diff --git a/packages/terra-table/tests/wdio/__snapshots__/reference/orion-fusion-theme/en/chrome_large/table-spec/sortable-table-focused-header.png b/packages/terra-table/tests/wdio/__snapshots__/reference/orion-fusion-theme/en/chrome_large/table-spec/sortable-table-focused-header.png index 91c80a2612a..ac44a1967cc 100644 Binary files a/packages/terra-table/tests/wdio/__snapshots__/reference/orion-fusion-theme/en/chrome_large/table-spec/sortable-table-focused-header.png and b/packages/terra-table/tests/wdio/__snapshots__/reference/orion-fusion-theme/en/chrome_large/table-spec/sortable-table-focused-header.png differ diff --git a/packages/terra-table/tests/wdio/__snapshots__/reference/orion-fusion-theme/en/chrome_large/table-spec/sortable-table-keyboard.png b/packages/terra-table/tests/wdio/__snapshots__/reference/orion-fusion-theme/en/chrome_large/table-spec/sortable-table-keyboard.png index 405343e1ce8..c25cac4d258 100644 Binary files a/packages/terra-table/tests/wdio/__snapshots__/reference/orion-fusion-theme/en/chrome_large/table-spec/sortable-table-keyboard.png and b/packages/terra-table/tests/wdio/__snapshots__/reference/orion-fusion-theme/en/chrome_large/table-spec/sortable-table-keyboard.png differ diff --git a/packages/terra-table/tests/wdio/__snapshots__/reference/orion-fusion-theme/en/chrome_large/table-spec/sticky-header-scrolled.png b/packages/terra-table/tests/wdio/__snapshots__/reference/orion-fusion-theme/en/chrome_large/table-spec/sticky-header-scrolled.png index 569ee63b152..9aadcd3d3db 100644 Binary files a/packages/terra-table/tests/wdio/__snapshots__/reference/orion-fusion-theme/en/chrome_large/table-spec/sticky-header-scrolled.png and b/packages/terra-table/tests/wdio/__snapshots__/reference/orion-fusion-theme/en/chrome_large/table-spec/sticky-header-scrolled.png differ diff --git a/packages/terra-table/tests/wdio/__snapshots__/reference/orion-fusion-theme/en/chrome_large/table-spec/sticky-header-unscrolled.png b/packages/terra-table/tests/wdio/__snapshots__/reference/orion-fusion-theme/en/chrome_large/table-spec/sticky-header-unscrolled.png index 11d8e355136..a28d04ce3b1 100644 Binary files a/packages/terra-table/tests/wdio/__snapshots__/reference/orion-fusion-theme/en/chrome_large/table-spec/sticky-header-unscrolled.png and b/packages/terra-table/tests/wdio/__snapshots__/reference/orion-fusion-theme/en/chrome_large/table-spec/sticky-header-unscrolled.png differ diff --git a/packages/terra-table/tests/wdio/__snapshots__/reference/orion-fusion-theme/en/chrome_large/table-spec/table-grid-context.png b/packages/terra-table/tests/wdio/__snapshots__/reference/orion-fusion-theme/en/chrome_large/table-spec/table-grid-context.png index cbc2eade3ef..610e09ca0ae 100644 Binary files a/packages/terra-table/tests/wdio/__snapshots__/reference/orion-fusion-theme/en/chrome_large/table-spec/table-grid-context.png and b/packages/terra-table/tests/wdio/__snapshots__/reference/orion-fusion-theme/en/chrome_large/table-spec/table-grid-context.png differ diff --git a/packages/terra-table/tests/wdio/__snapshots__/reference/orion-fusion-theme/en/chrome_large/table-spec/zebra-striped-table.png b/packages/terra-table/tests/wdio/__snapshots__/reference/orion-fusion-theme/en/chrome_large/table-spec/zebra-striped-table.png new file mode 100644 index 00000000000..4ca33bee953 Binary files /dev/null and b/packages/terra-table/tests/wdio/__snapshots__/reference/orion-fusion-theme/en/chrome_large/table-spec/zebra-striped-table.png differ diff --git a/packages/terra-table/tests/wdio/__snapshots__/reference/orion-fusion-theme/en/chrome_medium/table-spec/default-table.png b/packages/terra-table/tests/wdio/__snapshots__/reference/orion-fusion-theme/en/chrome_medium/table-spec/default-table.png index ce85e05d8d3..e29b241f39c 100644 Binary files a/packages/terra-table/tests/wdio/__snapshots__/reference/orion-fusion-theme/en/chrome_medium/table-spec/default-table.png and b/packages/terra-table/tests/wdio/__snapshots__/reference/orion-fusion-theme/en/chrome_medium/table-spec/default-table.png differ diff --git a/packages/terra-table/tests/wdio/__snapshots__/reference/orion-fusion-theme/en/chrome_medium/table-spec/no-interaction-table.png b/packages/terra-table/tests/wdio/__snapshots__/reference/orion-fusion-theme/en/chrome_medium/table-spec/no-interaction-table.png index e9fd0742a05..119b8ebd7ce 100644 Binary files a/packages/terra-table/tests/wdio/__snapshots__/reference/orion-fusion-theme/en/chrome_medium/table-spec/no-interaction-table.png and b/packages/terra-table/tests/wdio/__snapshots__/reference/orion-fusion-theme/en/chrome_medium/table-spec/no-interaction-table.png differ diff --git a/packages/terra-table/tests/wdio/__snapshots__/reference/orion-fusion-theme/en/chrome_medium/table-spec/pinned-columns-scroll.png b/packages/terra-table/tests/wdio/__snapshots__/reference/orion-fusion-theme/en/chrome_medium/table-spec/pinned-columns-scroll.png index 51863d5d6a7..5dd652135b5 100644 Binary files a/packages/terra-table/tests/wdio/__snapshots__/reference/orion-fusion-theme/en/chrome_medium/table-spec/pinned-columns-scroll.png and b/packages/terra-table/tests/wdio/__snapshots__/reference/orion-fusion-theme/en/chrome_medium/table-spec/pinned-columns-scroll.png differ diff --git a/packages/terra-table/tests/wdio/__snapshots__/reference/orion-fusion-theme/en/chrome_medium/table-spec/pinned-columns.png b/packages/terra-table/tests/wdio/__snapshots__/reference/orion-fusion-theme/en/chrome_medium/table-spec/pinned-columns.png index 269decf8193..42909be9fa8 100644 Binary files a/packages/terra-table/tests/wdio/__snapshots__/reference/orion-fusion-theme/en/chrome_medium/table-spec/pinned-columns.png and b/packages/terra-table/tests/wdio/__snapshots__/reference/orion-fusion-theme/en/chrome_medium/table-spec/pinned-columns.png differ diff --git a/packages/terra-table/tests/wdio/__snapshots__/reference/orion-fusion-theme/en/chrome_medium/table-spec/sortable-table-focused-header.png b/packages/terra-table/tests/wdio/__snapshots__/reference/orion-fusion-theme/en/chrome_medium/table-spec/sortable-table-focused-header.png index 91c80a2612a..ac44a1967cc 100644 Binary files a/packages/terra-table/tests/wdio/__snapshots__/reference/orion-fusion-theme/en/chrome_medium/table-spec/sortable-table-focused-header.png and b/packages/terra-table/tests/wdio/__snapshots__/reference/orion-fusion-theme/en/chrome_medium/table-spec/sortable-table-focused-header.png differ diff --git a/packages/terra-table/tests/wdio/__snapshots__/reference/orion-fusion-theme/en/chrome_medium/table-spec/sortable-table-keyboard.png b/packages/terra-table/tests/wdio/__snapshots__/reference/orion-fusion-theme/en/chrome_medium/table-spec/sortable-table-keyboard.png index 405343e1ce8..c25cac4d258 100644 Binary files a/packages/terra-table/tests/wdio/__snapshots__/reference/orion-fusion-theme/en/chrome_medium/table-spec/sortable-table-keyboard.png and b/packages/terra-table/tests/wdio/__snapshots__/reference/orion-fusion-theme/en/chrome_medium/table-spec/sortable-table-keyboard.png differ diff --git a/packages/terra-table/tests/wdio/__snapshots__/reference/orion-fusion-theme/en/chrome_medium/table-spec/sticky-header-scrolled.png b/packages/terra-table/tests/wdio/__snapshots__/reference/orion-fusion-theme/en/chrome_medium/table-spec/sticky-header-scrolled.png index 569ee63b152..9aadcd3d3db 100644 Binary files a/packages/terra-table/tests/wdio/__snapshots__/reference/orion-fusion-theme/en/chrome_medium/table-spec/sticky-header-scrolled.png and b/packages/terra-table/tests/wdio/__snapshots__/reference/orion-fusion-theme/en/chrome_medium/table-spec/sticky-header-scrolled.png differ diff --git a/packages/terra-table/tests/wdio/__snapshots__/reference/orion-fusion-theme/en/chrome_medium/table-spec/sticky-header-unscrolled.png b/packages/terra-table/tests/wdio/__snapshots__/reference/orion-fusion-theme/en/chrome_medium/table-spec/sticky-header-unscrolled.png index 11d8e355136..a28d04ce3b1 100644 Binary files a/packages/terra-table/tests/wdio/__snapshots__/reference/orion-fusion-theme/en/chrome_medium/table-spec/sticky-header-unscrolled.png and b/packages/terra-table/tests/wdio/__snapshots__/reference/orion-fusion-theme/en/chrome_medium/table-spec/sticky-header-unscrolled.png differ diff --git a/packages/terra-table/tests/wdio/__snapshots__/reference/orion-fusion-theme/en/chrome_medium/table-spec/table-grid-context.png b/packages/terra-table/tests/wdio/__snapshots__/reference/orion-fusion-theme/en/chrome_medium/table-spec/table-grid-context.png index cbc2eade3ef..610e09ca0ae 100644 Binary files a/packages/terra-table/tests/wdio/__snapshots__/reference/orion-fusion-theme/en/chrome_medium/table-spec/table-grid-context.png and b/packages/terra-table/tests/wdio/__snapshots__/reference/orion-fusion-theme/en/chrome_medium/table-spec/table-grid-context.png differ diff --git a/packages/terra-table/tests/wdio/__snapshots__/reference/orion-fusion-theme/en/chrome_medium/table-spec/zebra-striped-table.png b/packages/terra-table/tests/wdio/__snapshots__/reference/orion-fusion-theme/en/chrome_medium/table-spec/zebra-striped-table.png new file mode 100644 index 00000000000..15e93080f4b Binary files /dev/null and b/packages/terra-table/tests/wdio/__snapshots__/reference/orion-fusion-theme/en/chrome_medium/table-spec/zebra-striped-table.png differ diff --git a/packages/terra-table/tests/wdio/__snapshots__/reference/terra-default-theme/en/chrome_large/table-spec/default-table.png b/packages/terra-table/tests/wdio/__snapshots__/reference/terra-default-theme/en/chrome_large/table-spec/default-table.png index 2631b3172d4..d6050905c9e 100644 Binary files a/packages/terra-table/tests/wdio/__snapshots__/reference/terra-default-theme/en/chrome_large/table-spec/default-table.png and b/packages/terra-table/tests/wdio/__snapshots__/reference/terra-default-theme/en/chrome_large/table-spec/default-table.png differ diff --git a/packages/terra-table/tests/wdio/__snapshots__/reference/terra-default-theme/en/chrome_large/table-spec/no-interaction-table.png b/packages/terra-table/tests/wdio/__snapshots__/reference/terra-default-theme/en/chrome_large/table-spec/no-interaction-table.png index c387200a8a0..e208ab30710 100644 Binary files a/packages/terra-table/tests/wdio/__snapshots__/reference/terra-default-theme/en/chrome_large/table-spec/no-interaction-table.png and b/packages/terra-table/tests/wdio/__snapshots__/reference/terra-default-theme/en/chrome_large/table-spec/no-interaction-table.png differ diff --git a/packages/terra-table/tests/wdio/__snapshots__/reference/terra-default-theme/en/chrome_large/table-spec/pinned-columns-scroll.png b/packages/terra-table/tests/wdio/__snapshots__/reference/terra-default-theme/en/chrome_large/table-spec/pinned-columns-scroll.png index 251b10f2fb9..1e690a0d9c9 100644 Binary files a/packages/terra-table/tests/wdio/__snapshots__/reference/terra-default-theme/en/chrome_large/table-spec/pinned-columns-scroll.png and b/packages/terra-table/tests/wdio/__snapshots__/reference/terra-default-theme/en/chrome_large/table-spec/pinned-columns-scroll.png differ diff --git a/packages/terra-table/tests/wdio/__snapshots__/reference/terra-default-theme/en/chrome_large/table-spec/pinned-columns.png b/packages/terra-table/tests/wdio/__snapshots__/reference/terra-default-theme/en/chrome_large/table-spec/pinned-columns.png index c89c83ed136..5d6338d3dbe 100644 Binary files a/packages/terra-table/tests/wdio/__snapshots__/reference/terra-default-theme/en/chrome_large/table-spec/pinned-columns.png and b/packages/terra-table/tests/wdio/__snapshots__/reference/terra-default-theme/en/chrome_large/table-spec/pinned-columns.png differ diff --git a/packages/terra-table/tests/wdio/__snapshots__/reference/terra-default-theme/en/chrome_large/table-spec/sortable-table-focused-header.png b/packages/terra-table/tests/wdio/__snapshots__/reference/terra-default-theme/en/chrome_large/table-spec/sortable-table-focused-header.png index 58f1a5424b5..fa65c25d997 100644 Binary files a/packages/terra-table/tests/wdio/__snapshots__/reference/terra-default-theme/en/chrome_large/table-spec/sortable-table-focused-header.png and b/packages/terra-table/tests/wdio/__snapshots__/reference/terra-default-theme/en/chrome_large/table-spec/sortable-table-focused-header.png differ diff --git a/packages/terra-table/tests/wdio/__snapshots__/reference/terra-default-theme/en/chrome_large/table-spec/sortable-table-keyboard.png b/packages/terra-table/tests/wdio/__snapshots__/reference/terra-default-theme/en/chrome_large/table-spec/sortable-table-keyboard.png index 5eb1b9fa3c5..be41f746cd9 100644 Binary files a/packages/terra-table/tests/wdio/__snapshots__/reference/terra-default-theme/en/chrome_large/table-spec/sortable-table-keyboard.png and b/packages/terra-table/tests/wdio/__snapshots__/reference/terra-default-theme/en/chrome_large/table-spec/sortable-table-keyboard.png differ diff --git a/packages/terra-table/tests/wdio/__snapshots__/reference/terra-default-theme/en/chrome_large/table-spec/sortable-table.png b/packages/terra-table/tests/wdio/__snapshots__/reference/terra-default-theme/en/chrome_large/table-spec/sortable-table.png deleted file mode 100644 index 8a1d39f11be..00000000000 Binary files a/packages/terra-table/tests/wdio/__snapshots__/reference/terra-default-theme/en/chrome_large/table-spec/sortable-table.png and /dev/null differ diff --git a/packages/terra-table/tests/wdio/__snapshots__/reference/terra-default-theme/en/chrome_large/table-spec/sticky-header-scrolled.png b/packages/terra-table/tests/wdio/__snapshots__/reference/terra-default-theme/en/chrome_large/table-spec/sticky-header-scrolled.png index 372367651e1..c9f1082f4f5 100644 Binary files a/packages/terra-table/tests/wdio/__snapshots__/reference/terra-default-theme/en/chrome_large/table-spec/sticky-header-scrolled.png and b/packages/terra-table/tests/wdio/__snapshots__/reference/terra-default-theme/en/chrome_large/table-spec/sticky-header-scrolled.png differ diff --git a/packages/terra-table/tests/wdio/__snapshots__/reference/terra-default-theme/en/chrome_large/table-spec/sticky-header-unscrolled.png b/packages/terra-table/tests/wdio/__snapshots__/reference/terra-default-theme/en/chrome_large/table-spec/sticky-header-unscrolled.png index 763d12791e3..637faddcc04 100644 Binary files a/packages/terra-table/tests/wdio/__snapshots__/reference/terra-default-theme/en/chrome_large/table-spec/sticky-header-unscrolled.png and b/packages/terra-table/tests/wdio/__snapshots__/reference/terra-default-theme/en/chrome_large/table-spec/sticky-header-unscrolled.png differ diff --git a/packages/terra-table/tests/wdio/__snapshots__/reference/terra-default-theme/en/chrome_large/table-spec/table-grid-context.png b/packages/terra-table/tests/wdio/__snapshots__/reference/terra-default-theme/en/chrome_large/table-spec/table-grid-context.png index d0885b9fb22..c2756ab9303 100644 Binary files a/packages/terra-table/tests/wdio/__snapshots__/reference/terra-default-theme/en/chrome_large/table-spec/table-grid-context.png and b/packages/terra-table/tests/wdio/__snapshots__/reference/terra-default-theme/en/chrome_large/table-spec/table-grid-context.png differ diff --git a/packages/terra-table/tests/wdio/__snapshots__/reference/terra-default-theme/en/chrome_large/table-spec/zebra-striped-table.png b/packages/terra-table/tests/wdio/__snapshots__/reference/terra-default-theme/en/chrome_large/table-spec/zebra-striped-table.png new file mode 100644 index 00000000000..7446d2f0e8a Binary files /dev/null and b/packages/terra-table/tests/wdio/__snapshots__/reference/terra-default-theme/en/chrome_large/table-spec/zebra-striped-table.png differ diff --git a/packages/terra-table/tests/wdio/__snapshots__/reference/terra-default-theme/en/chrome_medium/table-spec/default-table.png b/packages/terra-table/tests/wdio/__snapshots__/reference/terra-default-theme/en/chrome_medium/table-spec/default-table.png index ea5ecabc20e..a5c46287730 100644 Binary files a/packages/terra-table/tests/wdio/__snapshots__/reference/terra-default-theme/en/chrome_medium/table-spec/default-table.png and b/packages/terra-table/tests/wdio/__snapshots__/reference/terra-default-theme/en/chrome_medium/table-spec/default-table.png differ diff --git a/packages/terra-table/tests/wdio/__snapshots__/reference/terra-default-theme/en/chrome_medium/table-spec/no-interaction-table.png b/packages/terra-table/tests/wdio/__snapshots__/reference/terra-default-theme/en/chrome_medium/table-spec/no-interaction-table.png index 6abd0264ee2..c918f42734e 100644 Binary files a/packages/terra-table/tests/wdio/__snapshots__/reference/terra-default-theme/en/chrome_medium/table-spec/no-interaction-table.png and b/packages/terra-table/tests/wdio/__snapshots__/reference/terra-default-theme/en/chrome_medium/table-spec/no-interaction-table.png differ diff --git a/packages/terra-table/tests/wdio/__snapshots__/reference/terra-default-theme/en/chrome_medium/table-spec/pinned-columns-scroll.png b/packages/terra-table/tests/wdio/__snapshots__/reference/terra-default-theme/en/chrome_medium/table-spec/pinned-columns-scroll.png index 4610438d871..b5707fb5b8d 100644 Binary files a/packages/terra-table/tests/wdio/__snapshots__/reference/terra-default-theme/en/chrome_medium/table-spec/pinned-columns-scroll.png and b/packages/terra-table/tests/wdio/__snapshots__/reference/terra-default-theme/en/chrome_medium/table-spec/pinned-columns-scroll.png differ diff --git a/packages/terra-table/tests/wdio/__snapshots__/reference/terra-default-theme/en/chrome_medium/table-spec/pinned-columns.png b/packages/terra-table/tests/wdio/__snapshots__/reference/terra-default-theme/en/chrome_medium/table-spec/pinned-columns.png index 18a7025378d..e4d22a21c53 100644 Binary files a/packages/terra-table/tests/wdio/__snapshots__/reference/terra-default-theme/en/chrome_medium/table-spec/pinned-columns.png and b/packages/terra-table/tests/wdio/__snapshots__/reference/terra-default-theme/en/chrome_medium/table-spec/pinned-columns.png differ diff --git a/packages/terra-table/tests/wdio/__snapshots__/reference/terra-default-theme/en/chrome_medium/table-spec/sortable-table-focused-header.png b/packages/terra-table/tests/wdio/__snapshots__/reference/terra-default-theme/en/chrome_medium/table-spec/sortable-table-focused-header.png index 58f1a5424b5..fa65c25d997 100644 Binary files a/packages/terra-table/tests/wdio/__snapshots__/reference/terra-default-theme/en/chrome_medium/table-spec/sortable-table-focused-header.png and b/packages/terra-table/tests/wdio/__snapshots__/reference/terra-default-theme/en/chrome_medium/table-spec/sortable-table-focused-header.png differ diff --git a/packages/terra-table/tests/wdio/__snapshots__/reference/terra-default-theme/en/chrome_medium/table-spec/sortable-table-keyboard.png b/packages/terra-table/tests/wdio/__snapshots__/reference/terra-default-theme/en/chrome_medium/table-spec/sortable-table-keyboard.png index 5eb1b9fa3c5..be41f746cd9 100644 Binary files a/packages/terra-table/tests/wdio/__snapshots__/reference/terra-default-theme/en/chrome_medium/table-spec/sortable-table-keyboard.png and b/packages/terra-table/tests/wdio/__snapshots__/reference/terra-default-theme/en/chrome_medium/table-spec/sortable-table-keyboard.png differ diff --git a/packages/terra-table/tests/wdio/__snapshots__/reference/terra-default-theme/en/chrome_medium/table-spec/sortable-table.png b/packages/terra-table/tests/wdio/__snapshots__/reference/terra-default-theme/en/chrome_medium/table-spec/sortable-table.png deleted file mode 100644 index 8a1d39f11be..00000000000 Binary files a/packages/terra-table/tests/wdio/__snapshots__/reference/terra-default-theme/en/chrome_medium/table-spec/sortable-table.png and /dev/null differ diff --git a/packages/terra-table/tests/wdio/__snapshots__/reference/terra-default-theme/en/chrome_medium/table-spec/sticky-header-scrolled.png b/packages/terra-table/tests/wdio/__snapshots__/reference/terra-default-theme/en/chrome_medium/table-spec/sticky-header-scrolled.png index 372367651e1..c9f1082f4f5 100644 Binary files a/packages/terra-table/tests/wdio/__snapshots__/reference/terra-default-theme/en/chrome_medium/table-spec/sticky-header-scrolled.png and b/packages/terra-table/tests/wdio/__snapshots__/reference/terra-default-theme/en/chrome_medium/table-spec/sticky-header-scrolled.png differ diff --git a/packages/terra-table/tests/wdio/__snapshots__/reference/terra-default-theme/en/chrome_medium/table-spec/sticky-header-unscrolled.png b/packages/terra-table/tests/wdio/__snapshots__/reference/terra-default-theme/en/chrome_medium/table-spec/sticky-header-unscrolled.png index 763d12791e3..637faddcc04 100644 Binary files a/packages/terra-table/tests/wdio/__snapshots__/reference/terra-default-theme/en/chrome_medium/table-spec/sticky-header-unscrolled.png and b/packages/terra-table/tests/wdio/__snapshots__/reference/terra-default-theme/en/chrome_medium/table-spec/sticky-header-unscrolled.png differ diff --git a/packages/terra-table/tests/wdio/__snapshots__/reference/terra-default-theme/en/chrome_medium/table-spec/table-grid-context.png b/packages/terra-table/tests/wdio/__snapshots__/reference/terra-default-theme/en/chrome_medium/table-spec/table-grid-context.png index d0885b9fb22..c2756ab9303 100644 Binary files a/packages/terra-table/tests/wdio/__snapshots__/reference/terra-default-theme/en/chrome_medium/table-spec/table-grid-context.png and b/packages/terra-table/tests/wdio/__snapshots__/reference/terra-default-theme/en/chrome_medium/table-spec/table-grid-context.png differ diff --git a/packages/terra-table/tests/wdio/__snapshots__/reference/terra-default-theme/en/chrome_medium/table-spec/zebra-striped-table.png b/packages/terra-table/tests/wdio/__snapshots__/reference/terra-default-theme/en/chrome_medium/table-spec/zebra-striped-table.png new file mode 100644 index 00000000000..97893662871 Binary files /dev/null and b/packages/terra-table/tests/wdio/__snapshots__/reference/terra-default-theme/en/chrome_medium/table-spec/zebra-striped-table.png differ diff --git a/packages/terra-table/tests/wdio/table-spec.js b/packages/terra-table/tests/wdio/table-spec.js index 8f70a4629e4..ace49154bdf 100644 --- a/packages/terra-table/tests/wdio/table-spec.js +++ b/packages/terra-table/tests/wdio/table-spec.js @@ -91,4 +91,16 @@ Terra.describeViewports('Table', ['medium', 'large'], () => { Terra.validates.element('table-grid-context', { selector: tableWithGridContextSelector }); }); }); + + describe('Zebra Striped Table', () => { + const zebraStripeTableSelector = '#zebra-striped-table'; + + beforeEach(() => { + browser.url('/raw/tests/cerner-terra-framework-docs/table/zebra-striped-table'); + }); + + it('Validates a table has zebra striping when specified via props', () => { + Terra.validates.element('zebra-striped-table', { selector: zebraStripeTableSelector }); + }); + }); });