fixes #229 #223

Author: udayvunnam

xng-breadcrumb/src/lib/breadcrumb.component.html

@@ -1,6 +1,6 @@
 <nav aria-label="breadcrumb" class="xng-breadcrumb-root" [ngClass]="class">
   <ol class="xng-breadcrumb-list">
-    @for (breadcrumb of breadcrumbs$ | async; track breadcrumb; let isLast = $last; let isFirst = $first; let index = $index; let count = $count) {
+    @for (breadcrumb of breadcrumbs$ | async; track breadcrumb.routeLink; let isLast = $last; let isFirst = $first; let index = $index; let count = $count) {
     <li class="xng-breadcrumb-item">
       @if (!isLast) {
       <a

xng-breadcrumb/src/lib/breadcrumb.component.spec.ts

@@ -1,13 +1,33 @@
 import { ComponentFixture, TestBed } from '@angular/core/testing';
+import { ActivatedRoute, Router } from '@angular/router';
+import { EMPTY } from 'rxjs';
 import { BreadcrumbComponent } from './breadcrumb.component';
 
 describe('BreadcrumbComponent', () => {
   let component: BreadcrumbComponent;
   let fixture: ComponentFixture<BreadcrumbComponent>;
+  const activatedRouteMock = {
+    snapshot: {
+      routeConfig: undefined,
+      firstChild: undefined,
+      params: {},
+      queryParams: {},
+      fragment: null,
+    },
+    params: EMPTY,
+  };
+  const routerMock = {
+    config: [],
+    events: EMPTY,
+  };
 
   beforeEach(async () => {
     await TestBed.configureTestingModule({
       imports: [BreadcrumbComponent],
+      providers: [
+        { provide: ActivatedRoute, useValue: activatedRouteMock },
+        { provide: Router, useValue: routerMock },
+      ],
     }).compileComponents();
 
     fixture = TestBed.createComponent(BreadcrumbComponent);

xng-breadcrumb/src/lib/breadcrumb.service.spec.ts

@@ -1,12 +1,33 @@
 import { TestBed } from '@angular/core/testing';
+import { ActivatedRoute, Router } from '@angular/router';
+import { EMPTY } from 'rxjs';
 
 import { BreadcrumbService } from './breadcrumb.service';
 
 describe('BreadcrumbService', () => {
   let service: BreadcrumbService;
+  const activatedRouteMock = {
+    snapshot: {
+      routeConfig: undefined,
+      firstChild: undefined,
+      params: {},
+      queryParams: {},
+      fragment: null,
+    },
+    params: EMPTY,
+  };
+  const routerMock = {
+    config: [],
+    events: EMPTY,
+  };
 
   beforeEach(() => {
-    TestBed.configureTestingModule({});
+    TestBed.configureTestingModule({
+      providers: [
+        { provide: ActivatedRoute, useValue: activatedRouteMock },
+        { provide: Router, useValue: routerMock },
+      ],
+    });
     service = TestBed.inject(BreadcrumbService);
   });