Реактивный фермент найти второй (или n-й) узел

Question

Реактивный фермент найти второй (или n-й) узел

83

Я тестирую компонент React с мелким рендерингом Jasmine Enzyme.

Упрощен здесь для целей этого вопроса...

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');

Но, конечно, ни одна из вышеперечисленных работ не работает.

Я чувствую, что мне не хватает очевидного.

Но когда я просматриваю docs, я не вижу аналогичного примера.

Кто-нибудь?

sfletche 10 окт. 2016, в 20:27

Источник

Теги:

reactjs

enzyme

jasmine

3 ответа

6

Если вы хотите протестировать определенные вещи на каждом из них, также рассмотрите возможность повторения соответствующего набора:

component.find('MyInnerComponent').forEach( (node) => {
    expect(node.prop('title')).toEqual('Good-bye')
})

Frank Nocke 24 май 2018, в 19:22

0

 const component = wrapper.find('MyInnerComponent').at(1); 
 //at(1) index of element 0 to ~

 expect(component.prop('title')).to.equal('Good-bye');

D V Yogesh 15 март 2018, в 12:18

Ещё вопросы

tom · Accepted Answer · 2016-10-10T20-56-00.000Z

Что вы хотите, это метод .at(index): http://airbnb.io/enzyme/docs/api/ShallowWrapper/at.html.

Итак, для вашего примера:

expect(component.find('MyInnerComponent').at(1)).toHaveProp('title', 'Good-bye');