Mock ActivatedRoute with params, data and snapshot.

mockActivatedRoute.ts

beforeEach(async(() => {
    TestBed.configureTestingModule({
        imports: [
            MdToolbarModule,
        ],
        providers: [
            {
                provide: Router,
                useClass: MockRouter,
            },
            {
                provide: ActivatedRoute,
                useValue: {
                    data: {
                        subscribe: (fn: (value: Data) => void) => fn({
                            company: COMPANY,
                        }),
                    },
                    params: {
                        subscribe: (fn: (value: Params) => void) => fn({
                            tab: 0,
                        }),
                    },
                    snapshot: {
                        url: [
                            {
                                path: 'foo',
                            },
                            {
                                path: 'bar',
                            },
                            {
                                path: 'baz',
                            },
                        ],
                    },
                },
            },
        ],
    })
    .overrideComponent(ConversationsComponent, {
        set: {
            template: '',
        }
    });
}));

that works great, just in my case I had to change provider a little bit as I'm using pipe, before subscribing to route data. So in my case it looks like this

            provide: ActivatedRoute, useValue: {
              params: of(routeParams),
              data: {
                pipe: () => {
                  return {
                    subscribe: (fn: (value) => void) => fn({
                      myDataKey: routeDataFactory.getValue()
                    })
                  };
                }
              },
              snapshot: {}
            }
          }

Awesome! Glad to know that works 💪

perfect!

Just in case someone plans to mock the paramMap -> params.get() function here you go:

{
  provide: ActivatedRoute,
  useValue: {
	paramMap: Observable.of({
	  get: () => {
		return 10;
	  }
	})
  }
}

Thanks! That's what I neded!