Как я могу использовать Jest для тестирования функции внутри компонента без состояния?

Question

Мне нужно проверить функцию внутри моего компонента без сохранения состояния, как показано ниже:

function App(props) {
  const handleItemClick = () => {
    if (true) {
      props.doanything();
    }
  }

  return (
    <div onClick={handleItemClick}>
      App
    </div>
  );
}

Answer 1

Вы не должны тестировать внутренние (приватные) элементы, считается плохой практикой тестировать внутреннюю реализацию, а не имитировать взаимодействие пользователя с вашим компонентом. В вашем случае имитируйте нажмите на div.

Если вы используете Фермент , вы можете получить div через wrapper.find, а затем div.simulate('click').

У меня есть общее предложение, которое я часто использую: «Если вам сложно проверить, вы, вероятно, пытаетесь проверить что-то не так».