Comment obtenir un deuxième élément dans PhantomJS en utilisant Enzyme?

Question

J'ai un emballage avec quatre composants, donc quand je fais console.log(wrapper.find(LabeledInput).debug());, cela est enregistré:

<LabeledInput label="Tenant ID" placeholder="Add a tenant" value="infor" onEnter={[Function]} updateValue={[Function]} /> 

<LabeledInput label="Store ID" placeholder="Add a store" value="12345" onEnter={[Function]} updateValue={[Function]} /> 

<LabeledInput label="Server" placeholder="Add account endpoint" value="test" onEnter={[Function]} updateValue={[Function]} /> 

<LabeledInput label="test Link" placeholder="Add OCH link" value="http://www.test.com/" onEnter={[Function]} updateValue={[Function]} /> 

Comment puis-je obtenir le troisième élément du journal ci-dessus? J'ai essayé console.log(wrapper.find(LabeledInput).childAt(2)); mais il échoue, en disant Error: Method “childAt” is only meant to be run on a single node. 4 found instead.

J'utilise Enzyme Shallow Rendering API.

Des idées?

Answer 1

(wrapper.find('LabeledInput').at(2)) devrait faire l'affaire. Notez les citations autour de LabeledInput ainsi que d'utiliser at.