Angular Unit Test - How to inject dependencies to TestBed by using useValue in the TestBed provider

Question

The service I want to test has the following constructor:

constructor(@Inject('enviroment') environment) {
    this.initConfig(environment);
}

The environment is provided in app.module under providers by:

{ provide: 'environment', useValue: environment }

So I configured the TestBed as follows:

beforeEach(() => {
    TestBed.configureTestingModule({
        providers: [{ provide: 'environment', useValue: testEnv }, TestService]
    });
    service = TestBed.get(TestService);
});

And I keep getting:

Error: StaticInjectorError(DynamicTestModule)[enviroment]: StaticInjectorError(Platform: core)[enviroment]: NullInjectorError: No provider for enviroment!

The code itself works fine when serving/building so I assume the mistake is somewhere on how I configured the TestBed? I've also tried useFactory to no avail.

beforeEach(() => {
    TestBed.configureTestingModule({
        providers: [{ provide: 'environment', useFactory: ()=>testEnv }, TestService]
    });
    service = TestBed.get(TestService);
});

I would like to help with this as I have done this kind of test situation many times, but I'd need to see more of the code. Can you provide the complete spec file and the complete component file? Of course you can remove stuff if completely unrelated, but at least need to see the structure of the file. — ccamac, Jun 10 '19 at 14:54

score 2 · Accepted Answer · edited Nov 02 '20 at 14:00

2

I think it is just a typo.

It was missing the n in environment

constructor(@Inject('enviroment') environment) {

edited Nov 02 '20 at 14:00

Yuri

4,254
1
29
46

answered Jun 10 '19 at 14:55

ccamac

496
2
8

Angular Unit Test - How to inject dependencies to TestBed by using useValue in the TestBed provider

1 Answers1