Сценарист: Наташа Осборн
В Radial Development Group мы часто выбираем React для внешнего интерфейса (обычно в сочетании с Redux). Поскольку мы практикуем разработку через тестирование, мы также настраиваем тестовую среду.
Вот краткое описание инструментов, которые мы используем и почему. Позже мы опубликуем несколько подробных статей о том, как мы используем эти инструменты.
При настройке тестовой среды вам потребуются как минимум три вещи, скорее четыре:
- Библиотека утверждений
- Платформа тестирования
- Конструктор тестов
- (Необязательно) Дополнительные плагины для конкретных проектов
Библиотека утверждений
Библиотека утверждений позволяет тесту ожидать определенного результата в тесте. Мы используем чай.
Подробнее о Чай здесь.
И посмотрите краткий пример здесь о том, как использовать Chai.
Платформа тестирования
Mocha — это среда тестирования, которая предоставляет функциональные блоки для написания и группировки ваших тестов, установки и удаления данных из плагинов и других импортированных модулей; и запускать утверждения о тестируемой системе.
Ознакомьтесь с нашим кратким примером начало работы с Mocha.
Конструктор тестов
Webpack — это сборщик модулей (любой статический ресурс), который используется для связывания и обслуживания файлов приложения.
Подробнее о webpack читайте здесь.
Ознакомьтесь с нашим постом о настройке тестовых сборщиков.
Плагины для тестирования
- Babel — транспайлер (есть плагин для webpack!), делающий ES6 javascript кроссбраузерным.
- Sinon позволяет вам имитировать функцию или целый объект, а также подглядывать, вызывались ли в ваших тестах определенные методы.
Библиотека XMLHttpRequest
Мы используем axios в качестве клиентского решения для создания XMLHttpRequests. Radial использует moxios для проверки аксиом.
Тестирование компонентов React
С помощью enzyme вы можете легко визуализировать реагирующие компоненты и просматривать выходные данные своих React Components, чтобы делать утверждения о результатах тестирования.
Мы будем обновлять этот пост и добавлять другие с более подробными руководствами по каждому из этих инструментов. Быть в курсе!
Спасибо, что читаете блог Радиал, найдите минутку, чтобы подписаться на нас здесь и в Твиттере!