Рубрики
Без рубрики

Мой простой контрольный список для ну Проверенные компоненты реагирования

Компоненты тестирования важны в развитии реагирования, но также часто игнорируются и пренебрегают. После нескольких лет не зная, что тестировать или как его подойти, я придумал контрольный список тестирования. Эта статья допускает этот контрольный список, обсуждает темы и поможет вам достичь лучших проверенных компонентов реагирования. Теги с новичками, реагировать, тестирование, JavaScript.

Эта статья является частью Необычный реагировать Информационный бюллетень сосредоточился на помощи вам стать лучшим разработчиком реагирования, сосредоточившись на менее распространенных тем, таких как тестирование, читаемость и многое другое.

Тестирование является одной из важнейших мероприятий по разработке программного обеспечения и развитие реагирования не является исключением из этого. К сожалению, само программное тестирование сама очень упущена и забытая тема. Чаще, чем нет, реализующие тесты – это заповедь, и разработчики готовы только потратить наименьшее количество времени и усилий. Результаты являются низкокачественные тесты, которые не предоставляют никакой уверенности в нашем программном обеспечении, не имеют смысла и представляют только шум в кодовую базу.

Правильное тестирование программного обеспечения – очень сложная тема, даже больше, чем сама разработка программного обеспечения. С разработкой программного обеспечения, начало и конец четко определены. Но для тестирования программного обеспечения это не так. Нет четкого пути, который вы можете взять каждый раз, чтобы проверить свой код. Это отличается каждый раз, основываясь на функции, контексте и реализации.

За прошедшие годы у меня была справедливая доля борьбы и трудности с ней. В течение очень долгого времени я писал тесты для написания тестов. Незадолго до открытия запроса слияния (MR), я бы помню, что мне пришлось писать тесты. Я бы предпринял бы скопировать структуру из других существующих тестов и настроить его к моему коду. Минимальные усилия для максимальных результатов, вид.

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

Приняв эту тему более серьезным, один из привычек, которые я поднял, всегда проходит через тестирующий контрольный список тем, которые я пытаюсь прикрывать при тестировании компонентов реагирования. Эта статья будет поделиться этим контрольным списком тестирования, разработать темы и может помочь вам проще пройти тестирование ваших комментариев реагирования, создайте собственный контрольный список и обеспечить более высокое качество React Code.

Взаимодействия пользователя

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

При проверке взаимодействий пользователей важно определить, какие предпосылки являются специфическим взаимодействием и ожидаемое поведение. Это будет макет хлеба и масла для большинства ваших испытаний. Во-первых, вы настроили тест в среде, которая может вызвать взаимодействие. Затем вы имитируете взаимодействие пользователя. Наконец, вы убедитесь, что это приводит к ожидаемому поведению.

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

Требования менеджера по продуктам

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

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

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

Внутренние компоненты и полезные функции

Большую часть времени наше внимание для тестирования является внешние пользователи нашего кода, такого как конечные пользователи, клиенты или даже менеджеры продуктов. Точно так же большая часть темы в этой статье также ориентирована на эту аудиторию. Но при написании кода есть другой тип аудитории, который мы должны рассмотреть, а именно другим разработчикам.

При выполнении разработки реагирования не весь код будет напрямую влиять на приложение, как представлено конечным пользователю. Разработка реагирования также включает в себя код, такие как внутренние компоненты и функции утилиты, которые создаются для других разработчиков для использования. Но использовать их должным образом, они должны их понять.

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

Особенности обратной совместимости

С точки зрения клиента, особенно когда ваш продукт регулярно освобождается, совместимость назад является важным аспектом. В развитии Frontend у нас есть похоже, что касается зависимостей, которые мы используем. Для пользователя, в состоянии обновления по отношению к более новым версиям зависимости или приложения может быть решающим фактором при принятии решения о том, можно ли обновлять, мигрировать и принимать или нет.

Основываясь на личном опыте, я также не сталкивался с этой конкретной темой, либо просто никогда не обращал на него внимания. До моей последней работы, где мы доставляем виджеты, используя реагирование регулярно. Одним из важнейших тем «обсуждения» – это ли новая версия содержит изменения изменений и обратно совместима.

Наличие надлежащих проверок, чтобы проверить свои существующие функции, является отличным началом и может пройти долгий путь в обеспечении обратной совместимости. Но в разработке Frontend обратно совместимость не всегда только о функциях и интерактивности. Аспекты, такие как SEO, DOM-структура и имена классов CSS, также являются частью разговора. Для них Устанавливает моментальные тесты отличный инструмент для их тестирования.

Регрессионные

Так часто я видел следующий сценарий Play Out: об ошибке сообщили о поддержке о признаке, которую мы отправили в прошлом. После того, как разработчик выбрал его, оказалось, что оригинальный разработчик забыл определенный кейс или одно из требований. Не имеет большого значения, поэтому в настоящее время ответственный разработчик написал исправление и отправил новую функцию. Через неделю в той же функции сообщается новая ошибка. Оказалось, мы вызвали регрессию. Мы исправили его и отправили это. Еще одна неделя, промыть и повторить.

Есть много аспектов, которые мы можем погрузиться в этот сценарий относительно тестирования. Но самое главное, на данный момент, чтобы убедиться, что вновь добавленный код не сломал старый код никоим образом. Если это сделало, это называется регрессией. Из личного опыта регрессионные являются одной из самых больших причин разочарования разработчиков, пользователей и всех вовлеченных.

Чтобы предотвратить регрессии, сначала нужно иметь твердые тесты для предыдущего кода на месте. Чтобы начать с этого, важно сделать всегда добавлять тест, который охватывает при введении новой функции или исправления ошибки. Это гарантирует, что он не будет регрессировать в будущем.

Последние мысли

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

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

Если вам понравилась эта история, рассмотрим Следование за мной в Twitter Чтобы оставаться в курсе моей работы или проверить мою рассылку Необычный реагировать Отказ

Оригинал: “https://dev.to/keraito/my-simple-checklist-for-well-tested-react-components-4d4a”