Модульное тестирование AntD Modal с Jest и ферментом - PullRequest
2 голосов
/ 06 марта 2019

Я пытаюсь провести модульное тестирование модального AntD в React с использованием Jest и Enezym, и оно выдает мне следующие ошибки:

enter image description here

и еще один

enter image description here

это также: инвариантное нарушение: объекты недопустимы как дочерний элемент 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');

любая помощь высоко ценится, и если требуется больше разъяснений, дайте мне знать в комментарии

...