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【访问 www.tangshuang.net 获取更多精彩内容】【转载请注明来源】nd how could you ver原创内容,盗版必究。【关注微信公众号:wwwtangshuangnet】ify the translation 【原创内容,转载请注明出处】本文版权归作者所有,未经授权不得转载。is applied to your a【原创内容,转载请注明出处】【转载请注明来源】pplication. Now let&【转载请注明来源】著作权归作者所有,禁止商业用途转载。#8217;s talk about t原创内容,盗版必究。【本文受版权保护】his topic.

本文版权归作者所有,未经授权不得转载。【访问 www.tangshuang.net 获取更多精彩内容】

1. testing a transla【原创不易,请尊重版权】著作权归作者所有,禁止商业用途转载。ted component

【本文受版权保护】【作者:唐霜】

This is easy, accord【本文受版权保护】本文版权归作者所有,未经授权不得转载。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:

著作权归作者所有,禁止商业用途转载。本文版权归作者所有,未经授权不得转载。未经授权,禁止复制转载。【关注微信公众号:wwwtangshuangnet】
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 原创内容,盗版必究。【版权所有】唐霜 www.tangshuang.netdo as what you have 本文版权归作者所有,未经授权不得转载。转载请注明出处:www.tangshuang.netdone in your app.js.

未经授权,禁止复制转载。【原创不易,请尊重版权】【关注微信公众号:wwwtangshuangnet】

But here you will fa【转载请注明来源】【关注微信公众号:wwwtangshuangnet】cing another problem【未经授权禁止转载】转载请注明出处:www.tangshuang.net if you use backend 未经授权,禁止复制转载。【本文受版权保护】mode in your i18n in【作者:唐霜】本文版权归作者所有,未经授权不得转载。itialize file.

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

2. verify translated【原创不易,请尊重版权】【原创内容,转载请注明出处】 text

【版权所有】唐霜 www.tangshuang.net本文版权归作者所有,未经授权不得转载。【转载请注明来源】

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

【原创内容,转载请注明出处】转载请注明出处:www.tangshuang.net著作权归作者所有,禁止商业用途转载。原创内容,盗版必究。

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

著作权归作者所有,禁止商业用途转载。【原创不易,请尊重版权】【作者:唐霜】
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【访问 www.tangshuang.net 获取更多精彩内容】 initialize file in 【转载请注明来源】【作者:唐霜】your testing, and yo本文作者:唐霜,转载请注明出处。【访问 www.tangshuang.net 获取更多精彩内容】u will be excited. A【原创内容,转载请注明出处】原创内容,盗版必究。ll languages are per【访问 www.tangshuang.net 获取更多精彩内容】本文版权归作者所有,未经授权不得转载。loaded before unit t【原创不易,请尊重版权】著作权归作者所有,禁止商业用途转载。est, and now you can【本文首发于唐霜的博客】【本文首发于唐霜的博客】 get translated text【版权所有,侵权必究】【版权所有】唐霜 www.tangshuang.net from your component本文作者:唐霜,转载请注明出处。【本文首发于唐霜的博客】.

【版权所有,侵权必究】【本文首发于唐霜的博客】