在使用jest框架编写测试用例时无法获取多数据网格

Question

我的react应用程序中有一个多数据网格。在数据网格中，一些头为('CSA NAME'， 'START DATE')的数据。我想在编写测试用例时选择列"CSA NAME"中的所有项目。used 'getAllByRole('cell'， {description:/CSA NAME/i})'

但是不能用

Answer 1

如果你想点击复选框选择所有项目，你可以尝试这样做:

const tableCheckBoxes = screen.getAllByRole('checkbox', {name: '...'});
// you can set aria-label attribute to each checkbox for accessibility improvements and then get checkboxes by role and name additionally
userEvent.click(tableCheckBoxes[0]); 
// where tableCheckBoxes[0] is your select all checkbox

如果页面上只有表格复选框，它应该可以工作。