Jasmine Enzyme 얕은 렌더링으로 React 구성 요소를 테스트하고 있습니다.
이 질문의 목적을 위해 여기에서 단순화했습니다 ...
function MyOuterComponent() {
return (
<div>
...
<MyInnerComponent title="Hello" />
...
<MyInnerComponent title="Good-bye" />
...
</div>
)
}
MyOuterComponent
2 개의 인스턴스가 MyInnerComponent
있고 각각의 소품을 테스트하고 싶습니다.
내가 테스트하는 방법을 아는 첫 번째. 나는 find
함께 사용 first
...
expect(component.find('MyInnerComponent').first()).toHaveProp('title', 'Hello');
그러나 두 번째 인스턴스를 테스트하는 데 어려움을 겪고 MyInnerComponent
있습니다.
나는 이와 같은 것이 효과가 있기를 바랬다.
expect(component.find('MyInnerComponent').second()).toHaveProp('title', 'Good-bye');
아니면 이것도 ...
expect(component.find('MyInnerComponent')[1]).toHaveProp('title', 'Good-bye');
그러나 물론 위의 작업은 없습니다.
나는 명백한 것을 놓치고있는 것 같다.
그러나 문서를 살펴보면 비슷한 예가 보이지 않습니다.
누군가?
at()
하여를 사용 하여 작동했습니다findAll()
.