J'ai des accessoires avec JSX.Element. Comment se moquer de la même chose dans le test de plaisanterie

2020-06-02 reactjs typescript jestjs

Je suis mon composant réactif, j'ai des accessoires comme ci-dessous

interface Props {
  errorMessage: JSX.Element;
  addCommentCancel: () => void;
  triggerAddComment: () => void;
  showAddCommentForm: boolean;
}

et dans le test, j'invoque le composant comme ci-dessous

const props =  {
  errorMessage: {},
  addCommentCancel: () => jest.fn(),
  triggerAddComment: () => jest.fn(),
  showAddCommentForm: true
};
let wrapper = mount(<IncidentCommentList {...props} />);

Je reçois une erreur

Type '{}' is not assignable to type 'Element'.

Comment se moquer de l'élément d'accessoires?

Answers

const props =  {
  errorMessage: <div>errorMessage</div>,
  addCommentCancel: () => jest.fn(),
  triggerAddComment: () => jest.fn(),
  showAddCommentForm: true
};
let wrapper = mount(<IncidentCommentList {...props} />);

Le code ci-dessus a résolu le problème.

Related