Jestでテストしようとしている次のモジュールがあります。

// myModule.js

export function otherFn() {
  console.log('do something');
}

export function testFn() {
  otherFn();

  // do other things
}

上に示したように、いくつかの名前付き関数をエクスポートし、重要なことにをtestFn使用しotherFnます。

Jestで、の単体テストを作成しているときに、の単体テストにエラーが影響しないようにするためtestFn、otherFn関数をモックしたいと思います。私の問題は、それを行うための最良の方法がわからないということです。otherFntestFn

// myModule.test.js
jest.unmock('myModule');

import { testFn, otherFn } from 'myModule';

describe('test category', () => {
  it('tests something about testFn', () => {
    // I want to mock "otherFn" here but can't reassign
    // a.k.a. can't do otherFn = jest.fn()
  });
});

どんな助け/洞察も大歓迎です。

jest.requireActual()内部で使用jest.mock()

jest.requireActual(moduleName)

モジュールがモック実装を受け取る必要があるかどうかに関するすべてのチェックをバイパスして、モックではなく実際のモジュールを返します。

例

私はあなたが必要とし、返されたオブジェクト内に広がるこの簡潔な使用法を好みます：

// myModule.test.js

jest.mock('./myModule.js', () => (
  {
    ...(jest.requireActual('./myModule.js')),
    otherFn: jest.fn()
  }
))

import { otherFn } from './myModule.js'

describe('test category', () => {
  it('tests something about otherFn', () => {
    otherFn.mockReturnValue('foo')
    expect(otherFn()).toBe('foo')
  })
})

このメソッドは、Jestのマニュアルモックのドキュメント（例の終わり近く）でも参照されています。

手動モックとその実際の実装の同期を維持するには、jest.requireActual(moduleName)エクスポートする前に、手動モックで使用し、モック関数で修正する実際のモジュールを要求すると便利な場合があります。

import m from '../myModule';

私には機能しません、私は使用しました：

import * as m from '../myModule';

m.otherFn = jest.fn();

私はこのパーティーに遅れているようですが、はい、これは可能です。

testFnotherFn モジュールを使用して呼び出す必要があります。

もしtestFn使用するモジュールを呼び出すotherFn、その後のためのモジュールのエクスポートをotherFn嘲笑することができ、testFnモックを呼び出します。

これが実際の例です：

myModule.js

import * as myModule from './myModule';  // import myModule into itself

export function otherFn() {
  return 'original value';
}

export function testFn() {
  const result = myModule.otherFn();  // call otherFn using the module

  // do other things

  return result;
}

myModule.test.js

import * as myModule from './myModule';

describe('test category', () => {
  it('tests something about testFn', () => {
    const mock = jest.spyOn(myModule, 'otherFn');  // spy on otherFn
    mock.mockReturnValue('mocked value');  // mock the return value

    expect(myModule.testFn()).toBe('mocked value');  // SUCCESS

    mock.mockRestore();  // restore otherFn
  });
});

トランスパイルされたコードは、babelotherFn()が参照しているバインディングを取得することを許可しません。関数expessionを使用すると、モックを実現できるはずotherFn()です。

// myModule.js
exports.otherFn = () => {
  console.log('do something');
}

exports.testFn = () => {
  exports.otherFn();

  // do other things
}

// myModule.test.js
import m from '../myModule';

m.otherFn = jest.fn();

しかし、前のコメントで@kentcdoddsが述べたように、おそらくモックを作成したくないでしょうotherFn()。むしろ、新しい仕様を書いて、otherFn()必要な呼び出しをモックするだけです。

したがって、たとえば、otherFn()httpリクエストを行っている場合...

// myModule.js
exports.otherFn = () => {
  http.get('http://some-api.com', (res) => {
    // handle stuff
  });
};

ここでは、モックhttp.getされた実装に基づいてアサーションをモックして更新する必要があります。

// myModule.test.js
jest.mock('http', () => ({
  get: jest.fn(() => {
    console.log('test');
  }),
}));

私はこれがずっと前に尋ねられたことを知っています、しかし私はちょうどこのまさに状況に遭遇し、そして最終的にうまくいく解決策を見つけました。だからここでシェアしたいと思いました。

モジュールの場合：

// myModule.js

export function otherFn() {
  console.log('do something');
}

export function testFn() {
  otherFn();

  // do other things
}

次のように変更できます。

// myModule.js

export const otherFn = () => {
  console.log('do something');
}

export const testFn = () => {
  otherFn();

  // do other things
}

関数ではなく定数としてエクスポートします。この問題はJavaScriptでの巻き上げに関係していると思いますが、使用constするとその動作が妨げられます。

次に、テストで次のようなものを使用できます。

import * as myModule from 'myModule';


describe('...', () => {
  jest.spyOn(myModule, 'otherFn').mockReturnValue('what ever you want to return');

  // or

  myModule.otherFn = jest.fn(() => {
    // your mock implementation
  });
});

これで、モックは通常の期待どおりに機能するはずです。

私はここで見つけた答えを組み合わせて問題を解決しました：

myModule.js

import * as myModule from './myModule';  // import myModule into itself

export function otherFn() {
  return 'original value';
}

export function testFn() {
  const result = myModule.otherFn();  // call otherFn using the module

  // do other things

  return result;
}

myModule.test.js

import * as myModule from './myModule';

describe('test category', () => {
  let otherFnOrig;

  beforeAll(() => {
    otherFnOrig = myModule.otherFn;
    myModule.otherFn = jest.fn();
  });

  afterAll(() => {
    myModule.otherFn = otherFnOrig;
  });

  it('tests something about testFn', () => {
    // using mock to make the tests
  });
});

ここでの最初の答えに加えて、babel-plugin-rewireを使用して、インポートされた名前付き関数をモックすることもできます。名前付き関数の再配線については、表面的にセクションを確認でき ます。

ここでの状況の直接的な利点の1つは、関数から他の関数​​を呼び出す方法を変更する必要がないことです。