효소가 얕은 여러 구성 요소를 렌더링

Question

효소의 얕은 부분을 사용하여 더 많은 탄 성분을 렌더링 할 수 있습니까?

나는 다음과 같은 실패 시험이 있습니다

it('should have different ids for different checkboxes',() => { 
     const wrapper = shallow(<div><Checkbox {...props} /><Checkbox {...props} /></div>) 

    const inputs = wrapper.find('input') 
    expect(inputs.length).toBe(1) 
    }) 

Answer 1

난 당신이 효소의 mount 대신 shallow을 사용할 수있을 거라 생각합니다. 귀하의 Checkbox 구성 요소가 귀하의 테스트에서 찾고있는 input을 제공 할 것이라고 가정합니다. shallow은 중첩 된 구성 요소를 렌더링하지 않습니다. 그 이름에서 알 수 있듯이, 당신이 그것에 전달하는 것의 얕은 렌더링을합니다. 반면에 mount은 중첩 된 구성 요소를 렌더링합니다. 이것은 단위 테스트의 경우 그것은 Checkbox의 출력에 대해 신경 안, 모든 것을 말했다되고 https://github.com/airbnb/enzyme/blob/master/docs/api/mount.md https://github.com/airbnb/enzyme/blob/master/docs/api/shallow.md

:

는 mount 및 shallow에 대한 자세한 내용은 해당 설명서를 확인하십시오. Checkbox에 대한 단위 테스트를 통해 출력을 확인할 수 있습니다.