HTML изображение отображается поверх кармы

Question

Почему lo go, который есть в моем компоненте navbar, отображается в Karma, когда я запускаю "ng test"?

При запуске «ng test» это выглядит так, как показано на рисунке ниже:

Следующий код взят из моего app.component.spe c. файл ts.

describe("AppComponent", () => {
  let component: AppComponent;
  let fixture: ComponentFixture<AppComponent>;
  let de: DebugElement

  beforeEach(async(() => {
    TestBed.configureTestingModule({
      imports: [
        RouterTestingModule, 
        AngularFireDatabaseModule,
        AngularFireAuthModule,
        AngularFirestoreModule,
        AngularFireStorageModule,
        AngularFireModule.initializeApp( environment.firebase)],
      declarations: [
        AppComponent, 
        NavbarComponent],
      providers: 
        [ 
          DatabaseService, 
        ],
    }).compileComponents();
  }));

  beforeEach(() => {
    fixture = TestBed.createComponent(AppComponent);
    component = fixture.componentInstance;
    de = fixture.debugElement;
    fixture.detectChanges();
  });

  it("should create", () => {
    expect(component).toBeTruthy();
  });
}); 

Answer 1

Я предполагаю, что изображение появляется без CSS того, насколько большим или маленьким оно должно быть.

Если NavbarComponent не важно для ваших юнит-тестов для AppComponent, вы можете использовать NO_ERRORS_SCHEMA чтобы сделать NavbarComponent мертвым HTML элементом в ваших юнит-тестах.

Попробуйте:

import { NO_ERRORS_SCHEMA } from '@angular/core';
....
declarations: [
        AppComponent, 
        // NavbarComponent,
   ],
schemas: [NO_ERRORS_SCHEMA],

Тогда, надеюсь, изображение не появится.