error: Failed: Template parse errors: 'mat-checkbox' is not a known element

Question

I create this code for testing my component.

I tried this code:

describe('Component: AddAlarms', () => {
    let component: AddAlarmsFormComponent;
    let fixture: ComponentFixture<AddAlarmsFormComponent>;
    beforeEach(() => {
        TestBed.configureTestingModule({
            declarations: [AddAlarmsFormComponent]
        });
        fixture = TestBed.createComponent(AddAlarmsFormComponent);
        component = fixture.componentInstance;
    });
});

when run ng test show this error:

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

I verify my module.ts and it's ok. So, I have this:

import {MatCheckboxModule} from '@angular/material/checkbox';

Can you tell me, what is the problem?

Sangwin Gawande · Answer 1 · 2018-10-27T21:00:08.403

31

You need to add imports array above declarations like this :

Add it like this :

import { MatCheckboxModule } from '@angular/material/checkbox';

And add imports array like this :

TestBed.configureTestingModule({
   imports: [
        MatCheckboxModule
   ],
   declarations: [AddAlarmsFormComponent]
})

edited Oct 27 '18 at 21:00

answered May 21 '18 at 12:15

Sangwin Gawande

7,658
8
48
66

2

The angular example code doesn't even have this, man their documentation is really sub par. – Edgar Quintero Mar 12 '19 at 22:15

score 0 · Answer 2 · edited May 21 '18 at 12:13

0

Great!

But I think you need to import MatCheckboxModule in a spec.ts or you forgot to import the module in "imports" on ngModule!

Can you try and tell me if worked?

edited May 21 '18 at 12:13

Sangwin Gawande

7,658
8
48
66

answered May 21 '18 at 12:03

Chiien

341
1
3
14

I decided on both, even on the `module` and in `spec.ts` But nothing happens – May 21 '18 at 12:14

error: Failed: Template parse errors: 'mat-checkbox' is not a known element

2 Answers2