[javascript] Jest에서의 동적 모듈 로딩 테스트 작성 방법은 어떻게 되는가?

24 Nov 2023

javascript

Jest에서 동적 모듈 로딩을 테스트하는 방법에 대해 알아보겠습니다.

동적 모듈 로딩은 모듈을 런타임에 동적으로 가져오는 기능을 의미합니다. 이는 코드의 유연성과 재사용성을 높일 수 있는 강력한 도구입니다. Jest에서도 동적 모듈 로딩을 테스트하기 위한 방법이 있습니다.

먼저, Jest에서는 import() 구문을 사용하여 동적 모듈 로딩을 할 수 있습니다. 다음은 예시 코드입니다.

test('동적 모듈 로딩 테스트', async () => {
  const dynamicModule = await import('./dynamicModule');
  expect(dynamicModule.functionToTest()).toBe(true);
});

위의 코드에서는 import() 구문을 사용하여 동적으로 dynamicModule을 가져옵니다. 이후, 가져온 모듈의 함수를 테스트합니다.

Jest에서는 import() 구문을 사용할 때, await를 사용하여 비동기적으로 모듈을 로딩할 수 있습니다. 이렇게 함으로써 테스트 시점에 모듈이 올바르게 로딩되었는지 확인할 수 있습니다.

또한, Jest에서는 jest.spyOn() 메소드를 사용하여 동적으로 로딩된 함수의 호출 여부와 호출 인자를 체크할 수 있습니다. 다음은 예시 코드입니다.

test('동적 모듈 로딩 스파이 테스트', async () => {
  const dynamicModule = await import('./dynamicModule');
  const spyFunction = jest.spyOn(dynamicModule, 'functionToTest');
  
  // 동적 모듈 로딩 후에 호출되는지 확인
  expect(spyFunction).not.toHaveBeenCalled();
  
  dynamicModule.functionToTest();
  
  // 동적 모듈 로딩 후에 호출되었는지 확인
  expect(spyFunction).toHaveBeenCalled();
  
  // 함수 호출 시 전달되는 인자 확인
  expect(spyFunction).toHaveBeenCalledWith(/* 인자 값 */);
});

위의 코드에서는 jest.spyOn() 메소드를 사용하여 dynamicModule의 functionToTest 함수에 스파이를 설정합니다. 그리고 스파이를 통해 함수가 호출되었는지, 호출되었다면 어떤 인자가 전달되었는지 확인합니다.

Jest에서 동적 모듈 로딩을 테스트하는 방법은 import()를 사용하여 모듈을 가져오고, jest.spyOn()을 사용하여 함수 호출을 체크하는 것입니다. 이를 통해 동적 모듈 로딩 코드의 정확성과 동작을 검증할 수 있습니다.