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【原创不易,请尊重版权】著作权归作者所有,禁止商业用途转载。ranslate function, a【版权所有】唐霜 www.tangshuang.net本文版权归作者所有,未经授权不得转载。nd how could you ver【未经授权禁止转载】【本文受版权保护】ify the translation 著作权归作者所有,禁止商业用途转载。未经授权,禁止复制转载。is applied to your a本文版权归作者所有,未经授权不得转载。转载请注明出处:www.tangshuang.netpplication. Now let&【本文首发于唐霜的博客】【关注微信公众号:wwwtangshuangnet】#8217;s talk about t转载请注明出处:www.tangshuang.net本文作者:唐霜,转载请注明出处。his topic.

【版权所有】唐霜 www.tangshuang.net【作者:唐霜】

1. testing a transla【未经授权禁止转载】本文作者:唐霜,转载请注明出处。ted component

【转载请注明来源】本文版权归作者所有,未经授权不得转载。【原创内容,转载请注明出处】【访问 www.tangshuang.net 获取更多精彩内容】

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

本文作者:唐霜,转载请注明出处。【版权所有,侵权必究】【原创不易,请尊重版权】
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 获取更多精彩内容】【作者:唐霜】do as what you have 未经授权,禁止复制转载。未经授权,禁止复制转载。done in your app.js.

转载请注明出处:www.tangshuang.net转载请注明出处:www.tangshuang.net本文版权归作者所有,未经授权不得转载。未经授权,禁止复制转载。

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

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

2. verify translated原创内容,盗版必究。【原创不易,请尊重版权】 text

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

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

【版权所有】唐霜 www.tangshuang.net【关注微信公众号:wwwtangshuangnet】【版权所有,侵权必究】本文作者:唐霜,转载请注明出处。

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

转载请注明出处:www.tangshuang.net【未经授权禁止转载】【关注微信公众号: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.netll languages are per【作者:唐霜】【版权所有】唐霜 www.tangshuang.netloaded before unit t本文版权归作者所有,未经授权不得转载。未经授权,禁止复制转载。est, and now you can著作权归作者所有,禁止商业用途转载。【关注微信公众号:wwwtangshuangnet】 get translated text【原创不易,请尊重版权】【访问 www.tangshuang.net 获取更多精彩内容】 from your component【未经授权禁止转载】【未经授权禁止转载】.

著作权归作者所有,禁止商业用途转载。【转载请注明来源】

2017-11-13 8983

为价值买单,打赏一杯咖啡

本文价值89.83RMB