使用 jest 和 react 测试库进行 MaterialTable 操作按钮测试

Question

我有带有添加、编辑和删除操作图标的材料表。 所有人都在工作。 现在我想用 jest 和 react 测试库编写一些单元测试。

    import AddBox from "@material-ui/icons/AddBox";
    
    const tableIcons = {
    Add: forwardRef((props, ref) => <AddBox {...props} ref={ref} />),
    
   

例如，添加图标的标题为“添加”等。 onRowAdd(newRow) 调用 handleRowAdd 方法来向表中添加新行。

我想编写一个单元测试，断言在单击图标/按钮添加时调用一次 handleRowAdd 方法。 我尝试了类似以下的方法，但没有奏效

const {getAllByTitle}= render(<ContentTable/>)
const addButton = getAllByTitle('Add')
fireEvent.click(addButton)
expect(handleRowAdd.calls).toHavelength(1)

似乎添加按钮不在文档中，因为当我检查 expect(getAllByTitle('Add')).toHavelength(1) 测试通过但为 expect(getAllByTitle('Add')).toBeInTheDocument(); 测试失败。

如何将添加按钮/图标访问为 DOM 元素，然后测试单击事件调用 handleRowAdd 方法？