TDD с React, Jest и Enzyme

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

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

#tools #testing

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

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

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

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

👉 Unit тестирование redux экшенов и редьюсеров

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

👉 Тестирование компонентов с помощью jest и enzyme

#react #testing #video #frameworks

Архитектура фронтенда: Стратегия и метрики автоматизированного тестирования

Тесты - очень важная часть системы, и у них есть свое место в архитектуре. Вопрос "писать или не писать тесты?" обычно не стоит - но всегда есть вопрос "какие тесты и как много?"

Читать: https://prglb.ru/23o12

Статья расскажет, об основных подходах к тестированию, важности автоматизации и почему 100% покрытия - это не хорошо.

#testing #architecture

Юнит-тестирование фронтенда без фреймворка

Модульные тесты своими руками.

Читать: https://prglb.ru/4c1ph

#testing

REQRES: эмуляция API для тестирования фронтенда

Начать пользоваться: https://reqres.in/

#tools #testing #api

​Современное тестирование 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

#testing #react

jest vs jasmine: основные отличия

В чем разница между двумя самыми популярными решениями для тестирования и почему jest один, а карма всегда в связке с жасмином?

Читать: https://prglb.ru/tej1

#testing #jest #jasmine

TDD с Jest и Angular

Разбираемся, как выглядит test-driven development на фронтенде с Jest.

Ссылка: https://prglb.ru/56c7k

#testing #jest #angular #tools

​Тестирование хуков React

Полное руководство по тестированию хуков в React: https://prglb.ru/427zw

#react #frameworks #testing

​Тестирование Node.js-проектов

Большой материал в двух частях по тестированию:

👉 Анатомия тестов и типы тестов
👉 Оценка эффективности тестов, непрерывная интеграция и анализ качества кода

#node #testing

🦉 Использование фреймворка Nightwatch.js для автоматизации тестирования

Пошаговое руководство к Nightwatch.js для автоматизации браузерного тестирования: https://prglb.ru/37xla

#testing #javascript

🛠 Тестирование JavaScript в 2020 году: все, что нужно знать

Большой обзор современных инструментов и практик тестирования JavaScript-кода. В нем обязательно найдутся средства, подходящие именно для ваших проектов. Не пропустите!

https://prglb.ru/488tw

#testing

Чек-лист по тестированию верстки

https://proglib.io/w/e87dd45a

1. Как тестировать (юнит и интеграционные тесты)
2. Что тестировать (от пиксель-перфект до валидности HTML)
3. Где тестировать (браузеры и устройства)
4. Как интегрировать тестирование в разработку
5. Какие сервисы использовать для тестирования

#testing

​Автоматизированное визуальное регрессионное тестирование с TypeScript, Puppeteer, Jest и Jest Image Snapshot

Рефакторинг, добавление нового компонента или обновление пакета могут повлиять на отображение приложения. Как убедиться, что ничего не сломалось? С помощью визуального тестирования: https://proglib.io/w/84473a9e

#testing

​Как мы тестируем frontend (html-верстку)

Чек-лист от основателя агентства по созданию сайтов: https://proglib.io/w/e87dd45a

#testing