我如何为这个组件的点击事件编写测试？

【问题标题】：how do i write test for the click event of this component?我如何为这个组件的点击事件编写测试？
【发布时间】：2021-12-29 17:17:49
【问题描述】：

<IssueTitle onClick={() => handleClick(issue.id)} data-testid="issue-title"> {issue.title} </IssueTitle>

如何使用 jest 测试此点击事件

【问题讨论】：

请提供足够的代码，以便其他人更好地理解或重现问题。

标签： reactjs unit-testing

【解决方案1】：

使用 fireEvent 和 getByTestId

const handleClick = jest.fn()

const { getByTestId } = render (<IssueTitle 
onClick={() => handleClick(1)} 
data-testid="issue-title"> {issue.title} 
</IssueTitle>)
    
fireEvent.click(getByTestId("issue-title"));
expect(handleClick).toBeCalledWith(1);

【讨论】：