Core: How to setup to test translate pipe in template?

[phatpham9]

I'm submitting a ... (check one with "x")

[ ] bug report => check the FAQ and search github for a similar issue or PR before submitting
[x] support request => check the FAQ and search github for a similar issue before submitting
[ ] feature request

Please help!

[SamVerschueren]

Please let us know what you've tried before asking questions because at this point, the only thing I can say is, read the documentation.

[phatpham9]

This is my test spec:

This is my template:

This is the error message:

Thank you.

[ocombe]

Hu that weird, it looks like the import and forRoot definition are correct, I don't know why you get this error :(

[phatpham9]

@ocombe I'm new to jasmine. Don't know if I miss anything.

[ocombe]

I'm not sure why you use two beforeEach ? But other than that it seems correct

Wait, are you using version 6 or 5? The error message let me thinks that you installed version 5 but are using the configuration of version 6?

[phatpham9]

@ocombe I'm using ng2-translate 4.2.0 and angular 2.2.3. Anything wrong with it?

[ocombe]

Nothing except that the documentation is not the same. Use this one: https://github.com/ngx-translate/core/blob/fb02ca5920aae405048ebab50e09db67d5bf12a2/README.md
And especially the import is different for the forRoot method.

[phatpham9]

Ah it works but it seems the pipe does not work correctly in the template.

[phatpham9]

@ocombe the pipe does not work in the template. Do I need to provide anything else to the testing module?

[ocombe]

yes, you need to initiate the translate service with "use" (either in the component, or in the tests) so that it knows which lang to load

[phatpham9]

@ocombe Could you please guide me how to do it in the tests?

[ocombe]

let injector = getTestBed();
let translate = injector.get(TranslateService);
translate.use('en');

[phatpham9]

@ocombe thank you so much I did it. Close the topic now.