Как получить доступ к дочерним компонентам React с помощью Jest

Я только начал изучать Jest и Enzyme в React и пытался получить доступ к свойствам дочернего компонента. Тестовый случай:

describe('<Component_A/>', () => {
    let wrapper = shallow(
        <BrowserRouter>
            <Component_A/>
        </BrowserRouter>
    );
    it('should render Component_A', () => {
        expect(wrapper.find(Component_A)).toHaveLength(0);
    });
});

Компонент_А:

const component_A = (props) => {

return (<Component_B
        items={items}
    />);
}

Я пробовал .find(), .get(0), проверял реквизиты обертки, детей, не было ссылки на Component_B.

Кто-нибудь может объяснить, как мы можем получить доступ к Component_B и его свойствам items в тестовом примере?


person ssharma    schedule 13.09.2020    source источник


Ответы (1)


Попробуйте использовать mount вместо мелкой.

Также добавьте displayName в Component_A, чтобы найти его по имени.

Component_A.displayName = "Component_A";
person Sergej Klackovskis    schedule 13.09.2020