Cannot bind to fat because it is not a known property of ng-progress

Question

I am trying to use this plugin for my application: https://github.com/MurhafSousli/ngx-progressbar#user-content-automagic-loading-bar

It works fine, but when I run a test on it, it does not work with an error:

Cannot be associated with fat because this is not a known property of ng-progress.

app.module.ts

import { NgProgressCustomBrowserXhr, NgProgressModule } from 'ngx-progressbar'; @NgModule({ declarations: [ AppComponent ], imports: [ NgProgressModule ], providers: [ { provide: BrowserXhr, useClass: NgProgressCustomBrowserXhr }, ], bootstrap: [AppComponent] }) export class AppModule { } 

My app.component.html

 <ng-progress [thick]="'true'" [showSpinner]="'false'"></ng-progress> 

When I run npm run test

it does not work with an error:

Error: template analysis errors: 1. If "ng-progress" is an Angular component, check that it is part of this module.

I absolutely do not know why the test only fails.

Answer 1

As I said in a comment, you forget to provide your component in your test.