Differenzansicht 16-guards
im Vergleich zu 15-lazyloading

← Zurück zur Übersicht | Demo | Quelltext auf GitHub

src/app/admin/book-create/book-create.component.spec.ts DELETED Viewed

@@ -1,23 +0,0 @@
-import { ComponentFixture, TestBed } from '@angular/core/testing';
-import { BookCreateComponent } from './book-create.component';
-describe('BookCreateComponent', () => {
-  let component: BookCreateComponent;
-  let fixture: ComponentFixture<BookCreateComponent>;
-  beforeEach(async () => {
-    await TestBed.configureTestingModule({
-      declarations: [ BookCreateComponent ]
-    })
-    .compileComponents();
-    fixture = TestBed.createComponent(BookCreateComponent);
-    component = fixture.componentInstance;
-    fixture.detectChanges();
-  });
-  it('should create', () => {
-    expect(component).toBeTruthy();
-  });
-});

src/app/admin/book-edit/book-edit.component.spec.ts DELETED Viewed

@@ -1,23 +0,0 @@
-import { ComponentFixture, TestBed } from '@angular/core/testing';
-import { BookEditComponent } from './book-edit.component';
-describe('BookEditComponent', () => {
-  let component: BookEditComponent;
-  let fixture: ComponentFixture<BookEditComponent>;
-  beforeEach(async () => {
-    await TestBed.configureTestingModule({
-      declarations: [ BookEditComponent ]
-    })
-    .compileComponents();
-    fixture = TestBed.createComponent(BookEditComponent);
-    component = fixture.componentInstance;
-    fixture.detectChanges();
-  });
-  it('should create', () => {
-    expect(component).toBeTruthy();
-  });
-});

src/app/admin/book-form/book-form.component.spec.ts DELETED Viewed

@@ -1,23 +0,0 @@
-import { ComponentFixture, TestBed } from '@angular/core/testing';
-import { BookFormComponent } from './book-form.component';
-describe('BookFormComponent', () => {
-  let component: BookFormComponent;
-  let fixture: ComponentFixture<BookFormComponent>;
-  beforeEach(async () => {
-    await TestBed.configureTestingModule({
-      declarations: [ BookFormComponent ]
-    })
-    .compileComponents();
-    fixture = TestBed.createComponent(BookFormComponent);
-    component = fixture.componentInstance;
-    fixture.detectChanges();
-  });
-  it('should create', () => {
-    expect(component).toBeTruthy();
-  });
-});

src/app/admin/form-errors/form-errors.component.spec.ts DELETED Viewed

@@ -1,23 +0,0 @@
-import { ComponentFixture, TestBed } from '@angular/core/testing';
-import { FormErrorsComponent } from './form-errors.component';
-describe('FormErrorsComponent', () => {
-  let component: FormErrorsComponent;
-  let fixture: ComponentFixture<FormErrorsComponent>;
-  beforeEach(async () => {
-    await TestBed.configureTestingModule({
-      declarations: [ FormErrorsComponent ]
-    })
-    .compileComponents();
-    fixture = TestBed.createComponent(FormErrorsComponent);
-    component = fixture.componentInstance;
-    fixture.detectChanges();
-  });
-  it('should create', () => {
-    expect(component).toBeTruthy();
-  });
-});

src/app/admin/shared/async-validators.service.spec.ts DELETED Viewed

@@ -1,16 +0,0 @@
-import { TestBed } from '@angular/core/testing';
-import { AsyncValidatorsService } from './async-validators.service';
-describe('AsyncValidatorsService', () => {
-  let service: AsyncValidatorsService;
-  beforeEach(() => {
-    TestBed.configureTestingModule({});
-    service = TestBed.inject(AsyncValidatorsService);
-  });
-  it('should be created', () => {
-    expect(service).toBeTruthy();
-  });
-});

src/app/app-routing.module.ts CHANGED Viewed

