reactjs - 如何使用 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;

标签： reactjstypescriptunit-testingjestjsreact-testing-library

Answer 1

阅读一点关于笑话的内容。

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

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