Karma-Jasmine 테스트 -SpyOn

현재 진행중인 프로젝트에서, 에러객체에서 error 가 throw 됬는지 확인해야할 일이 있었는데 아무리 해도 잡히지가 않았는데요

그것을 해결한 방법과 spyOn 에 대해서 메모할 겸 적어보겠습니다.

SpyOn 은 어떤 Object 의 Method 에 말 그대로 Spy 를 심어서, 그 객체가 호출되었는지 아닌지 등등

Object 내의 객체를 추적할 수 있게 해주는 가교를 만들어줍니다

예제 1] SpyOn 의 생성과 적용

export class SpyTestClass{

    foo(){
        console.log("fofofo")
    }
}

test 파일에서 사용하게 될 SpyTestClass 입니다. foo 라는 쓸데없는 메소드를 갖고 있는 클래스입니다. 

import {SpyTestClass} from "../src/testTutorial"

describe("SpyOn tutorial", () => {
    it("first test",()=>{
        let testObj = new SpyTestClass();
        let spyObj : jasmine.Spy = spyOn(testObj,'foo')

        testObj.foo()
expect(spyObj).not.toHaveBeenCalled()
    })

})

테스트파일에서는 위와 같이 SpyTestClass 를 객체로 생성해줍니다. 

spyObj 는 testObj 에 대한 Spy 를 심어주는 역할입니다. 

        let spyObj : jasmine.Spy = spyOn(testObj,'foo')

SpyOn(객체,메소드) 와 같은 방법으로 사용하면 됩니다.

 

testObj.foo()

 testObj 에서 foo 를 호출했으므로, 말이 웃기지만, 테스트내에서 호출된 상태입니다. 

 따라서 어떤 함수가 불렸는지 아닌지를 체크할 수 있는 toHaveBeenCalled 를 실행한다면 테스트가 통과되겠죠? 

바로 통과되면 싱거우니깐

expect(spyObj).not.toHaveBeenCalled()

알면서도 모른체 하면서, 안 불렸다고 억지를 부려보겠습니다

당연하게도 실패했습니다[ 프로젝트 내에서 테스트를하다 포스팅을 위해서 만든것이기때문에 나머지는 무시하세요 ] 

잘 참았습니다. 이제 모른척할 필요가 없어졌습니다.

expect(spyObj).toHaveBeenCalled()

로 바꾸어주면

성공합니다!

예제 2] CallFake 

  it(".and.callFake", () => {
        let obj = {
            method: function (param: any) {
                return `이 메소드가 외부의 라이브러리와의 연계 혹은, I/O 가 선행되어야`+
                    `하는 메소드일 때 테스트하기 곤란한 경우가 왕왕 있습니다`+
                    `그래서 아래의 mySpy 에 .and.callFake(#가짜함수) 를 만들어주어서`+
                    `실제 obj 의 method가 불리는것이 아니라, #가짜함수가 호출되게 하는 겁니다 `
            }
        }
        let mySpy = spyOn(obj, 'method').and.callFake(function () {
            return "대신 이게 불립니다"
        })
        let result = obj.method(1)
        expect(result).toEqual("대신 이게 불립니다")
    })
})