Delving into Angular Unit Testing has been a recent focus of mine as I've begun incorporating mock tests in one of my projects. However, I've hit a roadblock with an error popping up in one of my component tests:
Error: NG0200: Circular dependency in DI detected for KeycloakService
error properties: Object({ code: '200' })
Error: NG0200: Circular dependency in DI detected for KeycloakService
at throwCyclicDependencyError (http://localhost:9876/_karma_webpack_/webpack:/node_modules/@angular/core/__ivy_ngcc__/fesm2015/core.js:1352:1)
...
NullInjectorError: R3InjectorError(DynamicTestModule)[KeycloakService -> HttpClient -> HttpClient]: NullInjectorError: No provider for HttpClient!
error properties: Object({ ngTempTokenPath: null, ngTokenPath: [ 'KeycloakService', 'HttpClient', 'HttpClient' ] })
...
DashboardComponent
import { Component, OnInit } from '@angular/core';
...
export class DashboardComponent implements OnInit {
...
DashboardComponentSpec
import { ComponentFixture, TestBed } from '@angular/core/testing';
...
describe('DashboardComponent', () => {
...
});
KeycloakService
import { Injectable } from '@angular/core';
...
export class KeycloakService {
...
KeycloakServiceSpec
import { TestBed } from '@angular/core/testing';
...
describe('KeycloakService', () => {
...
});
The puzzling fact is that the KeycloakService works fine in some components while causing errors in others...
Hoping to find a resolution soon.