Can't bind to 'matMenuTriggerFor' since it isn't a known property of 'button'

Question

I\'m getting following error when I try to test an angular component:

Error while running jest tests:

Can\'t bind to \'matMenuTriggerFor\' since it i         


        

Answer 1

Import MatMenuModule in your feature Module OR the Module where this component resides in.

 import { MatMenuModule} from '@angular/material/menu';

and

imports: [
  MatMenuModule
]

Answer 2

Check the spelling I had one g in word trigger that cost me this error

[matMenuTrigerData] => [matMenuTriggerData] 

Answer 3

I got this (and several other errors) because I failed to add the component to the declarations array in the lib.module.ts file.

Answer 4

I was getting this error while running jest test. I had to add MatMenuModule in the import array of TestBed.configureTestingModule to resolve this error.

Answer 5

Random but in case someone was searching like me: I was importing a custom angular material library and building the consuming library before building the material library. when I built the material library first then the consuming library was about to see the MatMenuModule and errors went away.

I changed

"library:build": "npm run ng7-common:build" && npm run ng8-material:build

to:

"library:build": " npm run ng8-material:build && npm run ng7-common:build"

Answer 6

I think you need to add the MatMenuModule import to your app.module file.