Пользовательский интерфейс Keboola Connection ( keboola/kbc-ui ) восходит к 2015 году, а некоторые компоненты React написаны на Coffeescript. Мы решили переписать эти компоненты на JSX. Поскольку не существует конвертера, способного выполнять эту работу автоматически (или с удовлетворительным результатом), мы согласились делать это вручную, небольшими шагами. Когда нам нужно что-то изменить (или исправить) в .coffee файле, мы переписываем его в .jsx , если это возможно. Давайте..

Заявление об ограничении ответственности: мнения, выраженные в этой статье, являются моими собственными и не отражают мнения моего работодателя или кого-либо еще. Моментальные тесты не спасают наши потребности в покрытии тестами, как мы от них ожидаем. Фактически, они могут быть совершенно противоположными . В этой статье мы обсудим, что такое тест снимков и как более эффективно использовать их в своем коде. Что такое тест снимка? Типичный тестовый пример моментального снимка..

В предыдущей статье мы говорили о различных методах проверки кода на основе поведения и оценки нескольких связанных с ним проблем. Мы решили переработать наши тесты, чтобы основывать утверждения на состоянии, а не на поведении, чтобы улучшить способ разделения обеих частей. Это не всегда возможно, но в данном случае это возможно, поэтому давайте немного изменим наш тестовый код, чтобы он больше полагался на состояние. git checkout step3-checking_state_and_behaviour Как видите, наш..

Что мы тестируем? Тестирование снимков Jest в основном используется для тестирования визуализированного вывода компонентов React. Отрендеренный вывод - это, в конечном счете, элементы, отображаемые в DOM : Например, вот стандартный компонент React, который отображает заголовок: Title отображает простой h1 элемент. Моментальный тест гарантирует, что этот компонент выдает h1 при входе children . Цель состоит в том, чтобы, если мы протестируем визуализированный..