Mixing
Angular config service results in errors in tests
up vote
0
down vote
favorite
I've got a config init service which I run as soon as app starts(to import server URIs from .json).
@Injectable({
providedIn: 'root'
})
export class ConfigInitService {
static settings: UriConfig;
load() {
}
constructor(
private http: HttpClient
) {
this.http.get('assets/config/uris.json').subscribe((file: UriConfig) => {
ConfigInitService.settings = file;
});
}
}
and this is my app.module
providers: [
ConfigInitService,
{
provide: APP_INITIALIZER,
useFactory: () => initializeApp,
deps: [ConfigInitService],
multi: true
},
...
})
export class AppModule {
}
export function initializeApp(uriConfig: ConfigInitService) {
return () => uriConfig.load();
}
The problem is that when I run tests they have errors (sometimes not) that it cannot read property socket of undefined. Socket is a property of that json file. Meanwhile app works I cannot make my tests work. The trick is that this error appears dynamically over tests runs. That means that any time I run my tests the component or components that emit this error change. Moreover, sometimes error is printed out in components that even do not use this service or its dependent service (that service just has functions that returns different strings from the loaded config).
Moreover, I've got another application with identical init service and those tests work fine.
Here is how it prints out PhantomJS
{
"message": "An error was thrown in afterAllnTypeError: undefined is not an object (evaluating
'config_init_service_1.ConfigInitService.settings.socket') thrown",
"str": "An error was thrown in afterAllnTypeError: undefined is not an object (evaluating
'config_init_service_1.ConfigInitService.settings.socket') thrown" }
angular typescript testing config karma-runner
asked 9 hours ago
Sergey
813317
add a comment |
up vote
0
down vote
favorite
I've got a config init service which I run as soon as app starts(to import server URIs from .json).
@Injectable({
providedIn: 'root'
})
export class ConfigInitService {
static settings: UriConfig;
load() {
}
constructor(
private http: HttpClient
) {
this.http.get('assets/config/uris.json').subscribe((file: UriConfig) => {
ConfigInitService.settings = file;
});
}
}
and this is my app.module
providers: [
ConfigInitService,
{
provide: APP_INITIALIZER,
useFactory: () => initializeApp,
deps: [ConfigInitService],
multi: true
},
...
})
export class AppModule {
}
export function initializeApp(uriConfig: ConfigInitService) {
return () => uriConfig.load();
}
The problem is that when I run tests they have errors (sometimes not) that it cannot read property socket of undefined. Socket is a property of that json file. Meanwhile app works I cannot make my tests work. The trick is that this error appears dynamically over tests runs. That means that any time I run my tests the component or components that emit this error change. Moreover, sometimes error is printed out in components that even do not use this service or its dependent service (that service just has functions that returns different strings from the loaded config).
Moreover, I've got another application with identical init service and those tests work fine.
Here is how it prints out PhantomJS
{
"message": "An error was thrown in afterAllnTypeError: undefined is not an object (evaluating
'config_init_service_1.ConfigInitService.settings.socket') thrown",
"str": "An error was thrown in afterAllnTypeError: undefined is not an object (evaluating
'config_init_service_1.ConfigInitService.settings.socket') thrown" }
angular typescript testing config karma-runner
asked 9 hours ago
Sergey
813317
add a comment |
up vote
0
down vote
favorite
up vote
0
down vote
favorite
I've got a config init service which I run as soon as app starts(to import server URIs from .json).
@Injectable({
providedIn: 'root'
})
export class ConfigInitService {
static settings: UriConfig;
load() {
}
constructor(
private http: HttpClient
) {
this.http.get('assets/config/uris.json').subscribe((file: UriConfig) => {
ConfigInitService.settings = file;
});
}
}
and this is my app.module
providers: [
ConfigInitService,
{
provide: APP_INITIALIZER,
useFactory: () => initializeApp,
deps: [ConfigInitService],
multi: true
},
...
})
export class AppModule {
}
export function initializeApp(uriConfig: ConfigInitService) {
return () => uriConfig.load();
}
The problem is that when I run tests they have errors (sometimes not) that it cannot read property socket of undefined. Socket is a property of that json file. Meanwhile app works I cannot make my tests work. The trick is that this error appears dynamically over tests runs. That means that any time I run my tests the component or components that emit this error change. Moreover, sometimes error is printed out in components that even do not use this service or its dependent service (that service just has functions that returns different strings from the loaded config).
Moreover, I've got another application with identical init service and those tests work fine.
Here is how it prints out PhantomJS
{
"message": "An error was thrown in afterAllnTypeError: undefined is not an object (evaluating
'config_init_service_1.ConfigInitService.settings.socket') thrown",
"str": "An error was thrown in afterAllnTypeError: undefined is not an object (evaluating
'config_init_service_1.ConfigInitService.settings.socket') thrown" }
angular typescript testing config karma-runner
asked 9 hours ago
Sergey
813317
I've got a config init service which I run as soon as app starts(to import server URIs from .json).
@Injectable({
providedIn: 'root'
})
export class ConfigInitService {
static settings: UriConfig;
load() {
}
constructor(
private http: HttpClient
) {
this.http.get('assets/config/uris.json').subscribe((file: UriConfig) => {
ConfigInitService.settings = file;
});
}
}
and this is my app.module
providers: [
ConfigInitService,
{
provide: APP_INITIALIZER,
useFactory: () => initializeApp,
deps: [ConfigInitService],
multi: true
},
...
})
export class AppModule {
}
export function initializeApp(uriConfig: ConfigInitService) {
return () => uriConfig.load();
}
The problem is that when I run tests they have errors (sometimes not) that it cannot read property socket of undefined. Socket is a property of that json file. Meanwhile app works I cannot make my tests work. The trick is that this error appears dynamically over tests runs. That means that any time I run my tests the component or components that emit this error change. Moreover, sometimes error is printed out in components that even do not use this service or its dependent service (that service just has functions that returns different strings from the loaded config).
Moreover, I've got another application with identical init service and those tests work fine.
Here is how it prints out PhantomJS
{
"message": "An error was thrown in afterAllnTypeError: undefined is not an object (evaluating
'config_init_service_1.ConfigInitService.settings.socket') thrown",
"str": "An error was thrown in afterAllnTypeError: undefined is not an object (evaluating
'config_init_service_1.ConfigInitService.settings.socket') thrown" }
angular typescript testing config karma-runner
angular typescript testing config karma-runner
asked 9 hours ago
Sergey
813317
asked 9 hours ago
Sergey
813317
edited 8 hours ago
asked 9 hours ago
Sergey
813317
asked 9 hours ago
Sergey
813317
asked 9 hours ago
Sergey
813317
813317
add a comment |
add a comment |
active
oldest
votes
active
oldest
votes
active
oldest
votes
active
oldest
votes
active
oldest
votes
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
StackExchange.ready(
function () {
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f53371786%2fangular-config-service-results-in-errors-in-tests%23new-answer', 'question_page');
}
);
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
