import *를 사용하여 Jest에서 ES6 모듈 가져오기를 모의하는 방법은 무엇입니까?

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

Jasmine에서 ES6 모듈 가져오기를 모의하는 것은 간단합니다. 그러나 Jest에서는 특히 기본 내보내기를 활용하는 모듈을 처리할 때 프로세스가 더 어려울 수 있습니다. 이 기사에서는 간단한 import * 해킹을 사용하여 Jest에서 ES6 모듈 가져오기를 모의하는 방법을 살펴봅니다.

전통적으로 가져오기를 모의하려면 가져오기를 require로 바꾸고 테스트 내에서 선언해야 했습니다. 이 접근 방식은 바람직하지 않을 수 있습니다.

<code class="javascript">// undesirable approach
import myModule from '../myModule';
import dependency from '../dependency';

describe('myModule', () => {
  // ...
});</code>

대신 import *를 활용하여 모듈의 내보내기를 직접 변경하여 원하는 기능이나 기본 내보내기를 모의할 수 있습니다. 명명된 내보내기의 경우:

<code class="javascript">import * as dependency from '../dependency';

// ...

dependency.doSomething = jest.fn(); // mutate the named export
myModule(2);

expect(dependency.doSomething).toBeCalledWith(4);</code>

마찬가지로 기본 내보내기의 경우:

<code class="javascript">import * as dependency from '../dependency';

// ...

dependency.default = jest.fn(); // mutate the default export
myModule(2);

expect(dependency.default).toBeCalledWith(4);</code>

이 방법은 ES6 가져오기 모의에 대한 해결 방법을 제공하지만 가져온 모듈을 변경하는 작업이 포함된다는 점에 유의해야 합니다. , 테스트 실행 시 부작용과 잠재적인 문제가 발생할 수 있습니다. 따라서 jest.spyOn 또는 jest.mock과 같은 Jest의 기본 조롱 방법을 사용하는 것이 선호되는 접근 방식으로 권장됩니다.

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