javascript - 调用函数作为 Enzyme 中的 prop 传递

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: Cannot read property 'onClose' of null

如何调用onClose函数？

Answer 1

尝试

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

另外，看看 react-testing-library 它使这种测试变得更容易。