@laerdal/life-react-components 1.3.2-dev.13 → 1.3.2-dev.15
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/esm/Modals/ModalDialog.js +7 -4
- package/dist/esm/Modals/ModalDialog.js.map +1 -1
- package/dist/esm/Table/Table.js +19 -1
- package/dist/esm/Table/Table.js.map +1 -1
- package/dist/esm/Table/TableFooter.js +10 -3
- package/dist/esm/Table/TableFooter.js.map +1 -1
- package/dist/esm/Table/TableStyles.js +45 -2
- package/dist/esm/Table/TableStyles.js.map +1 -1
- package/dist/esm/Table/__tests__/Table.test.js +162 -0
- package/dist/esm/Table/__tests__/Table.test.js.map +1 -1
- package/dist/js/Modals/ModalDialog.d.ts +2 -1
- package/dist/js/Modals/ModalDialog.js +7 -4
- package/dist/js/Modals/ModalDialog.js.map +1 -1
- package/dist/js/Table/Table.js +30 -7
- package/dist/js/Table/Table.js.map +1 -1
- package/dist/js/Table/TableFooter.d.ts +2 -0
- package/dist/js/Table/TableFooter.js +14 -2
- package/dist/js/Table/TableFooter.js.map +1 -1
- package/dist/js/Table/TableStyles.d.ts +1 -0
- package/dist/js/Table/TableStyles.js +7 -3
- package/dist/js/Table/TableStyles.js.map +1 -1
- package/dist/js/Table/TableTypes.d.ts +4 -1
- package/dist/js/Table/__tests__/Table.test.js +164 -0
- package/dist/js/Table/__tests__/Table.test.js.map +1 -1
- package/dist/umd/Modals/ModalDialog.js +7 -4
- package/dist/umd/Modals/ModalDialog.js.map +1 -1
- package/dist/umd/Table/Table.js +19 -1
- package/dist/umd/Table/Table.js.map +1 -1
- package/dist/umd/Table/TableFooter.js +12 -6
- package/dist/umd/Table/TableFooter.js.map +1 -1
- package/dist/umd/Table/TableStyles.js +45 -2
- package/dist/umd/Table/TableStyles.js.map +1 -1
- package/dist/umd/Table/__tests__/Table.test.js +164 -4
- package/dist/umd/Table/__tests__/Table.test.js.map +1 -1
- package/package.json +1 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../src/Table/TableFooter.tsx"],"names":["onRowsPerPageChange","rowsPerPage","from","to","total","nextPage","prevPage","TableFooter","props","rowsPerPageValues","label","dropDownText","value","COLORS","neutral_600"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;
|
|
1
|
+
{"version":3,"sources":["../../../src/Table/TableFooter.tsx"],"names":["onRowsPerPageChange","rowsPerPage","from","to","total","nextPage","prevPage","setIsCollapsed","isCollapsed","TableFooter","props","rowsPerPageValues","label","dropDownText","e","value","COLORS","neutral_600"],"mappings":"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","sourcesContent":["import React from 'react';\nimport {TableProps} from './TableTypes';\nimport {DropdownFilter} from '../Dropdown';\nimport {IconButton} from '../Button';\nimport {ChevronLeft, ChevronRight} from '../icons/systemicons/SystemIcons';\nimport {COLORS} from '../styles';\nimport {DropdownFilterItem} from '../Dropdown/DropdownFilter';\nimport {\n StyledTableFooter, StyledTableFooterCollapseButton,\n StyledTableFooterContent,\n StyledTableFooterControls,\n StyledTableFooterCurrentInfo\n} from './TableStyles';\nimport {SystemIcons} from '../icons';\n\n\ninterface TableFooterProps extends TableProps {\n onRowsPerPageChange: (value: number) => void;\n rowsPerPage: number;\n from?: number;\n to?: number;\n total?: number;\n nextPage: () => void;\n prevPage: () => void;\n setIsCollapsed: (isCollapsed: boolean) => void;\n isCollapsed: boolean;\n}\n\nconst TableFooter: React.FunctionComponent<TableFooterProps> = (props) => {\n const rowsPerPageValues: DropdownFilterItem[] = [{label: '10'}, {label: '20'}, {label: '50'}, {label: '100'}];\n\n const dropDownText = `Rows per page: ${props.rowsPerPage}`;\n\n return (\n <StyledTableFooter>\n <tr>\n <td colSpan={props.columns.length + (props.multiSelect ? 1 : 0)} data-testid=\"TestTableFooterRow\">\n {\n props.accordion &&\n <StyledTableFooterCollapseButton onClick={() => props.setIsCollapsed(!props.isCollapsed)}\n onMouseDown={e => e.preventDefault()}\n disabled={props.isCollapsed && props.rows.length <= props.rowsPerPage}>\n {\n props.isCollapsed &&\n <>\n <span>Show more({props.rows.length - props.rowsPerPage})</span>\n <SystemIcons.ArrowDropDown/>\n </>\n }\n {\n !props.isCollapsed &&\n <>\n <span>Show less</span>\n <SystemIcons.ArrowDropUp/>\n </>\n }\n </StyledTableFooterCollapseButton>\n }\n {\n !props.accordion &&\n <StyledTableFooterContent>\n <DropdownFilter\n id=\"rows-per-page\"\n list={rowsPerPageValues}\n disableSorting={true}\n onSelect={(value) => props.onRowsPerPageChange(+value)}\n initalValue={dropDownText}\n keepInitialValue={true}\n isButton={true}\n />\n <StyledTableFooterCurrentInfo>\n {props.total === 0 ? 0 : props.from}-{props.to} of {props.total}\n </StyledTableFooterCurrentInfo>\n <StyledTableFooterControls>\n <IconButton variant=\"secondary\" shape=\"circular\" action={() => props.prevPage()}\n disabled={props.from === 1}>\n <ChevronLeft size=\"24\" color={COLORS.neutral_600}/>\n </IconButton>\n <IconButton variant=\"secondary\" shape=\"circular\" action={() => props.nextPage()}\n disabled={props.to === props.total}>\n <ChevronRight size=\"24\" color={COLORS.neutral_600}/>\n </IconButton>\n </StyledTableFooterControls>\n </StyledTableFooterContent>\n }\n </td>\n </tr>\n </StyledTableFooter>\n );\n};\n\n\nexport default TableFooter;\n"],"file":"TableFooter.js"}
|
|
@@ -16,7 +16,7 @@
|
|
|
16
16
|
Object.defineProperty(exports, "__esModule", {
|
|
17
17
|
value: true
|
|
18
18
|
});
|
|
19
|
-
exports.StyledTableSpinner = exports.StyledTableFooterControls = exports.StyledTableFooterCurrentInfo = exports.StyledTableFooterContent = exports.StyledTableFooter = exports.StyledTableCellIcon = exports.StyledTableCellContent = exports.StyledTableCell = exports.StyledTableBody = exports.StyledTableBodyRow = exports.StyledTableHeaderColumn = exports.StyledTableHeaderColumnContent = exports.StyledTableHeaderColumns = exports.StyledTableHeaderTitleContent = exports.StyledTableHeaderTitle = exports.StyledTableHeader = exports.StyledTable = exports.TableWrapper = undefined;
|
|
19
|
+
exports.StyledTableFooterCollapseButton = exports.StyledTableSpinner = exports.StyledTableFooterControls = exports.StyledTableFooterCurrentInfo = exports.StyledTableFooterContent = exports.StyledTableFooter = exports.StyledTableCellIcon = exports.StyledTableCellContent = exports.StyledTableCell = exports.StyledTableBody = exports.StyledTableBodyRow = exports.StyledTableHeaderColumn = exports.StyledTableHeaderColumnContent = exports.StyledTableHeaderColumns = exports.StyledTableHeaderTitleContent = exports.StyledTableHeaderTitle = exports.StyledTableHeader = exports.StyledTable = exports.TableWrapper = undefined;
|
|
20
20
|
|
|
21
21
|
var _styledComponents2 = _interopRequireDefault(_styledComponents);
|
|
22
22
|
|
|
@@ -147,7 +147,7 @@
|
|
|
147
147
|
}
|
|
148
148
|
|
|
149
149
|
${StyledTableBodyRow}:nth-child(even):not(:hover):not(:focus):not(:active) {
|
|
150
|
-
background-color: ${_styles.COLORS.
|
|
150
|
+
background-color: ${_styles.COLORS.neutral_20};
|
|
151
151
|
}
|
|
152
152
|
`;
|
|
153
153
|
const StyledTableCell = exports.StyledTableCell = _styledComponents2.default.td``;
|
|
@@ -216,6 +216,49 @@
|
|
|
216
216
|
position: absolute;
|
|
217
217
|
background-color: rgba(0, 0, 0, 0.5);
|
|
218
218
|
top: 0;
|
|
219
|
+
`;
|
|
220
|
+
const StyledTableFooterCollapseButton = exports.StyledTableFooterCollapseButton = _styledComponents2.default.button`
|
|
221
|
+
position: relative;
|
|
222
|
+
border-bottom: 1px solid ${_styles.COLORS.neutral_200};
|
|
223
|
+
border-top: 1px solid ${_styles.COLORS.neutral_200};
|
|
224
|
+
border-left: none;
|
|
225
|
+
border-right: none;
|
|
226
|
+
box-sizing: border-box;
|
|
227
|
+
min-height: 48px;
|
|
228
|
+
display: flex;
|
|
229
|
+
width: 100%;
|
|
230
|
+
align-items: center;
|
|
231
|
+
justify-content: center;
|
|
232
|
+
gap: 4px;
|
|
233
|
+
background: ${_styles.COLORS.white};
|
|
234
|
+
|
|
235
|
+
cursor: pointer;
|
|
236
|
+
|
|
237
|
+
${(0, _typography.ComponentMStyling)(_typography.ComponentTextStyle.Bold, _styles.COLORS.neutral_800)}
|
|
238
|
+
&:focus {
|
|
239
|
+
outline: none;
|
|
240
|
+
z-index: ${_zIndexes.Z_INDEXES.focus};
|
|
241
|
+
color: ${_styles.COLORS.neutral_600};
|
|
242
|
+
box-shadow: 0px 4px 12px rgba(46, 127, 161, 0.25), 0px 0px 8px #2E7FA1;
|
|
243
|
+
}
|
|
244
|
+
|
|
245
|
+
&:hover {
|
|
246
|
+
z-index: ${_zIndexes.Z_INDEXES.hover};
|
|
247
|
+
background: ${_styles.COLORS.primary_20};
|
|
248
|
+
color: ${_styles.COLORS.primary_700};
|
|
249
|
+
}
|
|
250
|
+
|
|
251
|
+
&:active {
|
|
252
|
+
box-shadow: none;
|
|
253
|
+
z-index: ${_zIndexes.Z_INDEXES.active};
|
|
254
|
+
background: ${_styles.COLORS.primary_100};
|
|
255
|
+
color: ${_styles.COLORS.primary_800};
|
|
256
|
+
}
|
|
257
|
+
|
|
258
|
+
&:disabled {
|
|
259
|
+
display: none;
|
|
260
|
+
}
|
|
261
|
+
|
|
219
262
|
`;
|
|
220
263
|
});
|
|
221
264
|
//# sourceMappingURL=TableStyles.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../src/Table/TableStyles.ts"],"names":["TableWrapper","styled","div","StyledTable","table","StyledTableHeader","thead","StyledTableHeaderTitle","tr","StyledTableHeaderTitleContent","COLORS","neutral_200","ComponentLStyling","ComponentTextStyle","StyledTableHeaderColumns","StyledTableHeaderColumnContent","StyledTableHeaderColumn","th","ComponentSStyling","white","primary_20","primary_700","Z_INDEXES","hover","primary_100","primary_800","active","focus_25","focus","StyledTableBodyRow","primary_200","StyledTableBody","tbody","neutral_100","StyledTableCell","td","StyledTableCellContent","StyledTableCellIcon","neutral_700","StyledTableFooter","tfoot","StyledTableFooterContent","StyledTableFooterCurrentInfo","span","ComponentXSStyling","StyledTableFooterControls","StyledTableSpinner"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AACA;AACA;;AAGA;AACA;AACA;;AAWA;AACA;AACA;AAEO,QAAMA,YAAY,WAAZA,YAAY,GAAGC,2BAAOC,GAAI;AACvC;AADO,CAAA;AAKA,QAAMC,WAAW,WAAXA,WAAW,GAAGF,2BAAOG,KAAM;AACxC;AACA;AAFO,CAAA;AAKA,QAAMC,iBAAiB,WAAjBA,iBAAiB,GAAGJ,2BAAOK,KAAM;AAAvC,CAAA;AAGA,QAAMC,sBAAsB,WAAtBA,sBAAsB,GAAGN,2BAAOO,EAAG;AAAzC,CAAA;AAGA,QAAMC,6BAA6B,WAA7BA,6BAA6B,GAAGR,2BAAOC,GAAI;AACxD;AACA;AACA;AACA;AACA;AACA;AACA,6BAA6BQ,eAAOC,WAAY;AAChD,0BAA0BD,eAAOC,WAAY;AAC7C;AACA;AACA,IAAIC,mCAAkBC,+BAAD,IAAjBD,EAA2CF,eAA1B,KAAjBE,CAAyD;AAC7D;AACA;AACA;AAdO,CAAA;AAiBA,QAAME,wBAAwB,WAAxBA,wBAAwB,GAAGb,2BAAOO,EAAG;AAA3C,CAAA;AAGA,QAAMO,8BAA8B,WAA9BA,8BAA8B,GAAGd,2BAAOC,GAAI;AACzD;AACA;AACA;AACA;AACA;AACA;AACA;AACA,0BAA0BQ,eAAOC,WAAY;AAC7C,6BAA6BD,eAAOC,WAAY;AATzC,CAAA;AAYA,QAAMK,uBAAuB,WAAvBA,uBAAuB,GAAGf,2BAAOgB,EAAG;AACjD,IAAIC,mCAAkBL,+BAAD,IAAjBK,EAA2CR,eAA1B,WAAjBQ,CAA+D;AACnE;AACA;AACA,sBAAsBR,eAAOS,KAAM;AACnC;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,0BAA0BT,eAAOU,UAAW;AAC5C,eAAeV,eAAOW,WAAY;AAClC,iBAAiBC,oBAAUC,KAAM;AACjC;AACA;AACA;AACA,0BAA0Bb,eAAOc,WAAY;AAC7C,eAAed,eAAOe,WAAY;AAClC;AACA,iBAAiBH,oBAAUI,MAAO;AAClC;AACA;AACA;AACA;AACA,+BAA+BhB,eAAOiB,QAAS,aAAYjB,eAAOkB,KAAM;AACxE,iBAAiBN,oBAAUM,KAAM;AACjC;AACA;AACA;AACA,eAAeb,8BAA+B;AAC9C;AACA;AACA;AACA,sBAAsBA,8BAA+B;AACrD;AACA;AACA;AAvCO,CAAA;AA0CA,QAAMc,kBAAkB,WAAlBA,kBAAkB,GAAG5B,2BAAOO,EAAG;AAC5C;AACA;AACA;AACA;AACA;AACA,wBAAwBE,eAAOoB,WAAY;AAC3C,eAAeR,oBAAUC,KAAM;AAC/B;AACA;AACA;AACA,wBAAwBb,eAAOoB,WAAY;AAC3C;AACA,eAAeR,oBAAUM,KAAM;AAC/B;AACA;AACA;AACA;AACA;AACA,eAAeN,oBAAUI,MAAO;AAChC;AACA;AArBO,CAAA;AAwBA,QAAMK,eAAe,WAAfA,eAAe,GAAG9B,2BAAO+B,KAAM;AAC5C,IAAIH,kBAAmB;AACvB,wBAAwBnB,eAAOuB,WAAY;AAC3C;AACA;AACA,IAAIJ,kBAAmB;AACvB,wBAAwBnB,
|
|
1
|
+
{"version":3,"sources":["../../../src/Table/TableStyles.ts"],"names":["TableWrapper","styled","div","StyledTable","table","StyledTableHeader","thead","StyledTableHeaderTitle","tr","StyledTableHeaderTitleContent","COLORS","neutral_200","ComponentLStyling","ComponentTextStyle","StyledTableHeaderColumns","StyledTableHeaderColumnContent","StyledTableHeaderColumn","th","ComponentSStyling","white","primary_20","primary_700","Z_INDEXES","hover","primary_100","primary_800","active","focus_25","focus","StyledTableBodyRow","primary_200","StyledTableBody","tbody","neutral_100","neutral_20","StyledTableCell","td","StyledTableCellContent","StyledTableCellIcon","neutral_700","StyledTableFooter","tfoot","StyledTableFooterContent","StyledTableFooterCurrentInfo","span","ComponentXSStyling","StyledTableFooterControls","StyledTableSpinner","StyledTableFooterCollapseButton","button","ComponentMStyling","neutral_600"],"mappings":"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","sourcesContent":["/**\n * Import third-party libraries.\n */\nimport styled from 'styled-components';\n\n/**\n * Import custom style properties.\n */\nimport {COLORS} from '../styles';\nimport {\n ComponentLStyling,\n ComponentMStyling,\n ComponentSStyling,\n ComponentTextStyle,\n ComponentXSStyling\n} from '../styles/typography';\nimport {Z_INDEXES} from '../styles/z-indexes';\n\n/**\n * Table styles\n */\n\nexport const TableWrapper = styled.div`\n position: relative;\n`;\n\n\nexport const StyledTable = styled.table`\n background: transparent;\n width: 100%;\n`;\n\nexport const StyledTableHeader = styled.thead`\n`;\n\nexport const StyledTableHeaderTitle = styled.tr`\n`;\n\nexport const StyledTableHeaderTitleContent = styled.div`\n display: flex;\n align-items: center;\n justify-content: space-between;\n width: 100%;\n box-sizing: border-box;\n min-height: 56px;\n border-bottom: 1px solid ${COLORS.neutral_200};\n border-top: 2px solid ${COLORS.neutral_200};\n padding: 0 16px;\n\n ${ComponentLStyling(ComponentTextStyle.Bold, COLORS.black)}\n .title-menu {\n margin-right: -16px;\n }\n`;\n\nexport const StyledTableHeaderColumns = styled.tr`\n`;\n\nexport const StyledTableHeaderColumnContent = styled.div`\n box-sizing: border-box;\n min-height: 56px;\n padding: 0 16px;\n height: 100%;\n display: flex;\n align-items: center;\n justify-content: space-between;\n border-top: 1px solid ${COLORS.neutral_200};\n border-bottom: 1px solid ${COLORS.neutral_200};\n`;\n\nexport const StyledTableHeaderColumn = styled.th`\n ${ComponentSStyling(ComponentTextStyle.Bold, COLORS.neutral_600)}\n position: relative;\n\n background-color: ${COLORS.white};\n\n //fixes header heights no idea why\n height: 1px;\n\n &.sortable {\n cursor: pointer;\n\n &:hover {\n background-color: ${COLORS.primary_20};\n color: ${COLORS.primary_700};\n z-index: ${Z_INDEXES.hover};\n }\n\n &:active {\n background-color: ${COLORS.primary_100};\n color: ${COLORS.primary_800};\n box-shadow: none !important;\n z-index: ${Z_INDEXES.active};\n }\n\n &:focus {\n outline: none;\n box-shadow: 0 4px 12px ${COLORS.focus_25}, 0 0 8px ${COLORS.focus};\n z-index: ${Z_INDEXES.focus};\n }\n }\n\n &.sortable ${StyledTableHeaderColumnContent} > svg {\n opacity: 0;\n }\n\n &.sortable.sorted ${StyledTableHeaderColumnContent} > svg {\n opacity: 1;\n }\n\n`;\n\nexport const StyledTableBodyRow = styled.tr`\n cursor: pointer;\n position: relative;\n outline: none;\n\n &:hover {\n background-color: ${COLORS.primary_200};\n z-index: ${Z_INDEXES.hover};\n }\n\n &:focus {\n background-color: ${COLORS.primary_200};\n box-shadow: 0px 4px 12px rgba(46, 127, 161, 0.25), 0px 0px 8px #2E7FA1;\n z-index: ${Z_INDEXES.focus};\n outline: none;\n }\n\n &:active {\n box-shadow: none;\n z-index: ${Z_INDEXES.active};\n }\n\n`;\n\nexport const StyledTableBody = styled.tbody`\n ${StyledTableBodyRow}:nth-child(odd):not(:hover):not(:focus):not(:active) {\n background-color: ${COLORS.neutral_100};\n }\n\n ${StyledTableBodyRow}:nth-child(even):not(:hover):not(:focus):not(:active) {\n background-color: ${COLORS.neutral_20};\n }\n`;\n\n\nexport const StyledTableCell = styled.td``;\n\nexport const StyledTableCellContent = styled.div`\n min-height: 48px;\n\n padding: 0 16px;\n ${ComponentSStyling(ComponentTextStyle.Regular, null)}\n\n display: flex;\n align-items: center;\n gap: 8px;\n\n &.truncate-text,\n &.truncate-text span {\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n }\n\n &.left {\n justify-content: left;\n }\n\n &.right {\n justify-content: right;\n }\n\n &.center {\n justify-content: center;\n }\n`;\n\nexport const StyledTableCellIcon = styled.div`\n color: ${COLORS.neutral_700};\n width: 24px;\n height: 24px;\n\n svg {\n color: ${COLORS.neutral_700};\n width: 24px;\n height: 24px;\n }\n`;\n\n\nexport const StyledTableFooter = styled.tfoot`\n`;\n\nexport const StyledTableFooterContent = styled.div`\n border-top: 2px solid ${COLORS.neutral_200};\n border-bottom: 1px solid ${COLORS.neutral_200};\n box-sizing: border-box;\n min-height: 56px;\n\n display: flex;\n align-items: center;\n justify-content: right;\n`;\n\nexport const StyledTableFooterCurrentInfo = styled.span`\n padding: 0 16px;\n ${ComponentXSStyling(ComponentTextStyle.Regular, COLORS.black)}\n`;\n\nexport const StyledTableFooterControls = styled.div`\n display: flex;\n`;\n\nexport const StyledTableSpinner = styled.div`\n height: 100%;\n width: 100%;\n position: absolute;\n background-color: rgba(0, 0, 0, 0.5);\n top: 0;\n`;\n\nexport const StyledTableFooterCollapseButton = styled.button`\n position: relative;\n border-bottom: 1px solid ${COLORS.neutral_200};\n border-top: 1px solid ${COLORS.neutral_200};\n border-left: none;\n border-right: none;\n box-sizing: border-box;\n min-height: 48px;\n display: flex;\n width: 100%;\n align-items: center;\n justify-content: center;\n gap: 4px;\n background: ${COLORS.white};\n\n cursor: pointer;\n\n ${ComponentMStyling(ComponentTextStyle.Bold, COLORS.neutral_800)}\n &:focus {\n outline: none;\n z-index: ${Z_INDEXES.focus};\n color: ${COLORS.neutral_600};\n box-shadow: 0px 4px 12px rgba(46, 127, 161, 0.25), 0px 0px 8px #2E7FA1;\n }\n\n &:hover {\n z-index: ${Z_INDEXES.hover};\n background: ${COLORS.primary_20};\n color: ${COLORS.primary_700};\n }\n\n &:active {\n box-shadow: none;\n z-index: ${Z_INDEXES.active};\n background: ${COLORS.primary_100};\n color: ${COLORS.primary_800};\n }\n\n &:disabled {\n display: none;\n }\n\n`;\n"],"file":"TableStyles.js"}
|
|
@@ -1,16 +1,16 @@
|
|
|
1
1
|
(function (global, factory) {
|
|
2
2
|
if (typeof define === "function" && define.amd) {
|
|
3
|
-
define(["react", "@testing-library/react", "../index", "jest-styled-components"], factory);
|
|
3
|
+
define(["react", "@testing-library/react", "../index", "../TableStyles", "react-dom/test-utils", "jest-styled-components"], factory);
|
|
4
4
|
} else if (typeof exports !== "undefined") {
|
|
5
|
-
factory(require("react"), require("@testing-library/react"), require("../index"), require("jest-styled-components"));
|
|
5
|
+
factory(require("react"), require("@testing-library/react"), require("../index"), require("../TableStyles"), require("react-dom/test-utils"), require("jest-styled-components"));
|
|
6
6
|
} else {
|
|
7
7
|
var mod = {
|
|
8
8
|
exports: {}
|
|
9
9
|
};
|
|
10
|
-
factory(global.react, global.react, global.index, global.jestStyledComponents);
|
|
10
|
+
factory(global.react, global.react, global.index, global.TableStyles, global.testUtils, global.jestStyledComponents);
|
|
11
11
|
global.undefined = mod.exports;
|
|
12
12
|
}
|
|
13
|
-
})(this, function (_react, _react3, _index) {
|
|
13
|
+
})(this, function (_react, _react3, _index, _TableStyles, _testUtils) {
|
|
14
14
|
"use strict";
|
|
15
15
|
|
|
16
16
|
var _react2 = _interopRequireDefault(_react);
|
|
@@ -314,6 +314,166 @@
|
|
|
314
314
|
}));
|
|
315
315
|
expect(getByTestId('TestTableFooterRow')).toBeDefined();
|
|
316
316
|
});
|
|
317
|
+
describe('Table Accordion tests', () => {
|
|
318
|
+
it('Should render collapse button when configured as accordion', () => {
|
|
319
|
+
const columns = [{
|
|
320
|
+
key: 'column1',
|
|
321
|
+
name: 'Column 1'
|
|
322
|
+
}, {
|
|
323
|
+
key: 'column2',
|
|
324
|
+
name: 'Column 2'
|
|
325
|
+
}];
|
|
326
|
+
const rows = [{
|
|
327
|
+
column1: 'Test content',
|
|
328
|
+
column2: 'Test content 2'
|
|
329
|
+
}, {
|
|
330
|
+
column1: 'Test content',
|
|
331
|
+
column2: 'Test content 2'
|
|
332
|
+
}, {
|
|
333
|
+
column1: 'Test content',
|
|
334
|
+
column2: 'Test content 2'
|
|
335
|
+
}, {
|
|
336
|
+
column1: 'Test content',
|
|
337
|
+
column2: 'Test content 2'
|
|
338
|
+
}];
|
|
339
|
+
const wrapper = (0, _react3.render)( /*#__PURE__*/_react2.default.createElement(_index.Table, {
|
|
340
|
+
rows: rows,
|
|
341
|
+
columns: columns,
|
|
342
|
+
accordion: true,
|
|
343
|
+
collapsedRows: 3
|
|
344
|
+
}));
|
|
345
|
+
expect(wrapper.container.querySelectorAll(`${_TableStyles.StyledTableFooterCollapseButton}`)).toHaveLength(1);
|
|
346
|
+
});
|
|
347
|
+
it('Should not render all items when collapsed', () => {
|
|
348
|
+
const columns = [{
|
|
349
|
+
key: 'column1',
|
|
350
|
+
name: 'Column 1'
|
|
351
|
+
}, {
|
|
352
|
+
key: 'column2',
|
|
353
|
+
name: 'Column 2'
|
|
354
|
+
}];
|
|
355
|
+
const rows = [{
|
|
356
|
+
column1: 'Test content',
|
|
357
|
+
column2: 'Test content 2'
|
|
358
|
+
}, {
|
|
359
|
+
column1: 'Test content',
|
|
360
|
+
column2: 'Test content 2'
|
|
361
|
+
}, {
|
|
362
|
+
column1: 'Test content',
|
|
363
|
+
column2: 'Test content 2'
|
|
364
|
+
}, {
|
|
365
|
+
column1: 'Test content',
|
|
366
|
+
column2: 'Test content 2'
|
|
367
|
+
}];
|
|
368
|
+
const wrapper = (0, _react3.render)( /*#__PURE__*/_react2.default.createElement(_index.Table, {
|
|
369
|
+
rows: rows,
|
|
370
|
+
columns: columns,
|
|
371
|
+
accordion: true,
|
|
372
|
+
collapsedRows: 3
|
|
373
|
+
}));
|
|
374
|
+
expect(wrapper.container.querySelectorAll(`${_TableStyles.StyledTableBodyRow}`)).toHaveLength(3);
|
|
375
|
+
});
|
|
376
|
+
it('Should render all items when not collapsed', () => {
|
|
377
|
+
const columns = [{
|
|
378
|
+
key: 'column1',
|
|
379
|
+
name: 'Column 1'
|
|
380
|
+
}, {
|
|
381
|
+
key: 'column2',
|
|
382
|
+
name: 'Column 2'
|
|
383
|
+
}];
|
|
384
|
+
const rows = [{
|
|
385
|
+
column1: 'Test content',
|
|
386
|
+
column2: 'Test content 2'
|
|
387
|
+
}, {
|
|
388
|
+
column1: 'Test content',
|
|
389
|
+
column2: 'Test content 2'
|
|
390
|
+
}, {
|
|
391
|
+
column1: 'Test content',
|
|
392
|
+
column2: 'Test content 2'
|
|
393
|
+
}, {
|
|
394
|
+
column1: 'Test content',
|
|
395
|
+
column2: 'Test content 2'
|
|
396
|
+
}];
|
|
397
|
+
const wrapper = (0, _react3.render)( /*#__PURE__*/_react2.default.createElement(_index.Table, {
|
|
398
|
+
rows: rows,
|
|
399
|
+
columns: columns,
|
|
400
|
+
accordion: true,
|
|
401
|
+
collapsedRows: 3,
|
|
402
|
+
collapsed: false
|
|
403
|
+
}));
|
|
404
|
+
expect(wrapper.container.querySelectorAll(`${_TableStyles.StyledTableBodyRow}`)).toHaveLength(4);
|
|
405
|
+
});
|
|
406
|
+
it('Should expand when show more button is clicked', () => {
|
|
407
|
+
const columns = [{
|
|
408
|
+
key: 'column1',
|
|
409
|
+
name: 'Column 1'
|
|
410
|
+
}, {
|
|
411
|
+
key: 'column2',
|
|
412
|
+
name: 'Column 2'
|
|
413
|
+
}];
|
|
414
|
+
const rows = [{
|
|
415
|
+
column1: 'Test content',
|
|
416
|
+
column2: 'Test content 2'
|
|
417
|
+
}, {
|
|
418
|
+
column1: 'Test content',
|
|
419
|
+
column2: 'Test content 2'
|
|
420
|
+
}, {
|
|
421
|
+
column1: 'Test content',
|
|
422
|
+
column2: 'Test content 2'
|
|
423
|
+
}, {
|
|
424
|
+
column1: 'Test content',
|
|
425
|
+
column2: 'Test content 2'
|
|
426
|
+
}];
|
|
427
|
+
const wrapper = (0, _react3.render)( /*#__PURE__*/_react2.default.createElement(_index.Table, {
|
|
428
|
+
rows: rows,
|
|
429
|
+
columns: columns,
|
|
430
|
+
accordion: true,
|
|
431
|
+
collapsedRows: 3,
|
|
432
|
+
collapsed: true
|
|
433
|
+
}));
|
|
434
|
+
expect(wrapper.container.querySelectorAll(`${_TableStyles.StyledTableBodyRow}`)).toHaveLength(3);
|
|
435
|
+
(0, _testUtils.act)(() => {
|
|
436
|
+
let button = wrapper.container.querySelectorAll(`${_TableStyles.StyledTableFooterCollapseButton}`)[0];
|
|
437
|
+
button.click();
|
|
438
|
+
});
|
|
439
|
+
expect(wrapper.container.querySelectorAll(`${_TableStyles.StyledTableBodyRow}`)).toHaveLength(4);
|
|
440
|
+
});
|
|
441
|
+
it('Should collapse when show less button is clicked', () => {
|
|
442
|
+
const columns = [{
|
|
443
|
+
key: 'column1',
|
|
444
|
+
name: 'Column 1'
|
|
445
|
+
}, {
|
|
446
|
+
key: 'column2',
|
|
447
|
+
name: 'Column 2'
|
|
448
|
+
}];
|
|
449
|
+
const rows = [{
|
|
450
|
+
column1: 'Test content',
|
|
451
|
+
column2: 'Test content 2'
|
|
452
|
+
}, {
|
|
453
|
+
column1: 'Test content',
|
|
454
|
+
column2: 'Test content 2'
|
|
455
|
+
}, {
|
|
456
|
+
column1: 'Test content',
|
|
457
|
+
column2: 'Test content 2'
|
|
458
|
+
}, {
|
|
459
|
+
column1: 'Test content',
|
|
460
|
+
column2: 'Test content 2'
|
|
461
|
+
}];
|
|
462
|
+
const wrapper = (0, _react3.render)( /*#__PURE__*/_react2.default.createElement(_index.Table, {
|
|
463
|
+
rows: rows,
|
|
464
|
+
columns: columns,
|
|
465
|
+
accordion: true,
|
|
466
|
+
collapsedRows: 3,
|
|
467
|
+
collapsed: false
|
|
468
|
+
}));
|
|
469
|
+
expect(wrapper.container.querySelectorAll(`${_TableStyles.StyledTableBodyRow}`)).toHaveLength(4);
|
|
470
|
+
(0, _testUtils.act)(() => {
|
|
471
|
+
let button = wrapper.container.querySelectorAll(`${_TableStyles.StyledTableFooterCollapseButton}`)[0];
|
|
472
|
+
button.click();
|
|
473
|
+
});
|
|
474
|
+
expect(wrapper.container.querySelectorAll(`${_TableStyles.StyledTableBodyRow}`)).toHaveLength(3);
|
|
475
|
+
});
|
|
476
|
+
});
|
|
317
477
|
});
|
|
318
478
|
});
|
|
319
479
|
//# sourceMappingURL=Table.test.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../../src/Table/__tests__/Table.test.tsx"],"names":["describe","it","columns","key","name","rows","column1","column2","getByTestId","render","expect","queryByTestId","tableHeaderRow"],"mappings":"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","sourcesContent":["import React from 'react';\n/**\n * Import React libraries.\n */\nimport { render } from '@testing-library/react';\n\n/**\n * Import custom components.\n */\nimport { Table } from '../index';\n\n/**\n * Import third-party libraries.\n */\nimport 'jest-styled-components';\n\n/**\n * Import custom types.\n */\nimport { TableColumn } from '../TableTypes';\n\ndescribe('<Table />', () => {\n it('Renders the Table', () => {\n const columns: TableColumn[] = [\n {\n key: 'column1',\n name: 'Column 1',\n },\n {\n key: 'column2',\n name: 'Column 2',\n },\n ];\n const rows: any[] = [\n {\n column1: 'Test content',\n column2: 'Test content 2',\n },\n ];\n const { getByTestId } = render(<Table rows={rows} columns={columns} title=\"Test title\" />);\n expect(getByTestId('TestTable')).toBeDefined();\n });\n\n describe('Table Header Row Tests', () => {\n it('Should render table header row in case title is passed', () => {\n const columns: TableColumn[] = [\n {\n key: 'column1',\n name: 'Column 1',\n },\n {\n key: 'column2',\n name: 'Column 2',\n },\n ];\n const rows: any[] = [\n {\n column1: 'Test content',\n column2: 'Test content 2',\n },\n ];\n const { queryByTestId } = render(<Table rows={rows} columns={columns} title=\"Test title\" />);\n expect(queryByTestId('TestTableHeaderRow')).not.toBeNull();\n });\n\n it('Should not render table header row in case title is passed', () => {\n const columns: TableColumn[] = [\n {\n key: 'column1',\n name: 'Column 1',\n },\n {\n key: 'column2',\n name: 'Column 2',\n },\n ];\n const rows: any[] = [\n {\n column1: 'Test content',\n column2: 'Test content 2',\n },\n ];\n const { queryByTestId } = render(<Table rows={rows} columns={columns} />);\n expect(queryByTestId('TestTableHeaderRow')).toBeNull();\n });\n\n describe('Table Header Row functional tests', () => {\n it('Should have title', () => {\n const columns: TableColumn[] = [\n {\n key: 'column1',\n name: 'Column 1',\n },\n {\n key: 'column2',\n name: 'Column 2',\n },\n ];\n const rows: any[] = [\n {\n column1: 'Test content',\n column2: 'Test content 2',\n },\n ];\n const { queryByTestId } = render(<Table rows={rows} columns={columns} title=\"Test Title\" />);\n const tableHeaderRow = queryByTestId('TestTableHeaderRow');\n expect(tableHeaderRow?.children[0].children[0].textContent).toContain('Test Title');\n });\n\n it('Should have options menu', () => {\n const columns: TableColumn[] = [\n {\n key: 'column1',\n name: 'Column 1',\n },\n {\n key: 'column2',\n name: 'Column 2',\n },\n ];\n const rows: any[] = [\n {\n column1: 'Test content',\n column2: 'Test content 2',\n },\n ];\n const { queryByTestId } = render(<Table rows={rows} columns={columns} title=\"Test Title\" />);\n expect(queryByTestId('TestTableHeaderRow')?.getElementsByTagName('svg')).not.toBeNull();\n });\n });\n });\n\n describe('Table Column Header Row Tests', () => {\n it('Should render column header row', () => {\n const columns: TableColumn[] = [\n {\n key: 'column1',\n name: 'Column 1',\n },\n {\n key: 'column2',\n name: 'Column 2',\n },\n ];\n const rows: any[] = [\n {\n column1: 'Test content',\n column2: 'Test content 2',\n },\n ];\n const { getByTestId } = render(<Table rows={rows} columns={columns} />);\n expect(getByTestId('TestTableColumnHeaderRow')).not.toBeNull();\n });\n\n it('Should render two columns in the column header row', () => {\n const columns: TableColumn[] = [\n {\n key: 'column1',\n name: 'Column 1',\n },\n {\n key: 'column2',\n name: 'Column 2',\n },\n ];\n const rows: any[] = [\n {\n column1: 'Test content',\n column2: 'Test content 2',\n },\n ];\n const { getByTestId } = render(<Table rows={rows} columns={columns} />);\n expect(getByTestId('TestTableColumnHeaderRow').children.length).toEqual(2);\n });\n\n it('Should render correct column names in the column header row', () => {\n const columns: TableColumn[] = [\n {\n key: 'column1',\n name: 'Column 1',\n },\n {\n key: 'column2',\n name: 'Column 2',\n },\n ];\n const rows: any[] = [\n {\n column1: 'Test content',\n column2: 'Test content 2',\n },\n ];\n const { getByTestId } = render(<Table rows={rows} columns={columns} />);\n expect(getByTestId('TestTableColumnHeaderRow').children[0].textContent).toEqual('Column 1');\n expect(getByTestId('TestTableColumnHeaderRow').children[1].textContent).toEqual('Column 2');\n });\n\n it('Should render columns without no-border class in the column header row, in case title is passed', () => {\n const columns: TableColumn[] = [\n {\n key: 'column1',\n name: 'Column 1',\n },\n {\n key: 'column2',\n name: 'Column 2',\n },\n ];\n const rows: any[] = [\n {\n column1: 'Test content',\n column2: 'Test content 2',\n },\n ];\n const { getByTestId } = render(<Table rows={rows} columns={columns} title=\"test title\" />);\n expect(getByTestId('TestTableColumnHeaderRow').children[0].classList.contains('no-border')).toBe(false);\n expect(getByTestId('TestTableColumnHeaderRow').children[1].classList.contains('no-border')).toBe(false);\n });\n\n });\n\n describe('Table Body Row tests', () => {\n it('Should not render \"No Data\" row in case there are rows', () => {\n const columns: TableColumn[] = [\n {\n key: 'column1',\n name: 'Column 1',\n },\n {\n key: 'column2',\n name: 'Column 2',\n },\n ];\n const rows: any[] = [\n {\n column1: 'Test content',\n column2: 'Test content 2',\n },\n ];\n const { queryByTestId } = render(<Table rows={rows} columns={columns} />);\n expect(queryByTestId('TestTableNoDataRow')).toBeNull();\n });\n\n it('Should render \"No Data\" row in case there are no rows', () => {\n const columns: TableColumn[] = [\n {\n key: 'column1',\n name: 'Column 1',\n },\n {\n key: 'column2',\n name: 'Column 2',\n },\n ];\n const rows: any[] = [];\n const { queryByTestId } = render(<Table rows={rows} columns={columns} />);\n expect(queryByTestId('TestTableNoDataRow')).not.toBeNull();\n expect(queryByTestId('TestTableNoDataRow')?.textContent).toEqual('There are no rows to display');\n });\n\n it('Should render a data row with correct content for each row that is passed', () => {\n const columns: TableColumn[] = [\n {\n key: 'column1',\n name: 'Column 1',\n },\n {\n key: 'column2',\n name: 'Column 2',\n },\n ];\n const rows: any[] = [\n {\n column1: 'Test content',\n column2: 'Test content 2',\n },\n ];\n const { getByTestId } = render(<Table rows={rows} columns={columns} />);\n expect(getByTestId('TestTableDataRow')).toBeDefined();\n expect(getByTestId('TestTableDataRow').children.length).toEqual(2);\n expect(getByTestId('TestTableDataRow').children[0].textContent).toEqual('Test content');\n expect(getByTestId('TestTableDataRow').children[1].textContent).toEqual('Test content 2');\n });\n });\n\n it('Should render footer row', () => {\n const columns: TableColumn[] = [\n {\n key: 'column1',\n name: 'Column 1',\n },\n {\n key: 'column2',\n name: 'Column 2',\n },\n ];\n const rows: any[] = [\n {\n column1: 'Test content',\n column2: 'Test content 2',\n },\n ];\n const { getByTestId } = render(<Table rows={rows} columns={columns} />);\n expect(getByTestId('TestTableFooterRow')).toBeDefined();\n });\n});\n"],"file":"Table.test.js"}
|
|
1
|
+
{"version":3,"sources":["../../../../src/Table/__tests__/Table.test.tsx"],"names":["describe","it","columns","key","name","rows","column1","column2","getByTestId","render","expect","queryByTestId","tableHeaderRow","wrapper","StyledTableFooterCollapseButton","StyledTableBodyRow","act","button"],"mappings":"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","sourcesContent":["import React from 'react';\n/**\n * Import React libraries.\n */\nimport { render } from '@testing-library/react';\n\n/**\n * Import custom components.\n */\nimport { Table } from '../index';\n\n/**\n * Import third-party libraries.\n */\nimport 'jest-styled-components';\n\n/**\n * Import custom types.\n */\nimport { TableColumn } from '../TableTypes';\nimport {StyledTableBodyRow, StyledTableFooterCollapseButton} from '../TableStyles';\nimport {act} from 'react-dom/test-utils';\n\ndescribe('<Table />', () => {\n it('Renders the Table', () => {\n const columns: TableColumn[] = [\n {\n key: 'column1',\n name: 'Column 1',\n },\n {\n key: 'column2',\n name: 'Column 2',\n },\n ];\n const rows: any[] = [\n {\n column1: 'Test content',\n column2: 'Test content 2',\n },\n ];\n const { getByTestId } = render(<Table rows={rows} columns={columns} title=\"Test title\" />);\n expect(getByTestId('TestTable')).toBeDefined();\n });\n\n describe('Table Header Row Tests', () => {\n it('Should render table header row in case title is passed', () => {\n const columns: TableColumn[] = [\n {\n key: 'column1',\n name: 'Column 1',\n },\n {\n key: 'column2',\n name: 'Column 2',\n },\n ];\n const rows: any[] = [\n {\n column1: 'Test content',\n column2: 'Test content 2',\n },\n ];\n const { queryByTestId } = render(<Table rows={rows} columns={columns} title=\"Test title\" />);\n expect(queryByTestId('TestTableHeaderRow')).not.toBeNull();\n });\n\n it('Should not render table header row in case title is passed', () => {\n const columns: TableColumn[] = [\n {\n key: 'column1',\n name: 'Column 1',\n },\n {\n key: 'column2',\n name: 'Column 2',\n },\n ];\n const rows: any[] = [\n {\n column1: 'Test content',\n column2: 'Test content 2',\n },\n ];\n const { queryByTestId } = render(<Table rows={rows} columns={columns} />);\n expect(queryByTestId('TestTableHeaderRow')).toBeNull();\n });\n\n describe('Table Header Row functional tests', () => {\n it('Should have title', () => {\n const columns: TableColumn[] = [\n {\n key: 'column1',\n name: 'Column 1',\n },\n {\n key: 'column2',\n name: 'Column 2',\n },\n ];\n const rows: any[] = [\n {\n column1: 'Test content',\n column2: 'Test content 2',\n },\n ];\n const { queryByTestId } = render(<Table rows={rows} columns={columns} title=\"Test Title\" />);\n const tableHeaderRow = queryByTestId('TestTableHeaderRow');\n expect(tableHeaderRow?.children[0].children[0].textContent).toContain('Test Title');\n });\n\n it('Should have options menu', () => {\n const columns: TableColumn[] = [\n {\n key: 'column1',\n name: 'Column 1',\n },\n {\n key: 'column2',\n name: 'Column 2',\n },\n ];\n const rows: any[] = [\n {\n column1: 'Test content',\n column2: 'Test content 2',\n },\n ];\n const { queryByTestId } = render(<Table rows={rows} columns={columns} title=\"Test Title\" />);\n expect(queryByTestId('TestTableHeaderRow')?.getElementsByTagName('svg')).not.toBeNull();\n });\n });\n });\n\n describe('Table Column Header Row Tests', () => {\n it('Should render column header row', () => {\n const columns: TableColumn[] = [\n {\n key: 'column1',\n name: 'Column 1',\n },\n {\n key: 'column2',\n name: 'Column 2',\n },\n ];\n const rows: any[] = [\n {\n column1: 'Test content',\n column2: 'Test content 2',\n },\n ];\n const { getByTestId } = render(<Table rows={rows} columns={columns} />);\n expect(getByTestId('TestTableColumnHeaderRow')).not.toBeNull();\n });\n\n it('Should render two columns in the column header row', () => {\n const columns: TableColumn[] = [\n {\n key: 'column1',\n name: 'Column 1',\n },\n {\n key: 'column2',\n name: 'Column 2',\n },\n ];\n const rows: any[] = [\n {\n column1: 'Test content',\n column2: 'Test content 2',\n },\n ];\n const { getByTestId } = render(<Table rows={rows} columns={columns} />);\n expect(getByTestId('TestTableColumnHeaderRow').children.length).toEqual(2);\n });\n\n it('Should render correct column names in the column header row', () => {\n const columns: TableColumn[] = [\n {\n key: 'column1',\n name: 'Column 1',\n },\n {\n key: 'column2',\n name: 'Column 2',\n },\n ];\n const rows: any[] = [\n {\n column1: 'Test content',\n column2: 'Test content 2',\n },\n ];\n const { getByTestId } = render(<Table rows={rows} columns={columns} />);\n expect(getByTestId('TestTableColumnHeaderRow').children[0].textContent).toEqual('Column 1');\n expect(getByTestId('TestTableColumnHeaderRow').children[1].textContent).toEqual('Column 2');\n });\n\n it('Should render columns without no-border class in the column header row, in case title is passed', () => {\n const columns: TableColumn[] = [\n {\n key: 'column1',\n name: 'Column 1',\n },\n {\n key: 'column2',\n name: 'Column 2',\n },\n ];\n const rows: any[] = [\n {\n column1: 'Test content',\n column2: 'Test content 2',\n },\n ];\n const { getByTestId } = render(<Table rows={rows} columns={columns} title=\"test title\" />);\n expect(getByTestId('TestTableColumnHeaderRow').children[0].classList.contains('no-border')).toBe(false);\n expect(getByTestId('TestTableColumnHeaderRow').children[1].classList.contains('no-border')).toBe(false);\n });\n\n });\n\n describe('Table Body Row tests', () => {\n it('Should not render \"No Data\" row in case there are rows', () => {\n const columns: TableColumn[] = [\n {\n key: 'column1',\n name: 'Column 1',\n },\n {\n key: 'column2',\n name: 'Column 2',\n },\n ];\n const rows: any[] = [\n {\n column1: 'Test content',\n column2: 'Test content 2',\n },\n ];\n const { queryByTestId } = render(<Table rows={rows} columns={columns} />);\n expect(queryByTestId('TestTableNoDataRow')).toBeNull();\n });\n\n it('Should render \"No Data\" row in case there are no rows', () => {\n const columns: TableColumn[] = [\n {\n key: 'column1',\n name: 'Column 1',\n },\n {\n key: 'column2',\n name: 'Column 2',\n },\n ];\n const rows: any[] = [];\n const { queryByTestId } = render(<Table rows={rows} columns={columns} />);\n expect(queryByTestId('TestTableNoDataRow')).not.toBeNull();\n expect(queryByTestId('TestTableNoDataRow')?.textContent).toEqual('There are no rows to display');\n });\n\n it('Should render a data row with correct content for each row that is passed', () => {\n const columns: TableColumn[] = [\n {\n key: 'column1',\n name: 'Column 1',\n },\n {\n key: 'column2',\n name: 'Column 2',\n },\n ];\n const rows: any[] = [\n {\n column1: 'Test content',\n column2: 'Test content 2',\n },\n ];\n const { getByTestId } = render(<Table rows={rows} columns={columns} />);\n expect(getByTestId('TestTableDataRow')).toBeDefined();\n expect(getByTestId('TestTableDataRow').children.length).toEqual(2);\n expect(getByTestId('TestTableDataRow').children[0].textContent).toEqual('Test content');\n expect(getByTestId('TestTableDataRow').children[1].textContent).toEqual('Test content 2');\n });\n });\n\n it('Should render footer row', () => {\n const columns: TableColumn[] = [\n {\n key: 'column1',\n name: 'Column 1',\n },\n {\n key: 'column2',\n name: 'Column 2',\n },\n ];\n const rows: any[] = [\n {\n column1: 'Test content',\n column2: 'Test content 2',\n },\n ];\n const { getByTestId } = render(<Table rows={rows} columns={columns} />);\n expect(getByTestId('TestTableFooterRow')).toBeDefined();\n });\n\n describe('Table Accordion tests', () => {\n it('Should render collapse button when configured as accordion', () => {\n const columns: TableColumn[] = [\n {\n key: 'column1',\n name: 'Column 1',\n },\n {\n key: 'column2',\n name: 'Column 2',\n },\n ];\n const rows: any[] = [\n {\n column1: 'Test content',\n column2: 'Test content 2',\n },\n {\n column1: 'Test content',\n column2: 'Test content 2',\n },\n {\n column1: 'Test content',\n column2: 'Test content 2',\n },\n {\n column1: 'Test content',\n column2: 'Test content 2',\n },\n ];\n const wrapper = render(<Table rows={rows} columns={columns} accordion={true} collapsedRows={3}/>);\n\n expect(wrapper.container.querySelectorAll(`${StyledTableFooterCollapseButton}`)).toHaveLength(1);\n });\n\n it('Should not render all items when collapsed', () => {\n const columns: TableColumn[] = [\n {\n key: 'column1',\n name: 'Column 1',\n },\n {\n key: 'column2',\n name: 'Column 2',\n },\n ];\n const rows: any[] = [\n {\n column1: 'Test content',\n column2: 'Test content 2',\n },\n {\n column1: 'Test content',\n column2: 'Test content 2',\n },\n {\n column1: 'Test content',\n column2: 'Test content 2',\n },\n {\n column1: 'Test content',\n column2: 'Test content 2',\n },\n ];\n const wrapper = render(<Table rows={rows} columns={columns} accordion={true} collapsedRows={3}/>);\n\n expect(wrapper.container.querySelectorAll(`${StyledTableBodyRow}`)).toHaveLength(3);\n });\n\n it('Should render all items when not collapsed', () => {\n const columns: TableColumn[] = [\n {\n key: 'column1',\n name: 'Column 1',\n },\n {\n key: 'column2',\n name: 'Column 2',\n },\n ];\n const rows: any[] = [\n {\n column1: 'Test content',\n column2: 'Test content 2',\n },\n {\n column1: 'Test content',\n column2: 'Test content 2',\n },\n {\n column1: 'Test content',\n column2: 'Test content 2',\n },\n {\n column1: 'Test content',\n column2: 'Test content 2',\n },\n ];\n const wrapper = render(<Table rows={rows} columns={columns} accordion={true} collapsedRows={3}\n collapsed={false}/>);\n\n expect(wrapper.container.querySelectorAll(`${StyledTableBodyRow}`)).toHaveLength(4);\n });\n\n it('Should expand when show more button is clicked', () => {\n const columns: TableColumn[] = [\n {\n key: 'column1',\n name: 'Column 1',\n },\n {\n key: 'column2',\n name: 'Column 2',\n },\n ];\n const rows: any[] = [\n {\n column1: 'Test content',\n column2: 'Test content 2',\n },\n {\n column1: 'Test content',\n column2: 'Test content 2',\n },\n {\n column1: 'Test content',\n column2: 'Test content 2',\n },\n {\n column1: 'Test content',\n column2: 'Test content 2',\n },\n ];\n const wrapper = render(<Table rows={rows} columns={columns} accordion={true} collapsedRows={3}\n collapsed={true}/>);\n\n expect(wrapper.container.querySelectorAll(`${StyledTableBodyRow}`)).toHaveLength(3);\n\n act(() => {\n let button = wrapper.container.querySelectorAll(`${StyledTableFooterCollapseButton}`)[0] as HTMLButtonElement;\n button.click();\n })\n\n expect(wrapper.container.querySelectorAll(`${StyledTableBodyRow}`)).toHaveLength(4);\n });\n\n it('Should collapse when show less button is clicked', () => {\n const columns: TableColumn[] = [\n {\n key: 'column1',\n name: 'Column 1',\n },\n {\n key: 'column2',\n name: 'Column 2',\n },\n ];\n const rows: any[] = [\n {\n column1: 'Test content',\n column2: 'Test content 2',\n },\n {\n column1: 'Test content',\n column2: 'Test content 2',\n },\n {\n column1: 'Test content',\n column2: 'Test content 2',\n },\n {\n column1: 'Test content',\n column2: 'Test content 2',\n },\n ];\n const wrapper = render(<Table rows={rows} columns={columns} accordion={true} collapsedRows={3}\n collapsed={false}/>);\n\n expect(wrapper.container.querySelectorAll(`${StyledTableBodyRow}`)).toHaveLength(4);\n\n act(() => {\n let button = wrapper.container.querySelectorAll(`${StyledTableFooterCollapseButton}`)[0] as HTMLButtonElement;\n button.click();\n })\n\n expect(wrapper.container.querySelectorAll(`${StyledTableBodyRow}`)).toHaveLength(3);\n });\n });\n});\n"],"file":"Table.test.js"}
|