reactjs - 如何在 Enzyme React 测试中访问嵌套组件

Question

import React from "react";
import Adapter from "enzyme-adapter-react-16";
import { configure, shallow, mount } from "enzyme";
import Banking, { BankingForm } from './Banking';

configure({ adapter: new Adapter() });
describe('FormikHandlers', () => {
    describe('handleChange', () => {
      it('change value for firstBankName', async () => {
      const component = shallow(<Banking />);

      expect(component.find(BankingForm)).toHaveLength(1);

    });
  });
});

在这里，我将 Banking 作为父组件，将 bankingForm 作为具有所有字段的子组件。我在 Baking 父组件中使用 formik render prop。这个测试失败了，因为当它被浅渲染时，我无法在组件内部获取“BankingForm”组件。从 enzyme 的角度来看，我做错了什么吗？

Answer 1

您可以使用 mount使整个组件得到渲染或使用 dive使树更深一层