Learn more: react tests

[azinit]

https://github.com/react-spring/react-use-gesture/blob/master/test/Scroll.test.tsx

[azinit]

https://enzymejs.github.io/enzyme/

[azinit]

https://ru.reactjs.org/docs/testing-recipes.html

[azinit]

https://jestjs.io/docs/ru/snapshot-testing

https://medium.com/@karafizi/%D1%82%D0%B5%D1%81%D1%82%D0%B8%D1%80%D0%BE%D0%B2%D0%B0%D0%BD%D0%B8%D0%B5-react-%D0%BA%D0%BE%D0%BC%D0%BF%D0%BE%D0%BD%D0%B5%D0%BD%D1%82%D0%BE%D0%B2-%D1%81-jest-%D0%B8-enzyme-%D0%BF%D0%B5%D1%80%D0%B5%D0%B2%D0%BE%D0%B4-985dcab18b7e

https://medium.com/devschacht/what-and-how-to-test-with-jest-and-enzyme-full-instruction-on-react-components-testing-d3504f3fbc54

https://medium.com/devschacht/berry-de-witte-unit-testing-your-react-application-with-jest-and-enzyme-6ef3658fdc93

https://www.youtube.com/watch?v=Ex2j4oIweDk

https://bambielli.com/til/2018-03-04-directly-test-react-component-methods/

https://devhints.io/enzyme

[azinit]

https://medium.com/@rossbulat/testing-in-react-with-jest-and-enzyme-an-introduction-99ce047dfcf8 https://medium.com/dailyjs/testing-react-an-overview-56204839cbad

[azinit]

https://github.com/enzymejs/enzyme/issues/1265

[azinit]

https://enzymejs.github.io/enzyme/docs/installation/react-16.html

[azinit]

• jest
• enzyme
• puppeter

[azinit]

Jest spyOn function

https://remarkablemark.org/blog/2018/04/10/jest-spyon-function/

[azinit]

https://medium.com/@hello_21915/testing-the-scrolltotop-component-in-react-with-enzyme-and-jest-5342fab570b4 https://github.com/facebook/react/issues/4971 https://github.com/enzymejs/enzyme/issues/1434 https://stackoverflow.com/questions/47823616/mocking-clientheight-and-scrollheight-in-react-enzyme-for-test https://stackoverflow.com/questions/45376974/what-is-the-best-way-to-test-window-scroll-event-handlers-with-enzyme https://stackoverflow.com/questions/46221210/jest-enzyme-how-to-test-at-different-viewports/51997030 https://github.com/testing-library/react-testing-library/issues/353 https://github.com/enzymejs/enzyme/issues/1940

[azinit]

http://garris.github.io/BackstopJS/

[azinit]

Современное тестирование React-приложений

Серия статей, посвященная лучшим практикам тестирования в React:

1️⃣ Modern React testing, part 1: best practices 2️⃣ Modern React testing, part 2: Jest and Enzyme 3️⃣ Modern React testing, part 3: Jest and React Testing Library

[azinit]

• [ ] Тестирование React-проектов с Jest и Enzyme

В React-приложении много частей, которые следует тестировать.

Например, редьюсеры. С ними все просто - они сами по себе изолированы от остального кода.

С синхронными создателями действий - то же самое, а вот асинхронные - уже поинтереснее. Чтобы написать тесты для них, придется воспользоваться некоторыми redux-инструментами и научиться делать моки (заглушки) для аякс-запросов.

👉 Unit тестирование redux экшенов и редьюсеров (https://maxpfrontend.ru/vebinary/unit-testirovanie-redux-ekshenov-i-redyuserov/)

Не забудем и про компоненты. Для их тестирования потребуется библиотека enzyme. Заодно разберемся с тестированием снапшотами и симуляцией событий.

👉 Тестирование компонентов с помощью jest и enzyme (https://maxpfrontend.ru/vebinary/testirovanie-komponentov-s-pomoschyu-jest-enzyme/)

[azinit]

• [ ] TDD с React, Jest и Enzyme

Полное руководство по модульному тестированию React-приложения.

1 часть: https://prglb.ru/1m2wt 2 часть: https://prglb.ru/338uu

[azinit]

• [ ] Тестирование фронтенда Какие инструменты и подходы для разных типов тестирования фронтенда обычно используют разработчики и тестировщики?

Задали этот вопрос профессионалам, ответами делимся с вами:

https://tprg.ru/2hwA