用 Jest 模拟 i18Next

Question

我花了一整天的时间研究这个问题，尝试了不同的解决方案，但似乎没有任何效果。

这是我的代码摘要：

// lib/i18next.ts
import i18n from 'i18next';
import { initReactI18next } from 'react-i18next';

... (i18next initialization boilerplate)

export default i18n;
export const t = (str, options?) => i18n.t(str, options);

然后在测试失败的文件中：

import { t } from '../lib/i18next';

export function thingToTranslate() {
  t('key_1', { color: red }), // where key1 can be 'The house color is ' 
}

在测试中我有以下内容：

// several imports

describe('my test', () => {
  it('does something', () ={
    expect(thingToTranslate()).toEqual('The house color is red');
  })
}

以上代码测试失败：

Expected: "The house color is red"
Received: "key_1"

到目前为止我尝试过的事情：

嘲讽

// several imports

jest.mock('i18next', () => ({
  use: () => this,
  init: () => { },
  t: k => k
}));

describe('my test', () => {
  it('does something', () ={
    expect(thingToTranslate()).toEqual('The house color is red');
  })
}

结果为 TypeError: Cannot read property 'init' of undefined。我尝试了上述的几种变体。 returns 之前的错误 (Received: "key_1") 或 returns 上面的错误。

配置文件

我还尝试将此文件添加到我的 __mocks__ 目录（来自 react-i18next docs）以及我在网上找到的变体

import i18n from 'i18next';
import { initReactI18next } from 'react-i18next';

i18n
  .use(initReactI18next)
  .init({
    lng: 'en',
    fallbackLng: 'en',

    // have a common namespace used around the full app
    ns: ['translations'],
    defaultNS: 'translations',

    debug: true,

    interpolation: {
      escapeValue: false, // not needed for react!!
    },

    resources: { en: { translations: {} } },
  });

export default i18n;

但这会产生

You are passing an undefined module! Please check the object you are passing to i18next.use()

      ## | };
      ## |
    > ## | i18n.use(initReactI18next).init({

我知道类似的帖子似乎有效，但正如我在这里提到的，它对我不起作用，但不知道哪里出了问题

Answer 1

您可以将 cimode 作为 lng 传递，而不是模拟整个库，这将使 t 函数成为 return 密钥本身。

您需要做的就是在您的测试中调用changeLanguage。

i18next
  .changeLanguage('cimode')

用 Jest 模拟 i18Next

Mock i18Next with Jest

javascript

i18next

jestjs