Jasmine은 자바스크립트 앱을 테스트하기 위한 도구로서, 캡슐화 및 모듈화된 코드를 효과적으로 테스트할 수 있도록 지원합니다. 이번 블로그 포스트에서는 Jasmine을 사용하여 자바스크립트 앱의 캡슐화 및 모듈화를 테스트하는 방법에 대해 알아보겠습니다.

1. Jasmine 설정하기

Jasmine을 사용하기 위해서는 먼저 Jasmine을 다운로드하고 설정해야 합니다. Jasmine은 공식 웹사이트에서 다운로드할 수 있습니다. 다운로드한 Jasmine 파일을 프로젝트 폴더에 추가하고, HTML 파일에 다음과 같이 스크립트 태그를 추가합니다:

<script src="jasmine/jasmine.js"></script>
<script src="jasmine/jasmine-html.js"></script>
<script src="jasmine/boot.js"></script>

또한, 테스트할 자바스크립트 파일을 로드하는 스크립트 태그도 추가해야 합니다:

<script src="app.js"></script>

2. 테스트 스펙 작성하기

Jasmine에서는 테스트를 스펙(spec)이라고 부릅니다. 테스트할 내용을 스펙으로 작성하여 Jasmine에서 실행할 수 있습니다. 예를 들어, 다음과 같이 app.js 파일에 정의된 모듈의 메소드를 테스트하는 스펙을 작성해보겠습니다:

describe("MyModule", function() {
  beforeEach(function() {
    // 테스트 전에 실행되는 코드
  });
  
  it("should return true for valid input", function(){
    // 테스트할 코드
    expect(MyModule.isValidInput(5)).toBe(true);
  });
  
  it("should return false for invalid input", function(){
    // 테스트할 코드
    expect(MyModule.isValidInput("invalid")).toBe(false);
  });
});

위의 예제에서는 MyModule이라는 모듈의 isValidInput 메소드를 테스트하는 스펙을 작성했습니다.

3. 스펙 실행하기

테스트 스펙을 작성한 후에는 Jasmine을 실행하여 테스트 결과를 확인할 수 있습니다. 테스트 결과는 브라우저의 콘솔에서 확인할 수 있습니다.

HTML 파일에 다음과 같이 스크립트 태그를 추가하여 Jasmine을 실행합니다:

<script type="text/javascript">
  (function() {
    var jasmineEnv = jasmine.getEnv();
    jasmineEnv.execute();
  })();
</script>

위의 스크립트를 추가한 후에 HTML 파일을 브라우저에서 실행하면 Jasmine이 스펙을 실행하고 테스트 결과를 보여줍니다.

4. 테스트 결과 확인하기

Jasmine은 테스트 결과를 상세하게 보여주는 HTML 페이지를 제공합니다. 테스트 결과를 확인하기 위해서는 브라우저에서 Jasmine이 제공하는 페이지를 열어야 합니다.

HTML 파일을 열고 주소창에 SpecRunner.html을 입력하여 Jasmine 페이지를 엽니다. 페이지에서는 테스트 결과를 확인할 수 있으며, 테스트가 성공적으로 통과했는지 여부를 확인할 수 있습니다.

결론

Jasmine을 사용하여 자바스크립트 앱의 캡슐화 및 모듈화를 테스트하는 방법에 대해 알아보았습니다. Jasmine은 테스트 스펙을 작성하고 실행하여 앱의 기능을 확인할 수 있는 강력한 도구입니다. 자바스크립트 앱을 개발할 때는 Jasmine을 적극적으로 활용하여 품질을 확인해 보세요.

참고 자료:

• Jasmine 공식 웹사이트
• Jasmine GitHub 저장소