Я пытаюсь провести модульное тестирование модального AntD в React с использованием Jest и Enezym, и оно выдает мне следующие ошибки:
и еще один
это также: инвариантное нарушение: объекты недопустимы как дочерний элемент React (найдено: объект с ключами {destroy, update}).Если вы намеревались визуализировать коллекцию дочерних элементов, используйте вместо этого массив.
и вот модал, который я создал
import propTypes from 'prop-types';
import { Modal } from 'antd';
const SuccessModal = props => {
const { title, content } = props;
return Modal.success({
title,
content,
});
};
SuccessModal.propTypes = {
title: propTypes.string.isRequired,
content: propTypes.string.isRequired,
};
export default SuccessModal;
, а вот мои модульные тесты
import React from 'react';
import { shallow } from 'enzyme';
import SuccessModal from './index';
describe('SuccessModal', () => {
it('should render the component correctly in ', () => {
shallow(<SuccessModal title="time to succeed" content="sucess content success content" />);
});
it('check the props values', () => {
const props = {
title: 'this is a success title',
content: 'sucess content sucess content',
};
const renderedComponent = shallow(<SuccessModal {...props} />);
expect(renderedComponent.prop('title')).toBe('this is a success title');
expect(renderedComponent.prop('content')).toBe('sucess content sucess content');
});
});
Я также пробовал таким образом
expect(
(
<SuccessModal title="this is a success title" content="sucess content sucess content" />
).exists(),
).toEqual(true);
expect(( <SuccessModal title="this is a success title" content="sucess content sucess content" />).text()).toContain('this is a success title');
любая помощь высоко ценится, и если требуется больше разъяснений, дайте мне знать в комментарии