HTML图像被渲染在业力之上

Question

[运行“ ng test”时，导航栏组件中的徽标如何在Karma中呈现？

[运行“ ng测试”时，如下图所示：

以下代码来自我的app.component.spec.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],

然后希望图像不会出现。