У мене є такий модуль, який я намагаюся протестувати в Jest:

// myModule.js

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

export function testFn() {
  otherFn();

  // do other things
}

Як показано вище, він експортує деякі названі функції та, що важливо, testFnвикористовує otherFn.

Коли я пишу свій модульний тест для Jest testFn, я хочу знущатися над цією otherFnфункцією, оскільки не хочу, щоб помилки otherFnвпливали на мій модульний тест testFn. Моя проблема полягає в тому, що я не впевнений, що найкращий спосіб це зробити:

// 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's Manual Mocks (біля кінця Прикладів ):

Щоб гарантувати, що макет вручну та його реальна реалізація залишаються синхронізованими, може бути корисним вимагати використання реального модуля jest.requireActual(moduleName)у вашому макеті вручну та внесення змін до нього з допомогою функцій макету перед експортом.

import m from '../myModule';

Не працює для мене, я використовував:

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

m.otherFn = jest.fn();

Схоже, я запізнився на цю вечірку, але так, це можливо.

testFn просто потрібно зателефонувати otherFn за допомогою модуля .

Якщо 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
  });
});

Переписаний код не дозволить babel отримати прив'язку, на яку otherFn()посилається. Якщо ви використовуєте функціонування, ви зможете досягти глузування 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 для знущання над імпортованою іменованою функцією. Ви можете поверхово ознайомитись із розділом щодо перейменування іменованої функції .

Однією з безпосередніх переваг для вашої ситуації тут є те, що вам не потрібно змінювати спосіб виклику іншої функції з вашої функції.