Jest에서 테스트하려는 다음 모듈이 있습니다.

// myModule.js

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

export function testFn() {
  otherFn();

  // do other things
}

위와 같이, 그것은 중요한 일부라는 이름의 함수와 수출 testFn용도 otherFn.

나는 내 단위 테스트를 쓰고 있어요 때 농담으로 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의 Manual Mocks 문서 ( Examples 의 끝 부분에 있음 ) 에서도 참조됩니다 .

수동 모의와 실제 구현이 동기화 상태를 유지하려면 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
  });
});

트랜스 파일 된 코드는 babel otherFn()이 참조 하는 바인딩을 검색하는 것을 허용하지 않습니다 . 함수 expession을 사용하면 mocking을 얻을 수 있습니다 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가 이전 주석에서 언급했듯이, 아마도 mock을 원하지 않을 것입니다 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 를 사용하여 가져온 명명 된 함수를 모의 할 수도 있습니다 . 이름이 지정된 함수 재배 선에 대한 섹션을 표면적으로 확인할 수 있습니다 .

여기서 상황에 대한 즉각적인 이점 중 하나는 함수에서 다른 함수를 호출하는 방법을 변경할 필요가 없다는 것입니다.

Brian Adams의 답변을 바탕으로 TypeScript에서 동일한 접근 방식을 사용할 수있었습니다. 또한 jest.doMock ()을 사용 하면 테스트 파일의 일부 특정 테스트에서만 모듈 함수를 모의 처리하고 각각에 대한 개별 모의 구현을 제공 할 수 있습니다.

src / module.ts

import * as module from './module';

function foo(): string {
  return `foo${module.bar()}`;
}

function bar(): string {
  return 'bar';
}

export { foo, bar };

test / module.test.ts

import { mockModulePartially } from './helpers';

import * as module from '../src/module';

const { foo } = module;

describe('test suite', () => {
  beforeEach(function() {
    jest.resetModules();
  });

  it('do not mock bar 1', async() => {
    expect(foo()).toEqual('foobar');
  });

  it('mock bar', async() => {
    mockModulePartially('../src/module', () => ({
      bar: jest.fn().mockImplementation(() => 'BAR')
    }));
    const module = await import('../src/module');
    const { foo } = module;
    expect(foo()).toEqual('fooBAR');
  });

  it('do not mock bar 2', async() => {
    expect(foo()).toEqual('foobar');
  });
});

test / helpers.ts

export function mockModulePartially(
  modulePath: string,
  mocksCreator: (originalModule: any) => Record<string, any>
): void {
  const testRelativePath = path.relative(path.dirname(expect.getState().testPath), __dirname);
  const fixedModulePath = path.relative(testRelativePath, modulePath);
  jest.doMock(fixedModulePath, () => {
    const originalModule = jest.requireActual(fixedModulePath);
    return { ...originalModule, ...mocksCreator(originalModule) };
  });
}

모듈의 모의 기능은 mockModulePartially별도의 파일에있는 도우미 기능으로 이동되어 다른 테스트 파일 (일반적으로 다른 디렉터리에 위치 할 수 있음)에서 사용할 수 있습니다. 모의되는 expect.getState().testPath모듈 ( modulePath)에 대한 경로를 수정 하는 데 의존 합니다 ( helpers.ts포함에 상대적으로 지정 mockModulePartially). mocksCreator두 번째 인수로 전달 된 함수 mockModulePartially는 모듈의 모의를 반환해야합니다. 이 함수는 수신 originalModule하고 모의 구현은 선택적으로 의존 할 수 있습니다.