Mocking directive

[grosch]

Testing with the below results in this error:

Error: Unexpected directive 'MockOfLinkDirective' imported by the module 'DynamicTestModule'. Please add an @NgModule annotation.

import {Component, Directive, Input} from '@angular/core'
import {createComponentFactory, Spectator} from '@ngneat/spectator/jest'
import {MockBuilder} from 'ng-mocks'

@Directive({
    selector: 'a[appLink]',
    standalone: true
})
export class LinkDirective {
    @Input() appLink!: string
}

@Component({
    selector: '',
    standalone: true,
    imports: [LinkDirective],
    template: '<a appLink="foo"></a>'
})
class ExampleComponent {
}

describe('ExampleComponent', () => {
    let spectator: Spectator<ExampleComponent>
    let component: ExampleComponent

    const dependencies = MockBuilder([ExampleComponent], [LinkDirective]).build()

    const createComponent = createComponentFactory({
        component: ExampleComponent,
        ...dependencies
    })

    beforeEach(() => {
        spectator = createComponent()
        component = spectator.component
    })

    it('should create', () => {
        expect(component).toBeTruthy()
    })
})

Based on your reply to the other discussion, I thought you might mean I had to do this instead:

    const dependencies = MockBuilder(ExampleComponent)
        .mock(LinkDirective)
        .build()

but that has the same error.

[satanTime]

Updated

I think, it has been fixed already by https://github.com/help-me-mom/ng-mocks/releases/tag/v14.1.0, could you verify if it works for you?

Original

In your example, because LinkDirective has been imported by ExampleComponent, and you want to mock it, you should simply use:

const dependencies = MockBuilder(ExampleComponent).build();

I know that docs are hard to read, I'm very sorry for that, simply not much time to improve them.
More info why and how is here: https://ng-mocks.sudo.eu/guides/component-standalone

Anyway, MockBuilder([ExampleComponent], [LinkDirective]).build() shouldn't throw, I'll double check what is wrong there and I'll try to fix it.

[grosch]

BTW, using the line you suggested:

const dependencies = MockBuilder(ExampleComponent).build();

Error: The "MockOfLinkDirective" directive, imported from "ExampleComponent", is not standalone. Did you forget to add the standalone: true flag?

[satanTime]

Thanks for checking. I'm flying this week. On the weekend, I should have more info to share with you.

It looks like there is bug with internal mocking.

[grosch]

Any progress on this one?

[satanTime]

I think, it has been fixed already by https://github.com/help-me-mom/ng-mocks/releases/tag/v14.1.0, could you verify if it works for you?

[grosch]

Yup, seems to be working, thanks!