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

【未经授权禁止转载】【未经授权禁止转载】本文版权归作者所有,未经授权不得转载。

1. testing a transla【转载请注明来源】【本文首发于唐霜的博客】ted component

【本文受版权保护】未经授权,禁止复制转载。【转载请注明来源】【原创不易,请尊重版权】

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

【本文首发于唐霜的博客】【版权所有】唐霜 www.tangshuang.net著作权归作者所有,禁止商业用途转载。【版权所有,侵权必究】【关注微信公众号:wwwtangshuangnet】

But here you will fa本文版权归作者所有,未经授权不得转载。未经授权,禁止复制转载。cing another problem【关注微信公众号:wwwtangshuangnet】【访问 www.tangshuang.net 获取更多精彩内容】 if you use backend 【本文受版权保护】著作权归作者所有,禁止商业用途转载。mode in your i18n in【关注微信公众号:wwwtangshuangnet】本文作者:唐霜,转载请注明出处。itialize file.

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

2. verify translated转载请注明出处:www.tangshuang.net【本文受版权保护】 text

【访问 www.tangshuang.net 获取更多精彩内容】【本文首发于唐霜的博客】原创内容,盗版必究。原创内容,盗版必究。著作权归作者所有,禁止商业用途转载。

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

【本文受版权保护】著作权归作者所有,禁止商业用途转载。【转载请注明来源】【未经授权禁止转载】

The reason is when y【关注微信公众号:wwwtangshuangnet】本文作者:唐霜,转载请注明出处。ou use backend mode,【本文首发于唐霜的博客】原创内容,盗版必究。 jest will not reque本文版权归作者所有,未经授权不得转载。【未经授权禁止转载】st translations file【作者:唐霜】【版权所有,侵权必究】s from server side (【访问 www.tangshuang.net 获取更多精彩内容】【版权所有,侵权必究】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【作者:唐霜】ll languages are per【访问 www.tangshuang.net 获取更多精彩内容】【访问 www.tangshuang.net 获取更多精彩内容】loaded before unit t【转载请注明来源】本文作者:唐霜,转载请注明出处。est, and now you can【转载请注明来源】【版权所有,侵权必究】 get translated text【本文首发于唐霜的博客】【关注微信公众号:wwwtangshuangnet】 from your component【版权所有,侵权必究】【转载请注明来源】.

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