reactjs - 在父标记的属性中测试嵌套标记属性

Question

我有一个标签嵌套在另一个标签的属性中。

图表 a.

<Tag
    input={(
      <NestedTag
        value={this.props.value}
        onChange={this.validate}
      />
    )}
  />

我想做的是检查 NestedTag 中的值是否正确。

在 Enzyme 中，我已经做到了这一点:

expect(
  wrap
    .find(Tag)
    .at(0)
    .prop('input')
).toBe(...tag info goes here);

这就是我到目前为止所得到的。我只是不知道如何查看“输入”内部并在 NestedTag 内部四处寻找。

我知道我可以使用 toMatchObject，但我更愿意单独检查每个单独的属性。

Answer 1

根据我的评论，如果 Tag 正在将其 input prop 作为子项呈现，您可以简单地找到它，前提是首先安装该组件。

干杯!