Here's a code snippet of a component in Angular:
import {Component, OnInit} from '@angular/core';
import {Route, Router} from '@angular/router';
@Component({
selector: 'app-index',
templateUrl: './index.component.html',
styleUrls: ['./index.component.css']
})
export class IndexComponent {
constructor(private router: Router) { }
hasRoute(controllerName: string): boolean {
return this.router.config.some((route: Route) => {
if (route.path === controllerName) {
return true;
}
});
}
}
I'm currently working on writing a unit test for it:
import { TestBed, async } from '@angular/core/testing';
import { IndexComponent } from './index.component';
import { rootRouterConfig } from '../app.routes';
import { RouterModule } from '@angular/router';
import {APP_BASE_HREF} from "@angular/common";
describe('Component: Index', () => {
beforeEach(() => {
TestBed.configureTestingModule({
declarations: [
IndexComponent
],
imports: [
RouterModule.forRoot(rootRouterConfig)
],
providers: [
{provide: APP_BASE_HREF, useValue: '/'},
],
});
});
it('should create the component', async(() => {
let fixture = TestBed.createComponent(IndexComponent);
let component = fixture.debugElement.componentInstance;
expect(component).toBeTruthy();
}));
});
When running the test, I encountered the following error message:
Chrome 52.0.2743 (Windows 10 0.0.0) Component: Index should create the component FAILED
Failed: Error in ./IndexComponent class IndexComponent_Host - inline template:0:0 caused by: Bootstrap at least one component before injecting Router.
Error: Bootstrap at least one component before injecting Router.
// Error details...
If anyone has any insights or solutions to this issue, your help would be greatly appreciated!