如何在酶反應測試中訪問嵌套組件

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);

    });
  });
});

在這里，我具有“銀行業務”作為父組件，而“銀行業務窗體”作為具有所有字段的子組件。 我在Baking父組件中使用formik render prop。 該測試失敗，因為淺淺呈現時無法在組件內部獲取“ BankingForm”組件。 我在做些錯誤的觀點嗎？

Answer 1

您可以使用mount來渲染整個組件，也可以使用dive使樹更深一層