Теперь Кью работает в режиме чтения

Мы сохранили весь контент, но добавить что-то новое уже нельзя

Как применить подход TTD (Test Driven Development) во фронтенде?

Алексей Андреев
  ·   · 1,2 K
36 лет живу, 16 лет программирую, 7 лет путешеству...  · 26 авг 2021  · ryabenko.pro

Тестирование фронта значительно отличается от тестирования бэка, хотя в основе лежат те же концепты. Для фронта юнит тесты менее важны, т.к. обычно фронт не содержит серьезной бизнес логики (которая реализуется на бэке).

Далее привожу алгоритм тестирования в фреймворках, которые поддерживают компоненты (VueJS, React).

Во первых нужно определить поведение и фичи, которое необходимо в будущем компоненте. Поведение может включать запросы на сервер или взаимодействие с другими компонентами. Фичи могут содержать набор необходимых элементов на странице соответствующих данным. Тогда в юнит тесте нужно создать изолированный компонент, замокав его зависимости и встроенные функции, вызвать методы инициализации и рендера и убедиться, что необходимые вызовы сделаны и элементы отображены.

В качестве примера юнит тестов для React можете посмотреть вот этот репозиторий, где я по шагам пилю большой компонент на более мелкие.

https://github.com/ryabenko-pro/react-ui-unit-testing/tree/master/src

Помогаю программистам пробить свой потолокПерейти на t.me/ryabenko_pro
По поводу кода немного бесплатного непрошенного ревью от меня. =) > if (days < 0) { > return 'table-danger' > } >... Читать дальше