Reactjs 单击a的内部(<;img
无法对图像标记内部的单击事件执行测试 下面是我试图测试它的代码。由于设置状态,无法测试两个单击事件Reactjs 单击a的内部(<;img,reactjs,onclick,jestjs,Reactjs,Onclick,Jestjs,无法对图像标记内部的单击事件执行测试 下面是我试图测试它的代码。由于设置状态,无法测试两个单击事件 <td className="centertext"> <input type='radio' name='req' onClick={() => {this.handleRequestClick(titles[i][j].RequestId, titles[i][j].Name, titles[i][j].Content)}} /> </td>
<td className="centertext">
<input type='radio' name='req' onClick={() => {this.handleRequestClick(titles[i][j].RequestId, titles[i][j].Name, titles[i][j].Content)}} />
</td>
<td className="modal-add-window-td">{i}</td>
<td className="modal-add-window-td">
<div>{titles[i][j].Name}</div>
</td>
<td className="modal-add-window-td">
<img className='request-info'src={infoSVG} alt='Info' onClick={() => {this.showDescription(titles[i][j].Name, titles[i][j].Description)}} />
</td>
你在这里找过吗
element.findWhere(node => node.hasClass("request-info"))
如果没有,您能否验证findWhere是否遍历了目标节点?确保获得正确的状态,否则将找不到节点
it("Test click event on show Description", () => {
baseProps.onClick.mockClear();
wrapper.find('Component').setState({
Requests: [{
Name: 'testing'
}]
})
wrapper.update();
wrapper.find('Componentl').find('img').simulate('click')
您是否尝试过此
包装器。查找('AddViewModal')。查找('img')。模拟('click')
?我尝试过-找不到节点什么是AddViewModal
?代码的其余部分有效吗?工作吗?班名。是,代码的其余部分有效,单击事件无效tested@AlexandrZavalii有什么想法吗?一旦我弄清楚,设置状态是不正确的-测试通过,覆盖率受到影响谢谢帮助,但是设置状态上的一个小错误有时会让你花上几个小时的测试时间你以前的评论之一是的,wrapper.find('AddViewModal')。find('img')).simulate('click')。我不知道你能找到(IMG)这样。@ USE9191考虑把它标记为正确答案然后;
it("Test click event on show Description", () => {
baseProps.onClick.mockClear();
wrapper.find('Component').setState({
Requests: [{
Name: 'testing'
}]
})
wrapper.update();
wrapper.find('Componentl').find('img').simulate('click')