how to testing translated text when using react-i18next

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

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

【版权所有,侵权必究】【关注微信公众号:wwwtangshuangnet】

1. testing a transla原创内容,盗版必究。【作者:唐霜】ted component

未经授权,禁止复制转载。【关注微信公众号:wwwtangshuangnet】【本文首发于唐霜的博客】

This is easy, accord【本文受版权保护】【原创不易,请尊重版权】ing to react-i18next【原创不易,请尊重版权】【版权所有,侵权必究】 document here, you have several c原创内容,盗版必究。未经授权,禁止复制转载。hoices, but the best未经授权,禁止复制转载。【作者:唐霜】 one I think is to d原创内容,盗版必究。著作权归作者所有,禁止商业用途转载。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【版权所有,侵权必究】本文作者:唐霜,转载请注明出处。 a mock config (like【原创内容,转载请注明出处】本文版权归作者所有,未经授权不得转载。 react-redux), just 【版权所有】唐霜 www.tangshuang.net【版权所有,侵权必究】do as what you have 【访问 www.tangshuang.net 获取更多精彩内容】著作权归作者所有,禁止商业用途转载。done in your app.js.

【作者:唐霜】【未经授权禁止转载】

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

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

2. verify translated本文作者:唐霜,转载请注明出处。转载请注明出处:www.tangshuang.net text

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

You want to know whe原创内容,盗版必究。【版权所有,侵权必究】ther i18next has tra本文作者:唐霜,转载请注明出处。未经授权,禁止复制转载。nslated your text in原创内容,盗版必究。【访问 www.tangshuang.net 获取更多精彩内容】 testing, so you do 未经授权,禁止复制转载。【版权所有】唐霜 www.tangshuang.netwhat I have told you【版权所有,侵权必究】【版权所有,侵权必究】 in previous code. B本文作者:唐霜,转载请注明出处。【原创内容,转载请注明出处】ut if you use backen【转载请注明来源】【版权所有】唐霜 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.

【未经授权禁止转载】原创内容,盗版必究。

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

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

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

2017-11-13 8985

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

本文价值89.85RMB