OnClick внутри <img
Не удалось выполнить тест для события click, которое находится внутри тега изображения.
Вот код, который я пытаюсь проверить. Не удалось протестировать оба события щелчка из-за setState
<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>
Вот что я пытался сделать до сих пор, но получил следующее сообщение: Метод props предназначен для запуска на 1 узле. Вместо этого найдено 0.
Использование Jest и фермента - маршрутизация памяти и монтирование компонентов
it("Test click event on show Description", () => {
wrapper.find('AddViewModal').setState({
titles:[[{
Requests:{
Name:""
}}
]]
}),
wrapper.update();
expect(wrapper.find('AddViewModal').find('img').props().src).toEqual('../../Images/chartImages/info.svg')
//wrapper.find('AddViewModal').find('img[alt = "Info"]').simulate('click')
});
Я сделал - узел не может быть найден
что такое AddViewModal? остальная часть кода действительна? это работает?
имя класса. Да, остальная часть кода действительна, и события кликов проверены.
@AlexandrZavali есть идеи?
не могли бы вы создать репо, чтобы я мог повторить?
Could not find module in path: '../../components/SideLabels/sideLabels' relative to '/src/containers/Schedule/Schedule.js'не беспокойтесь об этом - это что-то другое.
Ответы 2
Вы пытались найтиГде?
element.findWhere(node => node.hasClass("request-info"))
Если это не так, можете ли вы проверить, проходит ли findWhere целевой узел?
состояние набора было неверным, как только я выясню - тест пройден, и покрытие было затронуто
спасибо за помощь, но небольшая ошибка в setstate иногда может занять несколько часов тестирования
один из ваших предыдущих комментариев да, wrapper.find('AddViewModal').find('img').simulate('click') . Я не знал, что вы можете найти ('img') подобное.
@user9191 user9191 рассмотрите возможность пометить это как правильный ответ;)
Убедитесь, что вы получили правильное состояние, иначе узел не будет найден.
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')
ты пробовал это
wrapper.find('AddViewModal').find('img').simulate('click')?