Je crée ce code pour tester mon composant.
J'ai essayé ce code:
describe('Component: AddAlarms', () => {
let component: AddAlarmsFormComponent;
let fixture: ComponentFixture<AddAlarmsFormComponent>;
beforeEach(() => {
TestBed.configureTestingModule({
declarations: [AddAlarmsFormComponent]
});
fixture = TestBed.createComponent(AddAlarmsFormComponent);
component = fixture.componentInstance;
});
});
lors de l'exécution ng test
afficher cette erreur:
Failed: Template parse errors:
'mat-checkbox' is not a known element:
1. If 'mat-checkbox' is an Angular component, then verify that it is part of this module.
2. If 'mat-checkbox' is a Web Component then add 'CUSTOM_ELEMENTS_SCHEMA' to the '@NgModule.schemas' of this component to suppress this message. ("
</div>
<div class="input-field col s2">
[ERROR ->]<mat-checkbox class="example-margin" (click)="sortbydate()">Dates</mat-checkbox>
</div>
"): ng:///DynamicTestModule/NotificationsComponent.html@12:10
Je vérifie mon module.ts et c'est bon. Donc, j'ai ceci:
import {MatCheckboxModule} from '@angular/material/checkbox';
Pouvez-vous me demander quel est le problème?
Vous devez ajouter un tableau imports
au-dessus de declarations
comme ceci:
Ajoutez le comme ceci:
import { MatCheckboxModule } from '@angular/material/checkbox';
Et ajoutez le tableau imports
comme ceci:
TestBed.configureTestingModule({
imports: [
MatCheckboxModule
],
declarations: [AddAlarmsFormComponent]
})
Génial!
Mais je pense que vous devez importer MatCheckboxModule
dans un spec.ts
ou vous avez oublié d'importer le module dans "imports"
sur ngModule
!
Pouvez-vous essayer de me dire si travaillé?