Jest'te test etmeye çalıştığım aşağıdaki modüle sahibim:

// myModule.js

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

export function testFn() {
  otherFn();

  // do other things
}

Yukarıda gösterildiği gibi, bazı adlandırılmış işlevleri dışa aktarır ve önemli ölçüde testFnkullanır otherFn.

Jest'te birim testimi yazarken testFn, otherFnişlevle dalga geçmek istiyorum çünkü otherFnbirim testimi etkilemek için hataların olmasını istemiyorum testFn. Sorunum, bunu yapmanın en iyi yolunun ne olduğundan emin değilim:

// 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()
  });
});

Herhangi bir yardım / anlayış takdir edilmektedir.

jest.requireActual()İçeride kullanınjest.mock()

jest.requireActual(moduleName)

Modülün bir sahte uygulama alıp almayacağına dair tüm kontrolleri atlayarak sahte yerine asıl modülü döndürür.

Misal

İhtiyaç duyduğunuz ve döndürülen nesneye yayıldığınız bu kısa kullanımı tercih ederim:

// 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')
  })
})

Bu yöntem aynı zamanda Jest'in El Kitabı Mocks belgelerinde de belirtilmiştir ( Örneklerin sonuna yakın ):

Manuel bir modelin ve gerçek uygulamasının senkronize kalmasını sağlamak için, gerçek modülün jest.requireActual(moduleName)manuel modelinizde kullanılmasını ve dışa aktarmadan önce onu sahte işlevlerle değiştirmesini zorunlu kılmak yararlı olabilir .

import m from '../myModule';

Benim için çalışmıyor, kullandım:

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

m.otherFn = jest.fn();

Görünüşe göre bu partiye geç kaldım, ama evet, bu mümkün.

testFnsadece otherFn modülü kullanarak aramanız gerekiyor .

Eğer testFnkullanımları modülü çağırmak otherFnsonra için modül ihracat otherFnalay edilebilir ve testFnmock arayacak.

İşte çalışan bir örnek:

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
  });
});

Aktarılan kod babel'in otherFn()atıfta bulunan bağlamayı almasına izin vermez . Bir işlev ifadesi kullanırsanız, alay etmeyi başarabilmelisiniz 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();

Ancak @ kentcdodds önceki yorumda belirtildiği gibi, muhtemelen alay etmek istemezsiniz otherFn(). Bunun yerine, yeni bir şartname yazın otherFn()ve yaptığı tüm gerekli çağrılarla alay edin.

Örneğin, otherFn()bir http talebinde bulunuluyorsa ...

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

Burada, http.getalay edilen uygulamalarınıza göre iddialarınızla dalga geçmek ve bunları güncellemek istersiniz .

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

Bunun uzun zaman önce sorulduğunu biliyorum ama tam da bu durumla karşılaştım ve sonunda işe yarayacak bir çözüm buldum. Bu yüzden burada paylaşacağımı düşündüm.

Modül için:

// myModule.js

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

export function testFn() {
  otherFn();

  // do other things
}

Aşağıdakilere geçebilirsiniz:

// myModule.js

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

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

  // do other things
}

bunları işlevler yerine sabitler olarak dışa aktarmak. Sorunun JavaScript'te yükseltme yapmak ve constbu davranışı kullanmakla ilgisi olduğuna inanıyorum .

Ardından testinizde aşağıdaki gibi bir şeye sahip olabilirsiniz:

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
  });
});

Taklitleriniz artık normalde beklediğiniz gibi çalışmalıdır.

Sorunumu burada bulduğum yanıtların bir karışımıyla çözdüm:

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
  });
});

Buradaki ilk cevabın yanı sıra, içe aktarılan adlandırılmış işlevle alay etmek için babel-plugin-rewire'ı da kullanabilirsiniz. Adlandırılmış fonksiyon yeniden kablolaması için bölüme yüzeysel olarak bakabilirsiniz .

Buradaki durumunuz için acil faydalardan biri, işlevinizden diğer işlevi çağırma şeklinizi değiştirmenize gerek olmamasıdır.