如何使用 jest、react、testing-library 为该组件编写单元测试？

Question

我需要在 React 打字稿项目中使用 Jest 和 testing-library 编写单元测试。以及如何为我的组件 ErrorModal 创建 ID 以在我的测试中使用？我以前从来没有写过测试！！谢谢。

const ErrorModal = (props: {message: string}) => {

  const { message } = props;

  return (
    <ErrorModalStyled>
      <ErrorMessageStyled>{ message }</ErrorMessageStyled>
    </ErrorModalStyled>
  );
}

export default ErrorModal;

Answer 1

阅读一些关于玩笑的内容。

在你的情况下，试试这个。 https://jestjs.io/docs/tutorial-react#dom-testing

基本上，您将通过查询来测试“消息”是否真的在您的组件中呈现。