how to testing translated text when using react-i18next

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

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

著作权归作者所有,禁止商业用途转载。原创内容,盗版必究。【版权所有,侵权必究】著作权归作者所有,禁止商业用途转载。

1. testing a transla本文版权归作者所有,未经授权不得转载。本文版权归作者所有,未经授权不得转载。ted component

【版权所有,侵权必究】【原创不易,请尊重版权】著作权归作者所有,禁止商业用途转载。【原创不易,请尊重版权】

This is easy, accord【原创不易,请尊重版权】【版权所有,侵权必究】ing to react-i18next【访问 www.tangshuang.net 获取更多精彩内容】【版权所有】唐霜 www.tangshuang.net document here, you have several c【作者:唐霜】【本文受版权保护】hoices, but the best转载请注明出处:www.tangshuang.net本文作者:唐霜,转载请注明出处。 one I think is to d本文版权归作者所有,未经授权不得转载。转载请注明出处:www.tangshuang.neto 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【关注微信公众号:wwwtangshuangnet】未经授权,禁止复制转载。 react-redux), just 【原创内容,转载请注明出处】转载请注明出处:www.tangshuang.netdo as what you have 【访问 www.tangshuang.net 获取更多精彩内容】【版权所有】唐霜 www.tangshuang.netdone in your app.js.

著作权归作者所有,禁止商业用途转载。【本文受版权保护】

But here you will fa【未经授权禁止转载】【本文受版权保护】cing another problem【关注微信公众号:wwwtangshuangnet】著作权归作者所有,禁止商业用途转载。 if you use backend 【原创内容,转载请注明出处】【原创内容,转载请注明出处】mode in your i18n in【原创内容,转载请注明出处】未经授权,禁止复制转载。itialize file.

【版权所有,侵权必究】【访问 www.tangshuang.net 获取更多精彩内容】

2. verify translated【版权所有】唐霜 www.tangshuang.net原创内容,盗版必究。 text

转载请注明出处:www.tangshuang.net【作者:唐霜】

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

未经授权,禁止复制转载。【版权所有】唐霜 www.tangshuang.net【版权所有,侵权必究】

The reason is when y【访问 www.tangshuang.net 获取更多精彩内容】未经授权,禁止复制转载。ou use backend mode,【原创内容,转载请注明出处】本文版权归作者所有,未经授权不得转载。 jest will not reque【本文首发于唐霜的博客】著作权归作者所有,禁止商业用途转载。st translations file本文版权归作者所有,未经授权不得转载。转载请注明出处:www.tangshuang.nets from server side (【本文受版权保护】转载请注明出处:www.tangshuang.netthere is no server s转载请注明出处:www.tangshuang.net原创内容,盗版必究。ide in jest testing)【关注微信公众号:wwwtangshuangnet】原创内容,盗版必究。, so the resolution 【作者:唐霜】本文版权归作者所有,未经授权不得转载。is to convert backen原创内容,盗版必究。本文作者:唐霜,转载请注明出处。d mode to sync mode.转载请注明出处:www.tangshuang.net【版权所有】唐霜 www.tangshuang.net 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本文作者:唐霜,转载请注明出处。转载请注明出处:www.tangshuang.net initialize file in 【本文受版权保护】【本文首发于唐霜的博客】your testing, and yo【本文首发于唐霜的博客】【原创不易,请尊重版权】u will be excited. A本文版权归作者所有,未经授权不得转载。【未经授权禁止转载】ll languages are per著作权归作者所有,禁止商业用途转载。著作权归作者所有,禁止商业用途转载。loaded before unit t原创内容,盗版必究。【本文首发于唐霜的博客】est, and now you can著作权归作者所有,禁止商业用途转载。未经授权,禁止复制转载。 get translated text【版权所有】唐霜 www.tangshuang.net【版权所有,侵权必究】 from your component【本文受版权保护】未经授权,禁止复制转载。.

【访问 www.tangshuang.net 获取更多精彩内容】【版权所有】唐霜 www.tangshuang.net【本文受版权保护】原创内容,盗版必究。