How to correctly mock router?

Question

I'm trying to mock router in my test. I followed the instruction step by step given in this answer but I still get error

'Cannot read property 'outlets' of null'

This is what I tried:

beforeEach(async(() => {
        TestBed.configureTestingModule({
            imports: [RouterTestingModule.withRoutes([
                {path:'profile/login',component:ProfileLoginComponent}]
            )],
            declarations: [ ProfileLoginComponent ],
            providers: [
                FormBuilder,AuthModel
            ],
            schemas: [NO_ERRORS_SCHEMA]
        })
            .overrideComponent(ProfileLoginComponent, {
                set: {
                    providers: [
                        {provide: AuthModel, useClass: MockAuthModel}      
                    ],
                }
            })
            .compileComponents();
    }));

If I remove the code with routerLink and routerLinkActive in the template, then the test cases work perfectly. Where have I gone wrong?

it looks like you are giving route to navigate to a named outlet, but angular can't find it. I can't see it in your route... do you have more routes defined somewhere else? — JayDeeEss, Sep 14 '17 at 12:29
@JayDeeEss I ran a full project search. I have nothing named 'outlets'. Only thing I could find was — Sanju, Sep 14 '17 at 12:35
ok, can you post your code where you are navigating to your components... either programmatically or in html — JayDeeEss, Sep 14 '17 at 12:38

score 0 · Accepted Answer · answered Oct 10 '17 at 06:09

I have managed to solved this problem. I also have answered this question in another post.

I found out this error occurs when the routerLink is pointing to a null variable. In my case, the property called favoriteUrl that i assigned to routerLink was null because of the isolated testing environment. So I manually assigned a value to the property in beforeEach function and that solved the problem, atleast for me.

Reference : https://stackoverflow.com/a/46342813/8558515

How to correctly mock router?

1 Answers1