내 구성 요소의 범위 태그가

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'); 

처럼이 일을해야한다고 나에게 보인다.