Ошибки разбора шаблона (только) при выполнении тестов кармы

Question

У меня есть небольшое угловое приложение, методы AppComponent которого я хотел бы написать для модульных тестов.Мое приложение скомпилировано и работает должным образом, но когда я пытаюсь запустить для него стандартные тесты (я использую webstorm, поэтому я переключаюсь на Tests в раскрывающемся меню конфигурации запуска / отладки), я получаю ошибку синтаксического анализа шаблонасвязанный с моим html файлом.Карма сообщает об этой строке следующим образом:

Failed: Template parse errors:
    Can't bind to 'ngModel' since it isn't a known property of 'textarea'. ("
      <div style="height:10px"></div>
      <div style="text-align:center">
        <textarea [ERROR ->][(ngModel)]="data"></textarea>
      </div>
      <div style="height:10px"></div>
    "): ng:///DynamicTestModule/AppComponent.html@13:14

У меня была эта проблема, когда я только начинал, потому что я еще не импортировал FormsModule и не добавил ее в @NgModule в своем app.module.ts (как здесь) .Есть ли место для теста, в которое мне нужно добавить импорт?Я попытался импортировать его в мой app.component.spec.ts, но это не имело значения.

Answer 1

app.component.spec.ts, необходимый также для импорта FormsModule:

describe('AppComponent', () => {
  beforeEach(async(() => {
    TestBed.configureTestingModule({
      declarations: [
        AppComponent
      ],
      imports: [
        FormsModule  // <- important!
      ]
    }).compileComponents();
  }));