how to testing translated text when using react-i18next

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

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

【未经授权禁止转载】【作者:唐霜】

1. testing a transla【本文受版权保护】转载请注明出处:www.tangshuang.netted component

未经授权,禁止复制转载。【访问 www.tangshuang.n【作者:唐霜】原创内容,盗版必究。et 获取更多精彩内容】转载请注明出处:www.tangshua【作者:唐霜】转载请注明出处:www.tangshuang.netng.net【原创不易,请尊重版权】

This is easy, accord【版权所有】唐霜 www.tangshuang.net本文版权归作者所有,未经授权不得转载。ing to react-i18next【原创内容,转载请注明出处】【本文受版权保护】 document here, you have several c【未经授权禁止转载】【转载请注明来源】hoices, but the best本文作者:唐霜,转载请注明出处。【本文首发于唐霜的博客】 one I think is to d转载请注明出处:www.tangshuang.net【未经授权禁止转载】o as want you did in未经授权,禁止复制转载。【作者:唐霜】 your app.js:

著作权归作者所有,禁止商业用途转载。【原创内容,转载请注明出处】本文作者:唐霜,转载请注明出处。【访问 www.tangshuang.n【本文首发于唐霜的博客】原创内容,盗版必究。et 获取更多精彩内容】
const enzymeWrapper = mount(
 <Provider store={store}>
  <I18nextProvider i18n={i18n}>
   <ContactTable />
  </I18nextProvider>
 </Provider>
);

You even do not need【关注微信公众号:wwwtangshuangnet】著作权归作者所有,禁止商业用途转载。 a mock config (like原创内容,盗版必究。未经授权,禁止复制转载。 react-redux), just 【访问 www.tangshuang.net 获取更多精彩内容】【作者:唐霜】do as what you have 原创内容,盗版必究。本文作者:唐霜,转载请注明出处。done in your app.js.

【访问 www.tangshuang.n【访问 www.tangshuang.net 获取更多精彩内容】【版权所有】唐霜 www.tangshuang.netet 获取更多精彩内容】【作者:唐霜】【关注微信公众号:wwwtangshua著作权归作者所有,禁止商业用途转载。本文版权归作者所有,未经授权不得转载。ngnet】

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

【原创内容,转载请注明出处】本文作者:唐霜,转载请注明出处。【版权所有,侵权必究】

2. verify translated【版权所有】唐霜 www.tangshuang.net【原创不易,请尊重版权】 text

【原创不易,请尊重版权】未经授权,禁止复制转载。【访问 www.tangshuang.n本文版权归作者所有,未经授权不得转载。未经授权,禁止复制转载。et 获取更多精彩内容】

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

【未经授权禁止转载】【转载请注明来源】原创内容,盗版必究。

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

转载请注明出处:www.tangshua本文作者:唐霜,转载请注明出处。原创内容,盗版必究。ng.net本文版权归作者所有,未经授权不得转载。【原创不易,请尊重版权】【版权所有】唐霜 www.tangshu【访问 www.tangshuang.net 获取更多精彩内容】【本文受版权保护】ang.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【作者:唐霜】【关注微信公众号:wwwtangshuangnet】 initialize file in 【作者:唐霜】【版权所有】唐霜 www.tangshuang.netyour testing, and yo未经授权,禁止复制转载。【访问 www.tangshuang.net 获取更多精彩内容】u will be excited. A【原创不易,请尊重版权】本文作者:唐霜,转载请注明出处。ll languages are per未经授权,禁止复制转载。未经授权,禁止复制转载。loaded before unit t原创内容,盗版必究。未经授权,禁止复制转载。est, and now you can【版权所有】唐霜 www.tangshuang.net【未经授权禁止转载】 get translated text【未经授权禁止转载】【版权所有】唐霜 www.tangshuang.net from your component原创内容,盗版必究。【未经授权禁止转载】.

【未经授权禁止转载】未经授权,禁止复制转载。【关注微信公众号:wwwtangshua原创内容,盗版必究。【未经授权禁止转载】ngnet】