반응 단축키로 묶인 반응 구성 요소 테스트

Question

안녕하세요, 저는 아주 새로운 반응을 보입니다. 반응 단축키를 사용하여 반응 응용 프로그램에서 키보드 단축키를 구현했습니다.

플러그인은 기본적으로 구성 요소의 종류를 테스트하는 방법을 다음 태그

이제

<Hotkeys> 
// Component render output 
</Hotkeys> 

내부 렌더링 코드를 래핑하는 요청? 나는 그것은

Console 

console.error node_modules\react-test-renderer\cjs\react-test-renderer.development.js:5530 
    The above error occurred in the <HotKeys> component: 
     in HotKeys (at homePageRow.js:68) 
     in HomePageRow (at home.test.js:14) 

    Consider adding an error boundary to your tree to customize error handling behavior. 

이 오류 경계는 무엇인가 오류

다음 부여합니다이

it('Shows text passed',() => { 
var expected = [1,2,3,0]; 
const wrapper = renderer.create(<HomePageRow title={'Home Row Title'}cards={[]}/>); 
const inst = wrapper.getInstance(); 
expect(inst.render()).toMatchSnapshot(); 
}); 

같은 테스트 케이스를 작성? 테스트에서 HOC를 무시하는 방법? 누구든지 반응 단축키 플러그인을 구현하고 구성 요소에 테스트를 작성 했습니까? 그렇다면 어떻게 작성해 주시겠습니까?

Answer 1

구성 요소의 WrappedComponent 속성은 HOC에 대한 모의를 생성하지 않고 당신이 HOC의로 포장 구성 요소에 액세스 할 수 있습니다 : 그냥 조롱하려고하지 않는 HOC을의 경우

it('Shows text passed',() => { 
var expected = [1,2,3,0]; 
const wrapper = renderer.create(<HomePageRow.WrappedComponent title={'Home Row Title'}cards={[]}/>); 
const inst = wrapper.getInstance(); 
expect(inst.render()).toMatchSnapshot(); 
}); 

Hotkeys :

jest.mock('../../../Hotkeys',() => (
    jest.fn(() => 
    <div>Hotkeys component</div>, 
) 
));