Javascript 如何测试子组件的子组件

我试图在我正在测试的根组件内测试子组件的第三个子组件，因此情况如下：

  <Modal>
    <FlexContainer fluid>
      <FlexRow>
        <FlexColumn>
          <MainButton
            mini
            disabled={disableButtons}
          >
          </MainButton>
        </FlexColumn>
        <FlexColumn>
          <Button
            mini
            htmlType="button"
            onClick={this.addNewPeriod}
            disabled={disableButtons}
          >
          </Button>
        </FlexColumn>
      </FlexRow>
    </FlexContainer>
  </Modal>

但是，我得到一个错误：

错误：方法“dive”只能在单个节点上运行。2发现 相反

如何测试此功能？

试试看

const flexColumn = flexRow.dive().find(FlexColumn).first();

或者，如果您喜欢在最后一个

const flexColumn = flexRow.dive().find(FlexColumn).first();

const flexColumn = flexRow.dive().find(FlexColumn).last();