我的组件中有一个span标签,我需要使用酶
单击它 <span className="lock">
<span onClick={[undefined]} id="lock">
<i className="fa fa-lock" />
Reserve this chat
</span>
</span>
这是我的测试
it('simulating reservechat click ...',()=>{
const wrapper=shallow(<ReserveChat activeConversation={conversation1} />);
const button=wrapper.find('span').last();
button.simulate('click');
});
我很难找到要点击的内容,通常会有一些div类或其他可查找的标签
答案 0 :(得分:1)
也许你可以在span元素上使用ref属性,例如:
<span onClick={this.props.lockConversation} ref='chat-button'>
然后,我对酶不熟悉,但在我看来像是
const button=wrapper.ref('chat-button');
如果我正确阅读他们的文档,应该有用。