{ shallow: true } doesn't mock standalone components/directives/pipes

[dankerk]

Description

If you add the setting { shallow: true } to the createComponentFactory function, it normally mocks all components, directives, pipes that are in the template, which is awesome.

However, it doesn't do this for standalone components, directives, pipes and I think that it should.

Is this something that can be addressed?

Proposed solution

For this setting to work for both "old style" and standalone components/directives/pipes

createComponentFactory({
		component: SomeComponent,
		shallow: true,
})

Alternatives considered

import { MockComponents } from 'ng-mocks';

createComponentFactory({
		component: SomeComponent,
		shallow: true,
		declarations: [MockComponens(MyStandaloneComponent)],
})

Do you want to create a pull request?

No

[denis-manokhin]

Have the same issue.

Angular version: 15.0.1
Spectator version: 12.2.0

[tdesvenain]

I have the same issue with Angular 16.2, spectator 14.0.0

[jhitt25]

Until this gets rectified, here is a (hopefully temporary?) solution:

createComponentFactory({
    component: StandaloneComponent,
    overrideComponents: [
        [
            StandaloneComponent,
            {
                remove: { imports: [NestedComponent] },
                add: { imports: [MockComponent(NestedComponent)] }
            }
        ]
    ]
});

This relies on ng-mocks, but that part is easily changed to whatever implementation you wish to use.

[rmoore-payments]

Any update on this? I feel this would make the migration to standalone components significantly easier. I also think its fair to assume shallow: true would mock imports of a standalone component. Seeing as this is the direction angular wants us to go, I feel this should be a pretty high value fix.

[NetanelBasal]

Hi, you're welcome to create a PR