Как корректно тестировать класс в angular?

Question

[Alexey Polyakov]

Вопрос может не самый важный и многие скорее проходят мимо, так как в если в окне браузера работает, то и ладно, но мне докопаться до истины хочется. Короче говоря, в angular есть три компонента - все прописаны, всё работает, но ng test ругается на создание последнего компонента, где класс выглядит:

import {Item} from "../item";

@Component({
  selector: 'app-item',
  templateUrl: './item.component.html',
  styleUrls: ['./item.component.sass']
})
export class ItemComponent implements OnInit {

  @Input('item') data : Item;
  @Input('fir') fname : string;

*лишнее убрал
}

А создание компонента происходит в другом компоненте через:

<app-item
     *ngFor="let i of items"
     [item]="i"
     [fir]="fir">
</app-item>

Насколько я понимаю, сам по себе этот компонент ничего не создает, потому что обращение к нему из верхнего компонента в конструкторе:

this.items = [
      new Item(" _f1", " _s1"),
      new Item(" _f2", " _s2"),
    ];

либо может как-то в spec файле искусственно прописать данные для создания компонента или это нафиг не нужно, учитывая, что верхний компонент проходит проверку со всей своей инициализацией?

Comments

[Alexey Polyakov]

Сделал затычку в конструкторе:

if (!this.data) this.data = new Item("test", "test");

заработал тест.

А как можно в spec добавить такую затычку в конструктор, чтобы src код не набивать лишним?

[Николай]

Я два раза перечитал ваш пост, но так и не понял, что значит эта фраза:

Насколько я понимаю, сам по себе этот компонент ничего не создает, потому что обращение к нему из верхнего компонента в конструкторе...

В любом случае - писать какой-то код только ради прохождения тестов - всегда плохая практика.