wix-style-react
Version:
wix-style-react
107 lines • 6.57 kB
JavaScript
import { ReactBase, baseUniDriverFactory, } from '../../test-utils/utils/unidriver';
import values from '../../utils/operators/values';
// const arbitraryEmptyElement = () => document.createElement('div');
export const dataTableUniDriverFactory = base => {
// Node is a DOM API which does not exist in jsdom. Using a constant instead: https://developer.mozilla.org/en-US/docs/Web/API/Node
const COMMENT_NODE = 8;
// When a React component renders null in React 15, a Comment-Element is rendered to the DOM.
const isDisplayingNothing = async () => !(await base.exists()) || (await base._prop('nodeType')) === COMMENT_NODE;
/* Since a Comment-Element has no methods like querySelector(),
* we replace (if needed) it with an arbitrary Element.
* This allows simple implementation of methods like getRows().
*/
// const base = () => await isDisplayingNothing() ? arbitraryEmptyElement() : base;
const reactBase = ReactBase(base);
const getHeader = () => base.$('thead');
const getHeaderRow = () => getHeader().$('tr');
const hasHeader = () => getHeader().exists();
const isHeaderVisible = async () => {
const header = getHeader();
return ((await header.exists()) &&
(await header._prop('style')).display !== 'none');
};
const getRows = () => base.$$('tbody tr[data-table-row="dataTableRow"]');
const getRowsCount = async () => (await isDisplayingNothing()) ? 0 : getRows().count();
const getRow = rowIndex => getRows().get(rowIndex);
const getCell = (rowIndex, cellIndex) => getRow(rowIndex).$$('td').get(cellIndex);
const getRowDetails = index => base.$(`tbody tr td[data-hook="${index}_details"]`);
const getHeaderCell = index => getHeader().$$('th').get(index);
const getHeaderCellByDataHook = dataHook => getHeader().$(`th[data-hook="${dataHook}"]`);
const getSortableTitle = index => base.$(`th [data-hook="${index}_title"]`);
const getTitleInfoIcon = index => base.$(`th [data-hook="${index}_info_tooltip"]`);
const getSortableTitleArrowDesc = index => base.$(`th [data-hook="${index}_title"] [data-hook="sort_arrow_dec"]`);
return {
...baseUniDriverFactory(base),
getRow,
getRowsCount,
/** @deprecated Should be private */
getRowsWithClassCount: async (className) => {
return (await isDisplayingNothing())
? 0
: getRows()
.filter(elem => elem.hasClass(className))
.count();
},
/** @deprecated Should be private */
getRowsWithDataHook: async (dataHookName) => (await isDisplayingNothing())
? []
: base.$$(`[data-hook="${dataHookName}"]`).map(b => b.getNative()), // eslint-disable-line no-restricted-properties
/** @deprecated Should be private */
getRowWithDataHook: async (dataHookName) => (await isDisplayingNothing())
? null
: base.$(`[data-hook="${dataHookName}"]`).getNative(), // eslint-disable-line no-restricted-properties
/** Returns an array representing the text content of the cells in a given row `index`. */
getRowText: async (index) => (await isDisplayingNothing())
? ''
: getRows()
.get(index)
.$$('td')
.map(td => td.text()),
/** @deprecated Should be private */
getRowClasses: async (index) => values(await ReactBase(getRows().get(index))._DEPRECATED_getClassList()),
getHeaderRowClasses: async () => values(await ReactBase(getHeaderRow())._DEPRECATED_getClassList()),
getHeaderClasses: async () => values(await ReactBase(getHeader())._DEPRECATED_getClassList()),
/**
* Get header cell element: (columnIndex) => Element
* @deprecated Should be private
*/
getHeaderCell: index => getHeaderCell(index).getNative(), // eslint-disable-line no-restricted-properties
getHeaderCellByDataHook,
getHeaderCellStyle: index => getHeaderCell(index)._prop('style'),
getHeaderCellWidth: async (index) => (await getHeaderCell(index)._prop('style')).width,
/**
* Get cell element: (rowIndex, columnIndex) => Element
* @deprecated Should be private
*/
getCell: (rowIndex, cellIndex) => getCell(rowIndex, cellIndex).getNative(), // eslint-disable-line no-restricted-properties
getCellStyle: (rowIndex, colIndex) => getCell(rowIndex, colIndex)._prop('style'),
getCellWidth: (rowIndex, colIndex) => getCell(rowIndex, colIndex)._prop('width'),
isRowClickable: async (index) => !!(await getRows().get(index).attr('data-clickable')),
isRowAnimated: async (index) => !!(await getRows().get(index).attr('data-animated')),
isRowHighlighted: async (index) => !!(await getRows().get(index).attr('data-highlighted')),
getTitles: () => getHeader()
.$$('th')
.map(th => th.text()),
isDisplayingNothing,
isDisplayingHeaderOnly: async () => (await hasHeader()) && (await getRowsCount()) === 0,
isDisplayingHeader: () => hasHeader(),
isHeaderVisible: () => isHeaderVisible(),
hasChildWithId: id => base.$(`#${id}`).exists(),
clickRow: (index, eventData) => getRow(index).click(eventData),
clickColumn: (rowIndex, colIndex, eventData) => getCell(rowIndex, colIndex).click(eventData),
mouseEnterRow: (index, eventData) => ReactBase(getRow(index)).mouseEnter(eventData),
mouseLeaveRow: (index, eventData) => ReactBase(getRow(index)).mouseLeave(eventData),
hasRowDetails: index => getRowDetails(index).exists(),
getRowDetailsText: index => getRowDetails(index).text(),
hasSortableTitle: index => getSortableTitle(index).exists(),
hasInfoIcon: index => getTitleInfoIcon(index).exists(),
hasSortDescending: index => getSortableTitleArrowDesc(index).exists(),
clickSort: (index, eventData) => getHeaderCell(index).click(eventData), //
/** @deprecated Should be private */
getRowDetails: index => getRowDetails(index).getNative(), // eslint-disable-line no-restricted-properties
exists: async () => !(await isDisplayingNothing()),
isCellMasked: async (rowIndex, colIndex) => (await getCell(rowIndex, colIndex).attr('data-mask')) === 'true',
getStickyColumnsCount: () => getHeader().$$(`th[data-sticky="true"]`).count(),
};
};
//# sourceMappingURL=DataTable.uni.driver.js.map