2017-11-13 10 views
1

I가 특정 조건에서 렌더링에 null를 돌려 구성 요소 :농담 효소 A가 렌더링에 null를 돌려 구성 요소 반응 시험 방법

render() { 
    if (this.props.isHidden) { 
     return null; 
    } 

    return <div>test</div>; 
} 

isHidden이 농담에 사실 때이 구성 요소가 null 인 경우 확인하려면 및 효소 :

describe('myComp',() => { 
    it('should not render if isHidden is true',() => { 
     const comp = shallow(<myComp isHidden={true} />); 
     expect(comp.children().length).toBe(0); 
    }); 
}); 

이것은 작동하지만이 시험을 작성하는 관용적 인 방법이 있습니까? null로 렌더링하는 구성 요소를 테스트하는 것은 꽤 일반적인 시나리오입니다.

답변

2
expect(comp.type()).toEqual(null) 

그게 전부 야!

또는 : expect(comp.get(0)).toBeFalsy()