Как получить доступ к вложенному компоненту в тесте 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 как дочерний компонент, который имеет все поля.Я использую formik render prop внутри родительского компонента Baking.Этот тест не пройден, потому что я не могу получить компонент "BankingForm" внутри компонента, когда он отрисовывается поверхностноЯ что-то не так делаю с точки зрения энызме?

Answer 1

Вы можете использовать mount, чтобы сделать весь компонент визуализированным, или использовать dive, чтобы подняться на один уровень глубже в дерево