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

【关注微信公众号:wwwtangshuangnet】【原创不易,请尊重版权】本文作者:唐霜,转载请注明出处。著作权归作者所有,禁止商业用途转载。著作权归作者所有,禁止商业用途转载。

1. testing a transla著作权归作者所有,禁止商业用途转载。【版权所有】唐霜 www.tangshuang.netted component

转载请注明出处:www.tangshuang.net未经授权,禁止复制转载。转载请注明出处:www.tangshuang.net著作权归作者所有,禁止商业用途转载。

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

【本文受版权保护】【转载请注明来源】未经授权,禁止复制转载。
const enzymeWrapper = mount(
 <Provider store={store}>
  <I18nextProvider i18n={i18n}>
   <ContactTable />
  </I18nextProvider>
 </Provider>
);

You even do not need【作者:唐霜】【原创内容,转载请注明出处】 a mock config (like转载请注明出处:www.tangshuang.net【本文受版权保护】 react-redux), just 转载请注明出处:www.tangshuang.net【原创不易,请尊重版权】do as what you have 【关注微信公众号:wwwtangshuangnet】未经授权,禁止复制转载。done in your app.js.

【访问 www.tangshuang.net 获取更多精彩内容】【转载请注明来源】【原创不易,请尊重版权】【访问 www.tangshuang.net 获取更多精彩内容】【版权所有】唐霜 www.tangshuang.net

But here you will fa【本文受版权保护】【作者:唐霜】cing another problem【版权所有,侵权必究】原创内容,盗版必究。 if you use backend 本文版权归作者所有,未经授权不得转载。未经授权,禁止复制转载。mode in your i18n in著作权归作者所有,禁止商业用途转载。【版权所有】唐霜 www.tangshuang.netitialize file.

【转载请注明来源】未经授权,禁止复制转载。【作者:唐霜】

2. verify translated【本文首发于唐霜的博客】【关注微信公众号:wwwtangshuangnet】 text

著作权归作者所有,禁止商业用途转载。【关注微信公众号:wwwtangshuangnet】著作权归作者所有,禁止商业用途转载。【原创不易,请尊重版权】【未经授权禁止转载】

You want to know whe未经授权,禁止复制转载。未经授权,禁止复制转载。ther i18next has tra本文版权归作者所有,未经授权不得转载。原创内容,盗版必究。nslated your text in【访问 www.tangshuang.net 获取更多精彩内容】本文版权归作者所有,未经授权不得转载。 testing, so you do 【访问 www.tangshuang.net 获取更多精彩内容】【本文首发于唐霜的博客】what I have told you【版权所有】唐霜 www.tangshuang.net【版权所有】唐霜 www.tangshuang.net in previous code. B【本文受版权保护】【作者:唐霜】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【作者:唐霜】【访问 www.tangshuang.net 获取更多精彩内容】turn.

【作者:唐霜】【版权所有】唐霜 www.tangshuang.net【版权所有】唐霜 www.tangshuang.net【原创不易,请尊重版权】【访问 www.tangshuang.net 获取更多精彩内容】

The reason is when y【版权所有,侵权必究】【版权所有】唐霜 www.tangshuang.netou use backend mode,本文作者:唐霜,转载请注明出处。【版权所有,侵权必究】 jest will not reque【转载请注明来源】【原创内容,转载请注明出处】st translations file【版权所有】唐霜 www.tangshuang.net【转载请注明来源】s from server side (本文版权归作者所有,未经授权不得转载。转载请注明出处:www.tangshuang.netthere is no server s【转载请注明来源】【原创不易,请尊重版权】ide 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未经授权,禁止复制转载。【作者:唐霜】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本文版权归作者所有,未经授权不得转载。 initialize file in 转载请注明出处:www.tangshuang.net【本文首发于唐霜的博客】your testing, and yo【作者:唐霜】转载请注明出处:www.tangshuang.netu will be excited. A转载请注明出处:www.tangshuang.net【本文首发于唐霜的博客】ll languages are per【未经授权禁止转载】原创内容,盗版必究。loaded before unit t未经授权,禁止复制转载。未经授权,禁止复制转载。est, and now you can原创内容,盗版必究。【本文首发于唐霜的博客】 get translated text未经授权,禁止复制转载。【本文首发于唐霜的博客】 from your component未经授权,禁止复制转载。【本文首发于唐霜的博客】.

【关注微信公众号:wwwtangshuangnet】未经授权,禁止复制转载。【转载请注明来源】未经授权,禁止复制转载。