Как проверить работу компонента, присутствующего в опоре другого компонента?

Question

Я использовал список компонентов Material-UI. Внутри этого компонента у меня есть подзаголовок проп, который содержит флажок. Я хочу проверить функцию onClick для флажка.

            <List
                component="nav"
                subheader={<span style={{ display: 'inline-flex', width: '100%' }}>
                    < ListSubheader style={{ top: 'inherit', width: '80%', fontSize: '30px', fontWeight: 'bold' }}>
                        {HEADING.industries}
                    </ListSubheader >
                    <Checkbox
                        color="default"
                        checked={this.state.checkedSelectAll}
                        onClick={handleSelectAll}
                    />
                    <Typography className="selectAllText">
                        Select All
                    </Typography>
                </span>}
            >

Я написал:

it('should call handleSelectAll', () => {

    wrapper = shallow(<IndustryGroupModal {...props} />);

    wrapper.find(Checkbox).simulate('click');

});

Выдает эту ошибку:

Method “simulate” is meant to be run on 1 node. 0 found instead.

Answer 1

Попробуйте, я думаю, этого должно быть достаточно:

it('should call handleSelectAll', () => {

    wrapper = shallow(<IndustryGroupModal {...props} />);


    wrapper.prop("subheader").props.children[1].props.onClick()

});

Надеюсь, это решит вашу проблему, Хорошего дня!