how to testing translated text when using react-i18next

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

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

【转载请注明来源】【原创不易,请尊重版权】【转载请注明来源】原创内容,盗版必究。

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

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

This is easy, accord本文版权归作者所有,未经授权不得转载。【版权所有,侵权必究】ing to react-i18next原创内容,盗版必究。【版权所有,侵权必究】 document here, you have several c【原创不易,请尊重版权】【关注微信公众号:wwwtangshuangnet】hoices, but the best【版权所有,侵权必究】原创内容,盗版必究。 one I think is to d【本文受版权保护】未经授权,禁止复制转载。o as want you did in【原创不易,请尊重版权】【转载请注明来源】 your app.js:

本文版权归作者所有,未经授权不得转载。【版权所有】唐霜 www.tangshuang.net未经授权,禁止复制转载。
const enzymeWrapper = mount(
 <Provider store={store}>
  <I18nextProvider i18n={i18n}>
   <ContactTable />
  </I18nextProvider>
 </Provider>
);

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

【访问 www.tangshuang.net 获取更多精彩内容】【本文受版权保护】

But here you will fa【原创内容,转载请注明出处】【版权所有,侵权必究】cing another problem本文作者:唐霜,转载请注明出处。【关注微信公众号:wwwtangshuangnet】 if you use backend 未经授权,禁止复制转载。【关注微信公众号:wwwtangshuangnet】mode in your i18n in本文版权归作者所有,未经授权不得转载。转载请注明出处:www.tangshuang.netitialize file.

【原创内容,转载请注明出处】原创内容,盗版必究。本文版权归作者所有,未经授权不得转载。【转载请注明来源】

2. verify translated【未经授权禁止转载】【本文首发于唐霜的博客】 text

转载请注明出处:www.tangshuang.net【版权所有,侵权必究】本文作者:唐霜,转载请注明出处。著作权归作者所有,禁止商业用途转载。

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【访问 www.tangshuang.net 获取更多精彩内容】【版权所有】唐霜 www.tangshuang.netd mode in your initi【本文受版权保护】【版权所有,侵权必究】alize file, you will【作者:唐霜】著作权归作者所有,禁止商业用途转载。 find that your text【本文首发于唐霜的博客】未经授权,禁止复制转载。s are not translated转载请注明出处:www.tangshuang.net本文作者:唐霜,转载请注明出处。, the key in t function will be re本文版权归作者所有,未经授权不得转载。【版权所有,侵权必究】turn.

本文作者:唐霜,转载请注明出处。转载请注明出处:www.tangshuang.net【版权所有】唐霜 www.tangshuang.net

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

【原创不易,请尊重版权】【未经授权禁止转载】【关注微信公众号:wwwtangshuangnet】
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 【本文受版权保护】本文作者:唐霜,转载请注明出处。your testing, and yo【作者:唐霜】原创内容,盗版必究。u will be excited. A转载请注明出处:www.tangshuang.net【版权所有】唐霜 www.tangshuang.netll languages are per转载请注明出处:www.tangshuang.net【未经授权禁止转载】loaded before unit t【版权所有】唐霜 www.tangshuang.net【本文受版权保护】est, and now you can本文作者:唐霜,转载请注明出处。本文作者:唐霜,转载请注明出处。 get translated text【原创不易,请尊重版权】【版权所有】唐霜 www.tangshuang.net from your component【转载请注明来源】【原创内容,转载请注明出处】.

【原创内容,转载请注明出处】【版权所有】唐霜 www.tangshuang.net本文版权归作者所有,未经授权不得转载。未经授权,禁止复制转载。