Size: a a a

2020 December 29

AR

Alexey Raspopov in React Kyiv
“обвязка”?
источник

DV

Dmitry Vndrsn in React Kyiv
Alexey Raspopov
“обвязка”?
я пока не до конца понял терминологию юнит тестов, но там, как я понял, ранеры бывают разные
источник

AR

Alexey Raspopov in React Kyiv
jest это тест раннер
источник

AR

Alexey Raspopov in React Kyiv
в нём есть всё нужное для самих тестов. react testing library — просто набор утилит для тестирования реакт компонентов
источник

AR

Alexey Raspopov in React Kyiv
думаю, прочитать два ридми будет достаточно для старта
источник

DV

Dmitry Vndrsn in React Kyiv
Alexey Raspopov
думаю, прочитать два ридми будет достаточно для старта
да уже, просто с наскоку как-то не получилось) спасибо за краткость
источник

DZ

Dmitry Zherebko in React Kyiv
Alexey Raspopov
я могу быть предвзят, но enzyme говно
да ты немного предвзят, потому что ензим очень большое говно
источник

B

Bogdan in React Kyiv
Dmitry Zherebko
да ты немного предвзят, потому что ензим очень большое говно
а что rtl принципиально нового в сравнении с mount?
источник

AR

Alexey Raspopov in React Kyiv
тут дело даже не в том, что rtl предлагает нового, а скорее в каком тупике находится enzyme:
* всё ещё нужны адаптеры
* shallow кажется избыточным когда есть jest mocks
* api грустное и выглядит как просто небольшая надстройка над react-test-utils (авторы которой, реакт команда, сама рекомендует rtl)
* enzyme позиционирует себя как юнит-тестирование, что для UI компонентов превращается в дофига мороки и минимум выхлопа (https://kentcdodds.com/blog/write-tests)
источник

AT

Alexander Tarasenko in React Kyiv
Так тогда можно взять cypress и все им тестить)
источник

S

Serhiy in React Kyiv
Natalia Sabadysh
👋🏻 привет вам, не подскажите плиз, этот процент с бэка приходит какие-то данные ? Или на setTimeout делать на фронте ?
Ніякий setTimeout. Ці всі дані легко можна витягнути за допомогою XMLHttpRequest ( якщо знаєте як ), або за допомогою бібліотеки axios
источник

L

Looch in React Kyiv
Serhiy
Ніякий setTimeout. Ці всі дані легко можна витягнути за допомогою XMLHttpRequest ( якщо знаєте як ), або за допомогою бібліотеки axios
это только если отправка файла
источник

L

Looch in React Kyiv
иначе прогнесс запроса никак не отследить по сути (без костылей)
источник

S

Serhiy in React Kyiv
Looch
это только если отправка файла
так, тут вже залежить що автор мав на увазі під лоадером
источник

L

Looch in React Kyiv
Serhiy
так, тут вже залежить що автор мав на увазі під лоадером
Ну это да, смотря что хотят отслеживать
источник

AR

Alexey Raspopov in React Kyiv
Alexander Tarasenko
Так тогда можно взять cypress и все им тестить)
Стоимость запуска и скоуп тестирования разный
источник

AT

Alexander Tarasenko in React Kyiv
Вроде Kent c Dodds говорит тестировать компоненты интеграционно а не отдельно. Что имеет смысл. По факту берём какой то интеграционный компонент, мокаем запросы и стор. И тестируем.
в cypress то же самое можно тестировать (группу взаимодействия компонентов). Да это будет более визуальный тест, такой как юзер видит. Но тот же Dodds говорит всегда тестируйте компоненты как юзер с ними работает а не детали implementation.
Следовательно чем вслепую делать container.debug в тестах и  страдать, не лучшеуж тестить это в сайпрес и видеть наглядно что где сломалось и почему
источник

AR

Alexey Raspopov in React Kyiv
Всё дело в стоимости запуска тестов. Инфраструктура для e2e выходит всегда дороже
источник

NS

Natalia Sabadysh in React Kyiv
Serhiy
Ніякий setTimeout. Ці всі дані легко можна витягнути за допомогою XMLHttpRequest ( якщо знаєте як ), або за допомогою бібліотеки axios
@serhiy_ivvi thx) только тут graphql )
источник

S

Serhiy in React Kyiv
Natalia Sabadysh
@serhiy_ivvi thx) только тут graphql )
з GraphQL не працював, але по запиту знайшов таку ссилку ( graphql + axios ).
https://medium.com/@stubailo/how-to-call-a-graphql-server-with-axios-337a94ad6cf9
источник