Как правильно использовать clr-nav-level для исправления ошибки spec.ts

Question

Я использую Clarity и Angular для приложения и пытаюсь добавить в него тесты. Но я продолжаю получать эту ошибку всякий раз, когда я пытаюсь запустить тест:

Can't bind to 'clr-nav-level' since it isn't a known property of 'div'

Нужно ли мне импортировать что-нибудь еще из библиотеки Clarity, чтобы это работало?

Вот мой код spec.ts:

describe('AppComponent', () => {
  let appComponent: AppComponent;
  let fixture: ComponentFixture<AppComponent>;

  beforeEach(async(() => {
    TestBed.configureTestingModule({
      imports: [
        ClarityModule,
        RouterTestingModule,
        BrowserAnimationsModule
      ],
      declarations: [
        AppComponent,
        NavbarComponent
      ]
    }).compileComponents();
    fixture = TestBed.createComponent(AppComponent);
    appComponent = fixture.debugElement.componentInstance;
  }));

  it('should create the app', async(() => {
    expect(appComponent).toBeTruthy();
  }));
});

Answer 1

Добавьте это к вашей конфигурации TestBed:

schemas: [ CUSTOM_ELEMENTS_SCHEMA ]

CUSTOM_ELEMENTS_SCHEMA Определяет схему, которая позволит:

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

Дополнительная информация: https://angular.io/api/core/CUSTOM_ELEMENTS_SCHEMA

Это будет игнорировать все пользовательские свойства ваших элементов HTML.

Если это не помогло решить проблему, укажите код компонента в вопросе.