2016-09-22 51 views
4

不工作這是一個取消按鈕用於模擬在的onClick酶

<div className="cancelFileBtn" onClick={this.props.cancelFileSending}> 

我需要模擬它的點擊,我嘗試以下測試

wrapper.find('.cancelFileBtn').simulate('click'); 

但點擊功能仍然是不確定的..我錯過了其他什麼? 這將是非常有益的,如果,如果存在模擬

<SendMessageButton onClick={this.props.handleClickSendMessage} loadingFile={this.props.loadingFile}/> 
+0

酶的代碼看起來不錯。你的意思是確切的點擊功能是不確定的? – yjcxy12

+0

我無法找到函數模擬的變化,當我試圖打印包裝,我可以找到那裏'onClick = [undefined]' –

+1

似乎'onClick'綁定的函數是未定義的。你在說什麼包裝? 'SendMessageButton'或'div.cancelFileBtn'?我會檢查'this.prop.handleClickSendMessage'或'this。 props.cancelFileSending'定義。你能在這裏粘貼完整的組件代碼嗎? – yjcxy12

回答

0

沒有看到更多的密碼不能告訴任何人多可以提任何改變,希望這有助於:

const wrapper = mount(<Component />); 
const cancelBtn = wrapper.find('.cancelFileBtn'); 

// Test that the button is truthy 
expect(cancelBtn).to.have.length(1); 

// Simulation 
cancelBtn.simulate('click'); 
// or 
cancelBtn.props().onClick(); 

// Test the output 
expect(...).to.equal(...);