ngx-translate how to test components
up vote
0
down vote
favorite
I've got an application which uses this library. How do I test components with it? I DO NOT WANT TO TEST THE LIBRARY. I just need to start tests of my component without multiple errors about TranslateModule then TranslateService then TranslateStore ... until I get an error when compiling.
Is there an easy way to just run my tests with this dependency?
Once more, I don't want to test this library (check whether the string is being translated) I need to run tests on components which rely on this library.
angular typescript testing internationalization ngx-translate
add a comment |
up vote
0
down vote
favorite
I've got an application which uses this library. How do I test components with it? I DO NOT WANT TO TEST THE LIBRARY. I just need to start tests of my component without multiple errors about TranslateModule then TranslateService then TranslateStore ... until I get an error when compiling.
Is there an easy way to just run my tests with this dependency?
Once more, I don't want to test this library (check whether the string is being translated) I need to run tests on components which rely on this library.
angular typescript testing internationalization ngx-translate
add a comment |
up vote
0
down vote
favorite
up vote
0
down vote
favorite
I've got an application which uses this library. How do I test components with it? I DO NOT WANT TO TEST THE LIBRARY. I just need to start tests of my component without multiple errors about TranslateModule then TranslateService then TranslateStore ... until I get an error when compiling.
Is there an easy way to just run my tests with this dependency?
Once more, I don't want to test this library (check whether the string is being translated) I need to run tests on components which rely on this library.
angular typescript testing internationalization ngx-translate
I've got an application which uses this library. How do I test components with it? I DO NOT WANT TO TEST THE LIBRARY. I just need to start tests of my component without multiple errors about TranslateModule then TranslateService then TranslateStore ... until I get an error when compiling.
Is there an easy way to just run my tests with this dependency?
Once more, I don't want to test this library (check whether the string is being translated) I need to run tests on components which rely on this library.
angular typescript testing internationalization ngx-translate
angular typescript testing internationalization ngx-translate
asked 5 hours ago
Sergey
813317
813317
add a comment |
add a comment |
1 Answer
1
active
oldest
votes
up vote
0
down vote
What I've done is to setup all my translation related configuration in a separate TranslationModule
that I import to a SharedModule
.
import { TranslateModule, TranslateLoader } from '@ngx-translate/core';
@NgModule({
declarations: ,
imports: [CommonModule,
TranslateModule.forRoot({
loader: {
provide: TranslateLoader,
useFactory: IfYouHaveACustomFactory,
deps: [HttpClient]
}
})],
exports: [TranslateModule],
providers: ,
})
export class TranslationModule {
}
This can then be exported to all components that import the SharedModule
,
@NgModule({
imports: ,
exports: [TranslationModule, SomeOtherModule],
})
export class SharedModule { }
And in your spec-file you simply import the SharedModule
in your TestBed.configureTestingModule()
like
beforeEach(async(() => {
TestBed.configureTestingModule({
imports: [
RouterTestingModule,
SharedModule,
...
And tests for components that use the translation service or pipe should run fine!
add a comment |
1 Answer
1
active
oldest
votes
1 Answer
1
active
oldest
votes
active
oldest
votes
active
oldest
votes
up vote
0
down vote
What I've done is to setup all my translation related configuration in a separate TranslationModule
that I import to a SharedModule
.
import { TranslateModule, TranslateLoader } from '@ngx-translate/core';
@NgModule({
declarations: ,
imports: [CommonModule,
TranslateModule.forRoot({
loader: {
provide: TranslateLoader,
useFactory: IfYouHaveACustomFactory,
deps: [HttpClient]
}
})],
exports: [TranslateModule],
providers: ,
})
export class TranslationModule {
}
This can then be exported to all components that import the SharedModule
,
@NgModule({
imports: ,
exports: [TranslationModule, SomeOtherModule],
})
export class SharedModule { }
And in your spec-file you simply import the SharedModule
in your TestBed.configureTestingModule()
like
beforeEach(async(() => {
TestBed.configureTestingModule({
imports: [
RouterTestingModule,
SharedModule,
...
And tests for components that use the translation service or pipe should run fine!
add a comment |
up vote
0
down vote
What I've done is to setup all my translation related configuration in a separate TranslationModule
that I import to a SharedModule
.
import { TranslateModule, TranslateLoader } from '@ngx-translate/core';
@NgModule({
declarations: ,
imports: [CommonModule,
TranslateModule.forRoot({
loader: {
provide: TranslateLoader,
useFactory: IfYouHaveACustomFactory,
deps: [HttpClient]
}
})],
exports: [TranslateModule],
providers: ,
})
export class TranslationModule {
}
This can then be exported to all components that import the SharedModule
,
@NgModule({
imports: ,
exports: [TranslationModule, SomeOtherModule],
})
export class SharedModule { }
And in your spec-file you simply import the SharedModule
in your TestBed.configureTestingModule()
like
beforeEach(async(() => {
TestBed.configureTestingModule({
imports: [
RouterTestingModule,
SharedModule,
...
And tests for components that use the translation service or pipe should run fine!
add a comment |
up vote
0
down vote
up vote
0
down vote
What I've done is to setup all my translation related configuration in a separate TranslationModule
that I import to a SharedModule
.
import { TranslateModule, TranslateLoader } from '@ngx-translate/core';
@NgModule({
declarations: ,
imports: [CommonModule,
TranslateModule.forRoot({
loader: {
provide: TranslateLoader,
useFactory: IfYouHaveACustomFactory,
deps: [HttpClient]
}
})],
exports: [TranslateModule],
providers: ,
})
export class TranslationModule {
}
This can then be exported to all components that import the SharedModule
,
@NgModule({
imports: ,
exports: [TranslationModule, SomeOtherModule],
})
export class SharedModule { }
And in your spec-file you simply import the SharedModule
in your TestBed.configureTestingModule()
like
beforeEach(async(() => {
TestBed.configureTestingModule({
imports: [
RouterTestingModule,
SharedModule,
...
And tests for components that use the translation service or pipe should run fine!
What I've done is to setup all my translation related configuration in a separate TranslationModule
that I import to a SharedModule
.
import { TranslateModule, TranslateLoader } from '@ngx-translate/core';
@NgModule({
declarations: ,
imports: [CommonModule,
TranslateModule.forRoot({
loader: {
provide: TranslateLoader,
useFactory: IfYouHaveACustomFactory,
deps: [HttpClient]
}
})],
exports: [TranslateModule],
providers: ,
})
export class TranslationModule {
}
This can then be exported to all components that import the SharedModule
,
@NgModule({
imports: ,
exports: [TranslationModule, SomeOtherModule],
})
export class SharedModule { }
And in your spec-file you simply import the SharedModule
in your TestBed.configureTestingModule()
like
beforeEach(async(() => {
TestBed.configureTestingModule({
imports: [
RouterTestingModule,
SharedModule,
...
And tests for components that use the translation service or pipe should run fine!
answered 4 hours ago
Daniel B
5,60443157
5,60443157
add a comment |
add a comment |
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%2f53370590%2fngx-translate-how-to-test-components%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