refactor: remove usage of Angular Router in example apps

Merge pull request #62 from brandonroberts/examples-cleanup

Author: meeroslav

apps/example-app/src/app/app-routing.module.ts

@@ -1,6 +1,6 @@
 import { TestBed } from '@angular/core/testing';
 import { MatDialog } from '@angular/material/dialog';
-import { Router } from '@angular/router';
+import { Router } from 'angular-routing';
 import { Actions } from '@ngrx/effects';
 import { provideMockActions } from '@ngrx/effects/testing';
 import { cold, hot } from 'jasmine-marbles';
@@ -33,7 +33,7 @@ describe('AuthEffects', () => {
         provideMockActions(() => actions$),
         {
           provide: Router,
-          useValue: { navigate: jest.fn() },
+          useValue: { go: jest.fn() },
         },
         {
           provide: MatDialog,

apps/example-app/src/app/auth/auth-routing.module.ts

@@ -1,5 +1,4 @@
 import { Injectable } from '@angular/core';
-import { CanActivate } from '@angular/router';
 import { Store, select } from '@ngrx/store';
 import { Observable } from 'rxjs';
 import { map, take } from 'rxjs/operators';
@@ -9,10 +8,10 @@ import * as fromAuth from '@example-app/auth/reducers';
 @Injectable({
   providedIn: 'root',
 })
-export class AuthGuard implements CanActivate {
+export class AuthGuard {
   constructor(private store: Store<fromAuth.State>) {}
 
-  canActivate(): Observable<boolean> {
+  isLoggedIn(): Observable<boolean> {
     return this.store.pipe(
       select(fromAuth.selectLoggedIn),
       map((authed) => {

apps/example-app/src/app/auth/effects/auth.effects.spec.ts

@@ -44,7 +44,7 @@ import * as fromBooks from '@example-app/books/reducers';
   `,
 })
 export class BooksComponent {
-  loggedIn$ = this.authGuard.canActivate();
+  loggedIn$ = this.authGuard.isLoggedIn();
 
   constructor(private authGuard: AuthGuard) {}
 }

apps/example-app/src/app/auth/services/auth-guard.service.ts

@@ -1,6 +1,6 @@
 import { ComponentFixture, TestBed } from '@angular/core/testing';
 import { NoopAnimationsModule } from '@angular/platform-browser/animations';
-import { RouterTestingModule } from '@angular/router/testing';
+import { RoutingModule } from 'angular-routing';
 
 import { MockStore, provideMockStore } from '@ngrx/store/testing';
 
@@ -23,7 +23,7 @@ describe('Collection Page', () => {
 
   beforeEach(() => {
     TestBed.configureTestingModule({
-      imports: [NoopAnimationsModule, MaterialModule, RouterTestingModule],
+      imports: [NoopAnimationsModule, MaterialModule, RoutingModule],
       declarations: [
         CollectionPageComponent,
         BookPreviewListComponent,

apps/example-app/src/app/books/books-routing.module.ts

@@ -1,7 +1,7 @@
 import { ComponentFixture, TestBed } from '@angular/core/testing';
 import { ReactiveFormsModule } from '@angular/forms';
 import { NoopAnimationsModule } from '@angular/platform-browser/animations';
-import { RouterTestingModule } from '@angular/router/testing';
+import { RoutingModule } from 'angular-routing';
 
 import { MockStore, provideMockStore } from '@ngrx/store/testing';
 
@@ -27,7 +27,7 @@ describe('Find Book Page', () => {
     TestBed.configureTestingModule({
       imports: [
         NoopAnimationsModule,
-        RouterTestingModule,
+        RoutingModule,
         MaterialModule,
         ReactiveFormsModule,
       ],

apps/example-app/src/app/books/books.module.ts

@@ -1,5 +1,5 @@
 import { ComponentFixture, TestBed } from '@angular/core/testing';
-import { ActivatedRoute } from '@angular/router';
+import { RouteParams } from 'angular-routing';
 
 import { provideMockStore, MockStore } from '@ngrx/store/testing';
 import { BehaviorSubject } from 'rxjs';
@@ -18,15 +18,15 @@ import { MaterialModule } from '@example-app/material';
 describe('View Book Page', () => {
   let fixture: ComponentFixture<ViewBookPageComponent>;
   let store: MockStore;
-  let route: ActivatedRoute;
+  let routeParams: RouteParams;
 
   beforeEach(() => {
     TestBed.configureTestingModule({
       imports: [MaterialModule],
       providers: [
         {
-          provide: ActivatedRoute,
-          useValue: { params: new BehaviorSubject({}) },
+          provide: RouteParams,
+          useValue: new BehaviorSubject({}),
         },
         provideMockStore(),
       ],
@@ -41,7 +41,7 @@ describe('View Book Page', () => {
 
     fixture = TestBed.createComponent(ViewBookPageComponent);
     store = TestBed.inject(MockStore);
-    route = TestBed.inject(ActivatedRoute);
+    routeParams = TestBed.inject(RouteParams);
 
     jest.spyOn(store, 'dispatch');
   });
@@ -55,7 +55,7 @@ describe('View Book Page', () => {
   it('should dispatch a book.Select action on init', () => {
     const action = ViewBookPageActions.selectBook({ id: '2' });
 
-    (route.params as BehaviorSubject<any>).next({ id: '2' });
+    (routeParams as BehaviorSubject<any>).next({ id: '2' });
 
     expect(store.dispatch).toHaveBeenLastCalledWith(action);
   });

apps/example-app/src/app/books/containers/collection-page.component.spec.ts

@@ -1,2 +1 @@
 export * from './user.effects';
-export * from './router.effects';