Как выполнить изолированное тестирование пользовательского интерфейса в ReactJS

#reactjs #ui-testing

Вопрос:

Я хочу выполнить что-то вроде того, что я буду называть изолированным тестом на моем компоненте React.

Представьте, что у меня есть следующий компонент, который получает некоторые реквизиты, как показано ниже

 export default function DummyComponent(props){

   return(
      <div>
        <p>{props.name}</p>
        <button>Send Button</button> //Button visibility test should succeed whether props.name is passed or not
      </div>
     );
}
 

Было ли передано имя или нет, как я могу проверить, что кнопка действительно установлена?

Спасибо.

Комментарии:

1. Я думаю, что вы ищете модульные тесты. Facebook предоставляет действительно отличную (и быструю!) платформу для этого под названием Jest. Вот ссылка: jestjs.io/docs/tutorial-react