mui-datatables
mui-datatables copied to clipboard
Impossible to customise data-testid
Expected Behavior
I'd expect to be able to choose my data-testid
labels for unit testing, instead of having MUI-datable, a 3rd party library, to define them for me.
Even if I try to define it manually using the setRowProps()
option, it gets overwritten by the current default implementation.
A current hack would be to provide a custom row component, which clearly is overkill for a testing label.
Current Behavior
data-testid
is currently forced to 'MUIDataTableBodyRow-' + dataIndex
(see current implementation)
Feature was added in PR 667 after being first reported in issue #618
Your Environment
Tech | Version |
---|---|
Material-UI | 5.2.2 |
MUI-datatables | 4.0 |

function foo(data) {
const columns = [...];
const options = {
/**
* This is ignored and replaced by current
* default implementation
*/
setRowProps: () => ({ "data-testid": "CUSTOM-TEST-ID" }),
};
return (
<MUIDataTable
data={data}
columns={columns}
options={options}
/>
);
}