Вызов функции передан в качестве поддержки в Enzym

Question

Мой компонент выглядит следующим образом

const FooBar = ({
    onClose,
}) => {
    return (
        <div
            className='foo'>
            <Icon
                name='close'

                onClick={onClose} />
        </div>
    )
}

Мой тест выглядит следующим образом

const mockFn = jest.fn();
const title = 'Title';

it('calls the onClose function', () => {
    const component = mount(
        <FooBar
            title={title}

            onClose={mockFn}
        />
    );

    component.instance().onClose();
    expect(mockFn).toBeCalled();
    component.unmount();
});

Возвращает

TypeError: Невозможно прочитать свойство 'onClose'нуля

Как вызвать функцию onClose?

Answer 1

Попробуйте

component.find(Icon).first().props().onClick();

Кроме того, посмотрите на react-testing-library, это облегчает этот вид тестирования.