how to testing translated text when using react-i18next

广告位招租
扫码页面底部二维码联系

When you using jest 【原创不易,请尊重版权】【本文受版权保护】to test react applic【版权所有,侵权必究】【转载请注明来源】ation, you may have 【原创内容,转载请注明出处】【本文受版权保护】doubts about how to 著作权归作者所有,禁止商业用途转载。【作者:唐霜】test components whic著作权归作者所有,禁止商业用途转载。【原创内容,转载请注明出处】h are wrapped by rea未经授权,禁止复制转载。【原创内容,转载请注明出处】ct-i18next’s t【版权所有,侵权必究】【关注微信公众号:wwwtangshuangnet】ranslate function, a【本文受版权保护】【原创内容,转载请注明出处】nd how could you ver【关注微信公众号:wwwtangshuangnet】【原创内容,转载请注明出处】ify the translation 未经授权,禁止复制转载。原创内容,盗版必究。is applied to your a转载请注明出处:www.tangshuang.net本文作者:唐霜,转载请注明出处。pplication. Now let&【作者:唐霜】【版权所有】唐霜 www.tangshuang.net#8217;s talk about t未经授权,禁止复制转载。本文版权归作者所有,未经授权不得转载。his topic.

【作者:唐霜】【本文受版权保护】未经授权,禁止复制转载。本文作者:唐霜,转载请注明出处。

1. testing a transla本文作者:唐霜,转载请注明出处。转载请注明出处:www.tangshuang.netted component

本文版权归作者所有,未经授权不得转载。【本文受版权保护】未经授权,禁止复制转载。著作权归作者所有,禁止商业用途转载。

This is easy, accord著作权归作者所有,禁止商业用途转载。【访问 www.tangshuang.net 获取更多精彩内容】ing to react-i18next转载请注明出处:www.tangshuang.net著作权归作者所有,禁止商业用途转载。 document here, you have several c未经授权,禁止复制转载。原创内容,盗版必究。hoices, but the best【作者:唐霜】【关注微信公众号:wwwtangshuangnet】 one I think is to d原创内容,盗版必究。本文版权归作者所有,未经授权不得转载。o as want you did in原创内容,盗版必究。【版权所有】唐霜 www.tangshuang.net your app.js:

【本文受版权保护】【原创内容,转载请注明出处】原创内容,盗版必究。
const enzymeWrapper = mount(
 <Provider store={store}>
  <I18nextProvider i18n={i18n}>
   <ContactTable />
  </I18nextProvider>
 </Provider>
);

You even do not need【本文受版权保护】【转载请注明来源】 a mock config (like未经授权,禁止复制转载。【本文首发于唐霜的博客】 react-redux), just 【未经授权禁止转载】【本文首发于唐霜的博客】do as what you have 【转载请注明来源】【转载请注明来源】done in your app.js.

【访问 www.tangshuang.net 获取更多精彩内容】【访问 www.tangshuang.net 获取更多精彩内容】

But here you will fa【本文受版权保护】【未经授权禁止转载】cing another problem本文作者:唐霜,转载请注明出处。转载请注明出处:www.tangshuang.net if you use backend 【原创不易,请尊重版权】原创内容,盗版必究。mode in your i18n in本文作者:唐霜,转载请注明出处。【作者:唐霜】itialize file.

【关注微信公众号:wwwtangshuangnet】著作权归作者所有,禁止商业用途转载。本文版权归作者所有,未经授权不得转载。

2. verify translated原创内容,盗版必究。未经授权,禁止复制转载。 text

【原创不易,请尊重版权】【本文受版权保护】

You want to know whe【本文受版权保护】本文版权归作者所有,未经授权不得转载。ther i18next has tra【转载请注明来源】未经授权,禁止复制转载。nslated your text in本文版权归作者所有,未经授权不得转载。本文版权归作者所有,未经授权不得转载。 testing, so you do 【关注微信公众号:wwwtangshuangnet】【版权所有】唐霜 www.tangshuang.netwhat I have told you未经授权,禁止复制转载。【关注微信公众号:wwwtangshuangnet】 in previous code. B【原创不易,请尊重版权】【转载请注明来源】ut if you use backen原创内容,盗版必究。转载请注明出处:www.tangshuang.netd mode in your initi【版权所有,侵权必究】原创内容,盗版必究。alize file, you will【原创不易,请尊重版权】本文版权归作者所有,未经授权不得转载。 find that your text【原创内容,转载请注明出处】【关注微信公众号:wwwtangshuangnet】s are not translated本文版权归作者所有,未经授权不得转载。【未经授权禁止转载】, the key in t function will be re【本文首发于唐霜的博客】【本文首发于唐霜的博客】turn.

【版权所有】唐霜 www.tangshuang.net【未经授权禁止转载】未经授权,禁止复制转载。转载请注明出处:www.tangshuang.net

The reason is when y本文作者:唐霜,转载请注明出处。本文版权归作者所有,未经授权不得转载。ou use backend mode,【版权所有】唐霜 www.tangshuang.net原创内容,盗版必究。 jest will not reque【版权所有,侵权必究】本文作者:唐霜,转载请注明出处。st translations file本文版权归作者所有,未经授权不得转载。【未经授权禁止转载】s from server side (原创内容,盗版必究。【转载请注明来源】there is no server s【版权所有,侵权必究】【版权所有,侵权必究】ide in jest testing)【版权所有】唐霜 www.tangshuang.net【本文受版权保护】, so the resolution 著作权归作者所有,禁止商业用途转载。【转载请注明来源】is to convert backen本文版权归作者所有,未经授权不得转载。【访问 www.tangshuang.net 获取更多精彩内容】d mode to sync mode.【关注微信公众号:wwwtangshuangnet】【本文受版权保护】 Create a new initia未经授权,禁止复制转载。【转载请注明来源】lize file for testin原创内容,盗版必究。【转载请注明来源】g:

【未经授权禁止转载】转载请注明出处:www.tangshuang.net
import i18n from "i18next";
import enCommonTranslations from "./locales/en/common.json";
import zhCommonTranslations from "./locales/en/common.json";
i18n
    .init({
        lng: "en",
        ns: ["common"],
        defaultNS: "common",
        resources: {
            en: {
                common: enCommonTranslations
            },
            zh: {
                common: zhCommonTranslations
            }
        },
        debug: false,
        interpolation: {
            escapeValue: false
        },
        react: {
            wait: false,
            nsMode: "fallback"
        }
    });
export default i18n;

Use this new file as【作者:唐霜】【原创内容,转载请注明出处】 initialize file in 【未经授权禁止转载】【版权所有】唐霜 www.tangshuang.netyour testing, and yo【原创内容,转载请注明出处】【关注微信公众号:wwwtangshuangnet】u will be excited. A【版权所有】唐霜 www.tangshuang.net【本文受版权保护】ll languages are per本文作者:唐霜,转载请注明出处。【原创内容,转载请注明出处】loaded before unit t本文版权归作者所有,未经授权不得转载。【作者:唐霜】est, and now you can【原创不易,请尊重版权】未经授权,禁止复制转载。 get translated text【原创不易,请尊重版权】本文作者:唐霜,转载请注明出处。 from your component【版权所有】唐霜 www.tangshuang.net【本文首发于唐霜的博客】.

【版权所有】唐霜 www.tangshuang.net【转载请注明来源】