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

Question

I need to write unit tests using Jest and testing-library in a React typescript project. And how can I create an ID for my component ErrorModal to use in my test? I never wrote a test before.! Thank you.

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

  const { message } = props;

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

export default ErrorModal;

Answer 1

Read a little bit about jest.

In your case, try this. https://jestjs.io/docs/tutorial-react#dom-testing

Basically, you will test if "message" is actually being rendered in your component by querying it.