Тестирование React Приложения?

Question

[Иван Дербенченко]

Всем привет!
Я новичок в React, что то получается что то нет .... не суть. Сейчас начал сталкиваться с тестированием React, использовал jest + enzyme. По советам из разных источников не использую классовые компоненты, по максимуму на хуках пишу.
Проблема в том что примеры тестирование компонентов основаны на классовых компонентах, и ко мне не применимы, что то толковое не могу найти по этому вопросу.
В этих же примерах было расписано визуальное тестирование, по типу: "пользователь увидел несколько кнопок с такими-то надписями, щелкает на кнопку с конкретным названием, кнопка была нажата".
Мне казалось что тестирование приложения немного по другому выглядит ...
Хотелось бы узнать:

• есть ли в принципе необходимость тестирования React, если все можно протестировать "глазами"?
  
• какие вы библиотеки используете при тестировании?
  
• насколько сложно писать React приложение/сайт по TDD?
  
• возможно вы знаете источники с примерами тестирования React основанных на функциональных компонентах?
  

Подобный вопрос был задан три года назад на habr'e
Буду благодарен, спасибо!

Answer 1

[Vladimir Lewandowski]

есть ли в принципе необходимость тестирования React, если все можно протестировать "глазами"?

Глазами все не получится, если приложение больше тудушки.

какие вы библиотеки используете при тестировании?

возможно вы знаете источники с примерами тестирования React основанных на функциональных компонентах?

React Testing Library.

Ещё нужно учитывать, что веб-приложение — это не только Реакт, а ещё сторы, асинхронная логика и все такое.

Comments

[Иван Дербенченко]

Спасибо за ответ!
А что вы можете подсказать по TDD, есть смысл писать React приложение по TDD или лучше и проще писать тесты постфактум?

[Vladimir Lewandowski]

Mr_FabiozZz, ТДД для Реакта не отличается от ТДД для чего-то другого. Тут вопрос скорее в целом про подход, но тут я не подсажу.
(Если ответ помог, отметьте решением.)

Answer 2

[Егор Живагин]

есть ли в принципе необходимость тестирования React, если все можно протестировать "глазами"?

Есть, всё вы глазами не протестируете. У вас ещё не было случаев, когда правишь что-то в одном месте, а ошибка из-за этого появляется в другом? Вот от таких ошибок защищает unit-тестирование

какие вы библиотеки используете при тестировании?

jest + enzyme

насколько сложно писать React приложение/сайт по TDD?

Имхо, tdd плохо подходит именно для unit-тестов. Для end-to-end гораздо лучше

возможно вы знаете источники с примерами тестирования React основанных на функциональных компонентах?

Я не очень понимаю, а в чём разница? Принцип тестирования тот же, набор инструментов тот же, ...