Jest에서 ES6 모듈 가져오기를 효과적으로 모의하는 방법은 무엇입니까?

Mary-Kate Olsen
풀어 주다: 2024-10-24 00:24:02
원래의
687명이 탐색했습니다.

How to Effectively Mock ES6 Module Imports in Jest?

Jest에서 ES6 모듈 가져오기 모의

ES6 모듈을 테스트할 때 특정 기능을 분리하고 주장하기 위해 가져온 모듈을 모의해야 하는 경우가 종종 있습니다. 이러한 맥락에서 Jest는 모의 모듈 가져오기를 위한 여러 옵션을 제공합니다.

전통적인 접근 방식에는 각각 jest.mock 또는 jest.spyOn을 사용하여 개별 명명된 내보내기 또는 기본 내보내기를 모의하는 것이 포함됩니다. 그러나 더 복잡한 시나리오의 경우 더 유연한 방법이 있습니다.

import *로 모의

import *를 활용하면 명명된 내보내기와 기본 내보내기를 모두 포함하여 모듈의 모든 내보내기를 모의할 수 있습니다. 다음은 이 접근 방식을 사용하여 수정된 코드입니다.

<code class="js">// dependency.js
export const doSomething = (y) => console.log(y);
export default (y) => console.log(y);

// myModule.js
import * as dependency from './dependency';

export default (x) => {
  dependency.doSomething(x * 2);
  dependency.default(x * 2);
};

// myModule-test.js
import myModule from '../myModule';
import * as dependency from '../dependency';

describe('myModule', () => {
  it('calls the dependency with double the input', () => {
    dependency.doSomething = jest.fn();
    dependency.default = jest.fn();

    myModule(2);

    expect(dependency.doSomething).toBeCalledWith(4);
    expect(dependency.default).toBeCalledWith(4);
  });
});</code>
로그인 후 복사

이 예에서는 이름이 지정된 모든 내보내기를 가져오기 위해 import { doSomething }을 import * as dependency로 바꿉니다. 그런 다음 가져온 객체를 직접 변경하여 jest.fn()을 사용하여 내보낸 함수를 모의합니다.

위 내용은 Jest에서 ES6 모듈 가져오기를 효과적으로 모의하는 방법은 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

원천:php
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
저자별 최신 기사
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