reactjs - 模拟酶中跨度标签的点击

Question

我的组件中有一个跨度标签，我需要使用酶单击它

    <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 类或其他可找到的标签

Answer 1

也许您可以在 span 元素上使用 ref 属性，例如：

<span onClick={this.props.lockConversation} ref='chat-button'>

然后，我对酶不太熟悉，但在我看来，类似

const button=wrapper.ref('chat-button');

如果我正确阅读他们的文档，应该可以工作。