Чтобы создать файл спецификации для существующего компонента в Angular, вы можете использовать следующие методы:
-
Ручной подход:
а. Создайте новый файл с тем же именем, что и у вашего компонента, но с расширением.spec.ts. Например, если ваш компонент называетсяmy-comComponent, создайте файл с именемmy-comComponent.spec.ts.
b. В файле спецификации импортируйте необходимые зависимости, такие какComponentFixtureиTestBedиз@angular/core/testing.
c. Напишите свои тестовые примеры, используя синтаксис Jasmine. Вы можете протестировать свойства, методы и привязки шаблонов компонентов.
d. Используйте методTestBed.createComponent, чтобы создать экземпляр вашего компонента для тестирования.
e. Используйте методfixture.detectChanges(), чтобы активировать обнаружение изменений и обновить представление компонента.
f. Утвердите ожидаемое поведение и результаты, используя операторыexpectJasmine. -
Подход Angular CLI:
a. Откройте терминал или командную строку и перейдите в корневой каталог вашего проекта.
b. Выполните следующую команду:nggenerateComponentmy-comComponent --spec. Заменитеmy-comComponentименем существующего компонента.
c. Эта команда создаст новый файл спецификации (my-comComponent.spec.ts) для вашего существующего компонента в том же каталоге. -
Плагины IDE/редактора.
Некоторые IDE и редакторы предоставляют плагины или расширения, которые могут автоматически создавать файлы спецификаций для компонентов. Эти плагины часто имеют настраиваемые шаблоны и избавляют вас от необходимости писать шаблонный код вручную. Примеры включают Angular Console, Angular Language Service и Visual Studio Code с расширением Angular Essentials.