오류 : 예상 모의 ​​함수가 호출되었습니다

Question

반응 구성 요소의 span 태그를 onClick 테스트하려고합니다.

<span id="A" onClick={this.changeImage}> Image A</span> 

'onClick'에 'changeImage'기능이 호출되고 있는지 테스트하고 싶습니다. 같은 오류를 반환

it('Should call changeImage() function on click',() => { 
    const spy = jest.spyOn(wrapper.instance(), 'changeImage'); 
    wrapper.find('#A').simulate('click', { target: { id: 'A' } }); 
    expect(spy).toHaveBeenCalled(); 
}); 

두 -

//은

describe('Tests',() => { 
const wrapper = shallow(<Image />); 
it('Should render without exploading',() => { 
    expect(wrapper).toHaveLength(1); 
}); 

it('Should call changeImage() function on click',() => { 
    wrapper.instance().changeImage = jest.fn(); 
    wrapper.update(); 
    wrapper.find('#A').simulate('click', { target: { id: 'A' } }); 
    expect(wrapper.instance().changeImage).toHaveBeenCalled(); 
    }); 
}); 

는 또한이 시도 test.js. // 오류

● Tests › Should call changeImage() function on click 

expect(jest.fn()).toHaveBeenCalled() 

Expected mock function to have been called. 

누군가가 내가 잘못 뭐하는 거지 지적시겠습니까? 감사.

Answer 1

jest.spyOn() 모의 함수 뒤에 래퍼 퍼팅 // 고정 실수

describe('Tests',() => { 
it('Should render without exploading',() => { 
    const wrapper = shallow(<Image />); 
    expect(wrapper).toHaveLength(1); 
}); 

it('Should call changeImage() function on click',() => { 
    const spy = jest.spyOn(Image.prototype, 'changeImage'); 
    const wrapper = shallow(<Image/>); 
    wrapper.find('#A').simulate('click', { target: { id: 'A' } }); 
    expect(spy).toHaveBeenCalled(); 
    spy.mockClear();//clearing the mock functions 
    });  
}); 

는 테스트 작업을했다.

조롱 기능의 경우 const 선언 순서가 중요합니다. 스파이를 처음 선언 한 다음 래퍼를 선언해야합니다. [componentDidMount에서 메서드 호출에 스파이 농담을 사용]의

expect(jest.fn()).toHaveBeenCalled() 

Expected mock function to have been called.