@@ -2,6 +2,7 @@ import { NgModule } from '@angular/core';
 import { RouterModule, Routes } from '@angular/router';
 import { HomeComponent } from './home/home.component';
 const routes: Routes = [
   {
@@ -19,7 +20,8 @@ const routes: Routes = [
   },
   {
     path: 'admin',
-    loadChildren: () => import('./admin/admin.module').then(m => m.AdminModule)
   }
 ];

 import { RouterModule, Routes } from '@angular/router';
 import { HomeComponent } from './home/home.component';
+import { authGuard } from './shared/auth.guard';
 const routes: Routes = [
   {
   },
   {
     path: 'admin',
+    loadChildren: () => import('./admin/admin.module').then(m => m.AdminModule),
+    canActivate: [authGuard]
   }
 ];

src/app/books/book-details/book-details.component.spec.ts DELETED Viewed

@@ -1,23 +0,0 @@
-import { ComponentFixture, TestBed } from '@angular/core/testing';
-import { BookDetailsComponent } from './book-details.component';
-describe('BookDetailsComponent', () => {
-  let component: BookDetailsComponent;
-  let fixture: ComponentFixture<BookDetailsComponent>;
-  beforeEach(async () => {
-    await TestBed.configureTestingModule({
-      declarations: [ BookDetailsComponent ]
-    })
-    .compileComponents();
-    fixture = TestBed.createComponent(BookDetailsComponent);
-    component = fixture.componentInstance;
-    fixture.detectChanges();
-  });
-  it('should create', () => {
-    expect(component).toBeTruthy();
-  });
-});

src/app/books/book-list/book-list.component.spec.ts DELETED Viewed

@@ -1,23 +0,0 @@
-import { ComponentFixture, TestBed } from '@angular/core/testing';
-import { BookListComponent } from './book-list.component';
-describe('BookListComponent', () => {
-  let component: BookListComponent;
-  let fixture: ComponentFixture<BookListComponent>;
-  beforeEach(async () => {
-    await TestBed.configureTestingModule({
-      declarations: [ BookListComponent ]
-    })
-    .compileComponents();
-    fixture = TestBed.createComponent(BookListComponent);
-    component = fixture.componentInstance;
-    fixture.detectChanges();
-  });
-  it('should create', () => {
-    expect(component).toBeTruthy();
-  });
-});

src/app/books/shared/loggedin-only.directive.spec.ts DELETED Viewed

@@ -1,8 +0,0 @@
-import { LoggedinOnlyDirective } from './loggedin-only.directive';
-describe('LoggedinOnlyDirective', () => {
-  it('should create an instance', () => {
-    const directive = new LoggedinOnlyDirective();
-    expect(directive).toBeTruthy();
-  });
-});

src/app/home/home.component.spec.ts CHANGED Viewed

@@ -1,3 +1,4 @@
 import { ComponentFixture, TestBed } from '@angular/core/testing';
 import { HomeComponent } from './home.component';
@@ -8,7 +9,8 @@ describe('HomeComponent', () => {
   beforeEach(async () => {
     await TestBed.configureTestingModule({
-      declarations: [ HomeComponent ]
     })
     .compileComponents();

+import { NO_ERRORS_SCHEMA } from '@angular/core';
 import { ComponentFixture, TestBed } from '@angular/core/testing';
 import { HomeComponent } from './home.component';
   beforeEach(async () => {
     await TestBed.configureTestingModule({
+      declarations: [ HomeComponent ],
+      schemas: [NO_ERRORS_SCHEMA]
     })
     .compileComponents();

src/app/search/search.component.spec.ts DELETED Viewed

@@ -1,23 +0,0 @@
-import { ComponentFixture, TestBed } from '@angular/core/testing';
-import { SearchComponent } from './search.component';
-describe('SearchComponent', () => {
-  let component: SearchComponent;
-  let fixture: ComponentFixture<SearchComponent>;
-  beforeEach(async () => {
-    await TestBed.configureTestingModule({
-      declarations: [ SearchComponent ]
-    })
-    .compileComponents();
-    fixture = TestBed.createComponent(SearchComponent);
-    component = fixture.componentInstance;
-    fixture.detectChanges();
-  });
-  it('should create', () => {
-    expect(component).toBeTruthy();
-  });
-});

src/app/shared/auth.guard.spec.ts ADDED Viewed

	@@ -0,0 +1,17 @@

+import { TestBed } from '@angular/core/testing';
+import { CanActivateFn } from '@angular/router';
+import { authGuard } from './auth.guard';
+describe('authGuard', () => {
+  const executeGuard: CanActivateFn = (...guardParameters) =>
+      TestBed.runInInjectionContext(() => authGuard(...guardParameters));
+  beforeEach(() => {
+    TestBed.configureTestingModule({});
+  });
+  it('should be created', () => {
+    expect(executeGuard).toBeTruthy();
+  });
+});

src/app/shared/auth.guard.ts ADDED Viewed

	@@ -0,0 +1,35 @@

+import { inject } from '@angular/core';
+import { CanActivateFn, Router } from '@angular/router';
+import { map, take } from 'rxjs';
+import { AuthService } from './auth.service';
+export const authGuard: CanActivateFn = () => {
+  const authService = inject(AuthService);
+  const router = inject(Router);
+  if (authService.isAuthenticated) {
+    return true;
+  } else {
+    window.alert('Not logged in!');
+    return router.parseUrl('/home');
+  }
+};
+// Alternative Lösung mit Observable
+export const authGuardAlternative: CanActivateFn = () => {
+  const authService = inject(AuthService);
+  const router = inject(Router);
+  return authService.isAuthenticated$.pipe(
+    take(1),
+    map(isAuthenticated => {
+      if (isAuthenticated) {
+        return true;
+      } else {
+        window.alert('Not logged in!');
+        return router.parseUrl('/home');
+      }
+    })
+  );
+};

src/app/shared/book-store.service.spec.ts DELETED Viewed

@@ -1,16 +0,0 @@
-import { TestBed } from '@angular/core/testing';
-import { BookStoreService } from './book-store.service';
-describe('BookStoreService', () => {
-  let service: BookStoreService;
-  beforeEach(() => {
-    TestBed.configureTestingModule({});
-    service = TestBed.inject(BookStoreService);
-  });
-  it('should be created', () => {
-    expect(service).toBeTruthy();
-  });
-});

Differenzansicht 16-guardsim Vergleich zu 15-lazyloading

Differenzansicht 16-guards
im Vergleich zu 15-lazyloading