模擬酶的跨度標籤點擊

Question

我有我的組件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類或其他可找到的標記

Answer 1

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

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

然後，我沒那麼熟悉的酶，但在我看來，像

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

應該工作，如果我正確地閱讀他們的文檔。