Я создал новый компонент и выполнил тест ng, но с ошибкой ниже
Failed: Unexpected directive 'ContactDetailsComponent' imported by the module 'DynamicTestModule'. Please add a @NgModule annotation.
import { async, ComponentFixture, TestBed } from '@angular/core/testing';
import { AdditionalContactDetailsComponent } from './additional-contact-details.component';
import { EdlInputModule, EdlIconModule, EdlMessagesModule } from '@fedex/ddt';
import { ReactiveFormsModule, FormBuilder, FormsModule } from '@angular/forms';
import { ContactDetailsComponent } from '../contact-details/contact-details.component';
import { HttpClientModule } from '@angular/common/http';
import { HttpClientTestingModule } from '@angular/common/http/testing';
fdescribe('AdditionalContactDetailsComponent', () => {
let component: AdditionalContactDetailsComponent;
let fixture: ComponentFixture<AdditionalContactDetailsComponent>;
beforeEach(async(() => {
TestBed.configureTestingModule({
imports: [EdlInputModule,
ReactiveFormsModule,
FormsModule,
EdlIconModule,
EdlMessagesModule,
ContactDetailsComponent,
HttpClientModule,
HttpClientTestingModule],
declarations: [AdditionalContactDetailsComponent],
providers: [FormBuilder]
})
.compileComponents();
}));
beforeEach(() => {
fixture = TestBed.createComponent(AdditionalContactDetailsComponent);
component = fixture.componentInstance;
component.ngOnInit();
fixture.detectChanges();
});
it('should create', () => {
expect(component).toBeTruthy();
});
});
Возможный дубликат Неперехваченная ошибка: непредвиденная директива «MyComboBox», импортированная модулем «AppModule». Пожалуйста, добавьте аннотацию @NgModule





Удалите компонент ContactDetailsComponent из массива импорта и добавьте его в массив объявлений. Компоненты всегда помещаются в массив объявлений, а модули помещаются в массив импорта.
Вот решение:
import { async, ComponentFixture, TestBed } from '@angular/core/testing';
import { AdditionalContactDetailsComponent } from './additional-contact-details.component';
import { EdlInputModule, EdlIconModule, EdlMessagesModule } from '@fedex/ddt';
import { ReactiveFormsModule, FormBuilder, FormsModule } from '@angular/forms';
import { ContactDetailsComponent } from '../contact-details/contact-details.component';
import { HttpClientModule } from '@angular/common/http';
import { HttpClientTestingModule } from '@angular/common/http/testing';
fdescribe('AdditionalContactDetailsComponent', () => {
let component: AdditionalContactDetailsComponent;
let fixture: ComponentFixture<AdditionalContactDetailsComponent>;
beforeEach(async(() => {
TestBed.configureTestingModule({
imports: [EdlInputModule,
ReactiveFormsModule,
FormsModule,
EdlIconModule,
EdlMessagesModule,
HttpClientModule,
HttpClientTestingModule],
declarations: [AdditionalContactDetailsComponent, ContactDetailsComponent],
providers: [FormBuilder]
})
.compileComponents();
}));
beforeEach(() => {
fixture = TestBed.createComponent(AdditionalContactDetailsComponent);
component = fixture.componentInstance;
component.ngOnInit();
fixture.detectChanges();
});
it('should create', () => {
expect(component).toBeTruthy();
});
});
Господи, я не мог обнаружить эту проблему с ошибкой. Большое спасибо!
Вы развеяли столько сомнений одной строкой «Компоненты всегда помещаются в массив объявлений, а модули — в массив импорта».
Удалите
ContactDetailsComponentиз массива импорта и добавьте его в массивdeclarations.