如何使用酶在 PhantomJS 中获取第二个元素？

Question

我有一个包含四个组件的包装器，所以当我这样做时 console.log(wrapper.find(LabeledInput).debug());，记录如下：

<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]} />

如何从上面的日志中获取第三个元素？我试过 console.log(wrapper.find(LabeledInput).childAt(2)); 但它失败了，说 Error: Method “childAt” is only meant to be run on a single node. 4 found instead.

我正在使用 Enzyme 的浅渲染 API。

有什么想法吗？

Answer 1

(wrapper.find('LabeledInput').at(2)) 应该可以解决问题。注意 LabeledInput 周围的引号以及使用 at.

如何使用酶在 PhantomJS 中获取第二个元素？

How to get second element in PhantomJS using Enzyme?

javascript

unit-testing

phantomjs

enzyme