如何在 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" 组件。我是不是做错了什么酶的观点？

Answer 1

您可以使用 mount to make the whole component get rendered or use dive 使树更深一层

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

How to access Nested component in Enzyme React testing

unit-testing

reactjs

jestjs

enzyme

formik