Как настроить покрытие кода Angular в VS Code
Менее чем за 30 секунд.
Вот как настроить покрытие кода, чтобы узнать, какие фрагменты вашего приложения Angular тестируются.
Три.
Два.
Один.
ИДТИ!
1. Измените angular.json
Откройте angular.jsonфайл в корневой папке вашего проекта Angular.
Прокрутите до testраздела и добавьте codeCoverage: trueстроку.
Как это.
"test": {
"builder": "@angular-devkit/build-angular:karma",
"options": {
...
"codeCoverage": true
}
},
2. Настройте отчет о покрытии кода в Visual Studio Code.
Итак, теперь, когда у нас есть сгенерированные отчеты о покрытии кода, как нам их показать?
Что ж, есть расширение, которое сделает это за нас. Это называется водосточные желоба .
Перейдите в Расширения в VS Code, найдите Coverage Guttersи установите его.
После установки вы увидите зеленые линии, показывающие, какая часть вашего кода Angular тестируется.
3. Запустите желоба покрытия.
И, наконец, используйте CTRL + SHIFT + Pярлык, чтобы открыть окно команд, и выберите Coverage Gutters: Watchотображение статуса покрытия кода в Visual Studio Code.
Заключение
Не забывайте, что покрытие кода Angular - не панацея.
Тот факт, что 100% кода в вашем проекте Angular тестируется, не означает, что все возможные варианты использования и производственные сценарии не содержат ошибок.
Тем не менее, покрытие кода - отличный термометр, который поможет вам решить, сколько тестов вам нужно написать.
Если вам понравилась эта статья и вы нашли ее полезной, нажмите кнопку 👏 и подписывайтесь на меня, чтобы увидеть больше интересных статей, подобных этой.
Follow Me: GitHub , Medium , Личный блог
Первоначально опубликовано на https://danielk.tech .
Suggested posts
Мои наиболее используемые ресурсы кодирования
На этой неделе я получил электронное письмо от участника ежедневного списка рассылки. Они хотели знать: какие ресурсы вы посещаете ежедневно, еженедельно и ежемесячно? Отличный вопрос! Я рад поделиться некоторыми мыслями о моем рабочем процессе и основных ресурсах, которые я использую.
Серия Lit library - 1: Глубокое погружение в библиотеку lit-html
Цель этой серии блогов — углубиться в библиотеку Lit и получить всестороннее представление о ее уникальных функциях и о том, чем она отличается от других библиотек и фреймворков на рынке. Серия разделена на три части, охватывающие такие темы, как 1.
Related posts
Обучение на рабочей неделе важнее, чем вы думаете
Мы часто обнаруживаем, что изо всех сил пытаемся реализовать то, что, как мы знаем, полезно для нас. От того, чтобы сказать значимому другому, что мы любим его, до того, чтобы помнить, что нужно говорить как пират, всегда будут те, кто утверждает, что день, неделя или месяц событий не нужны, потому что они уже делают эти вещи.
Революция на рабочем месте: ведущие эксперты обсуждают гибридную и удаленную работу
В сегодняшнем быстро развивающемся бизнес-ландшафте концепция гибридной и удаленной работы приобрела беспрецедентный импульс. Поскольку компании продолжают приспосабливаться к меняющимся потребностям и ожиданиям своих сотрудников, эксперты из разных областей собрались вместе, чтобы обсудить преимущества, проблемы и будущее этого преобразующего способа работы.
Медленная эрозия: раскрытие того, как люди угасают в своей карьере
В современном быстро меняющемся и конкурентном мире карьера играет важную роль в личностном росте, финансовой стабильности и общей удовлетворенности жизнью. Однако многие люди оказываются в безжалостном цикле застоя и неудовлетворенности, постепенно угасая в своей профессиональной жизни.
Убийство Джордана Нили и проблема «патриотического» расизма
Могут ли США сделать важный шаг и не приравнивать расистское поведение к тому, чтобы быть хорошим американцем?
[Предупреждение: в этом эссе есть снимки экрана, на которых люди восхваляют убийцу Джордана Нили.] Сотрудники правоохранительных органов наконец — и, возможно, неохотно — предъявили обвинение в этом убийстве Дэниелу Пенни, человеку, который душил Джордана Нили, пока тот не умер.