Test d'unité angulaire: Comment exécuter un test de base

Question

Je suis nouveau sur les tests unitaires angulaires.

Je veux mettre en place un premier test de fonctionnement si j'ai développé ceci:

import { async, ComponentFixture, TestBed } from '@angular/core/testing'; 
import { AppComponent } from './app.component'; 

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

    beforeEach(async(() => { 
    TestBed.configureTestingModule({ 
     declarations: [ AppComponent ], 
    }).compileComponents(); 
    })); 

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

    it('first test',() => { 
    expect('1').toBe('1'); 
    }); 
}); 

Comme vous voyez mon premier test consiste à affirmer que « 1 » est « 1 », je ne sais pas pourquoi je suis face à un problème de l'obtenir RÉUSSI, car il me jette une telle erreur:

Error: Template parse errors: Can't bind to 'min' since it isn't a known property of 'dx-progress-bar'. 
    1. If 'dx-progress-bar' is an Angular component and it has 'min' input, then verify that it is part of this module. 
    2. If 'dx-progress-bar' is a Web Component then add 'CUSTOM_ELEMENTS_SCHEMA' to the '@NgModule.schemas' of this component to suppress this message. 
    3. To allow any property add 'NO_ERRORS_SCHEMA' to the '@NgModule.schemas' of this component. (" 
     width="100%" 
     [class.complete]="progressBar.value == maxValue" 
     [ERROR ->][min]="0" 
     [max]="maxValue" 
     [statusFormat]="wordProgression" "): ng:///DynamicTestModule/AppComponent.html@15:4 

il est vrai que j'utilise des widgets DevExtreme dans mon composant application, mais je n'ai pas même essayé de le tester. Je commence juste par des cas de test évidents.

J'ai besoin de savoir comment le réparer?

Suggestions ??

Answer 1

Vous devez inclure toutes les choses qui ont besoin de compiler votre composant dans votre TestBed.configureTestingModule:

// import { DevExtremeModule } from 'devextreme-angular'; 
import { DxProgressBarModule } from 'devextreme-angular/ui/progress-bar'; 


TestBed.configureTestingModule({ 
    imports: [ 
    DxProgressBarModule, 
    // or DevExtremeModule 
    ], 
    declarations: [ AppComponent ], 
}).compileComponents();