add routing

Author: bcsik

src/app/app.component.html

@@ -13,17 +13,4 @@ describe('AppComponent', () => {
     const app = fixture.componentInstance;
     expect(app).toBeTruthy();
   });
-
-  it(`should have the 'bss-web-admin-frontend' title`, () => {
-    const fixture = TestBed.createComponent(AppComponent);
-    const app = fixture.componentInstance;
-    expect(app.title).toEqual('bss-web-admin-frontend');
-  });
-
-  it('should render title', () => {
-    const fixture = TestBed.createComponent(AppComponent);
-    fixture.detectChanges();
-    const compiled = fixture.nativeElement as HTMLElement;
-    expect(compiled.querySelector('h1')?.textContent).toContain('Hello, bss-web-admin-frontend');
-  });
 });

src/app/app.component.spec.ts

@@ -9,5 +9,4 @@ import { RouterOutlet } from '@angular/router';
   styleUrl: './app.component.css'
 })
 export class AppComponent {
-  title = 'bss-web-admin-frontend';
 }

src/app/app.component.ts

@@ -1,3 +1,24 @@
 import { Routes } from '@angular/router';
 
-export const routes: Routes = [];
+export const routes: Routes = [
+    {
+      path: '',
+      children: [
+        {
+          path: '',
+        },
+        {
+          path: 'video',
+          loadComponent: () => import('./features/video/video.component').then(c => c.VideoComponent)
+        },
+        {
+          path: 'event',
+          loadComponent: () => import('./features/event/event.component').then(c => c.EventComponent)
+        },
+        {
+          path: 'member',
+          loadComponent: () => import('./features/member/member.component').then(c => c.MemberComponent)
+        }
+      ],
+    }
+];

src/app/app.routes.ts

@@ -0,0 +1 @@
+<p>event works!</p>

src/app/features/event/event.component.css

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

src/app/features/event/event.component.html

@@ -0,0 +1,12 @@
+import { Component } from '@angular/core';
+
+@Component({
+  selector: 'app-event',
+  standalone: true,
+  imports: [],
+  templateUrl: './event.component.html',
+  styleUrl: './event.component.css'
+})
+export class EventComponent {
+
+}

src/app/features/event/event.component.spec.ts

@@ -0,0 +1 @@
+<p>home works!</p>

src/app/features/event/event.component.ts

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

src/app/features/home/home.component.css

@@ -0,0 +1,12 @@
+import { Component } from '@angular/core';
+
+@Component({
+  selector: 'app-home',
+  standalone: true,
+  imports: [],
+  templateUrl: './home.component.html',
+  styleUrl: './home.component.css'
+})
+export class HomeComponent {
+
+}

src/app/features/home/home.component.html

@@ -0,0 +1 @@
+<p>member works!</p>

src/app/features/home/home.component.spec.ts

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

src/app/features/home/home.component.ts

@@ -0,0 +1,12 @@
+import { Component } from '@angular/core';
+
+@Component({
+  selector: 'app-member',
+  standalone: true,
+  imports: [],
+  templateUrl: './member.component.html',
+  styleUrl: './member.component.css'
+})
+export class MemberComponent {
+
+}

src/app/features/member/member.component.css

@@ -0,0 +1 @@
+<p>video works!</p>

src/app/features/member/member.component.html

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

src/app/features/member/member.component.spec.ts

@@ -0,0 +1,12 @@
+import { Component } from '@angular/core';
+
+@Component({
+  selector: 'app-video',
+  standalone: true,
+  imports: [],
+  templateUrl: './video.component.html',
+  styleUrl: './video.component.css'
+})
+export class VideoComponent {
+
+}