Ошибка: проблема с узлом, не найденным с использованием фермента Текст метода

Question

Я пишу небольшой тест для компонента PopUp.Тем не менее, я получаю эту ошибку: метод «текст» предназначен для запуска на 1 узле.0 найдено вместо.Я в процессе обучения, любая помощь будет принята с благодарностью.Спасибо Это мой component.tests.js

        const small = popUp.find('small');
        expect(small).toHaveLength(1);
        expect(small.text()).toBe(messages['en'] . 
        ['segments.create.timeline.isScheduled']);
        expect(warning).toBeDefined();
        expect(popover).toBeDefined();
        expect(message).toBeDefined();       
    });
});

А это мой component.js

class SegmentWarningPopup extends React.Component {
    state = {
        anchorEl: null,
    };

    handleClick = event => {
        this.setState({
            anchorEl: event.currentTarget,
        });
    };

    handleClose = () => {
        this.setState({
            anchorEl: null,
        });
    };

    render() {
        const { anchorEl } = this.state;
        const open = Boolean(anchorEl);

        return (
            <div>
                <Warning size="small" className="duration-has-changed-icon" onClick={this.handleClick}/>
                <Popover
                    id="durationHasChanged"
                    open={open}
                    anchorEl={anchorEl}
                    onClose={this.handleClose}
                    anchorOrigin={{
                        vertical: 'bottom',
                        horizontal: 'left',
                    }}

                    transformOrigin={{
                        vertical: 'top',
                        horizontal: 'left',
                    }}

                    PaperProps={{
                        className: 'warning-popover-paper'
                    }}
                >
                    <FormattedMessage id={"segments.create.timeline.isScheduled"} description="text"/>
                </Popover>
            </div>
        );
    }
}

    SegmentWarningPopup.propTypes = {
    targetEventObj: PropTypes.object
};

    export default SegmentWarningPopup;

Answer 1

Вам просто нужно .find сам <Warning> компонент:

  popUp.find(Warning)