Is there a way to add imports?

When you:

• use the NGRX Store module
• use it inside of a feature module
• use it in a component within that module
• and you want to test it, then they require you to add an additional import.

It looks like this:

imports: [ 
    StoreModule.forRoot({}), // This is the extra import
    StoreModule.forFeature('yourFeature', fromFeature.reducers)
]

Without the extra import, you can’t use the Store service within your component. It complains about missing providers.

But you can’t just add StoreModule.forRoot({}) to your feature module since it would defeat the whole purpose of having StoreModule.forFeature('yourFeature', fromFeature.reducers). The extra import is only for the test.

Is there a way to add new imports?

I recall there used to be an .imports() method on the shallow class instance, but it’s no longer there.

[kevinbeal]

For reference, if someone else finds this wanting to add an import, you could do it like so:

export const addImports = <T>(module: Type<T>, imports: any[]) => {
    @NgModule({
        imports: [
            ...imports,
            module,
        ]
    })
    class ModuleForSpecs {}
    Shallow.neverMock(module);
    return ModuleForSpecs;
};

new Shallow(MyComponent, addImports(MyModule, [BrowserAnimationModule]))

[kevinbeal]

That makes sense to me.

I thought it would be necessary to have an .include() for the NgRx example, and I was wrong. I ended up doing it more in line with how the NgRx guys want you to write tests (for feature modules).

I have another case that may also have some simpler/better workaround that I just haven’t figured out yet.

It basically comes down to only loading BrowserAnimationModule in the root module for my actual app (because of lazy loading https://github.com/angular/angular/issues/15829) but needing it for my tests too. In this case it’s adding an import rather than just replacing one. (Or at least that’s what it seems to be).