[JavaScript] 비동기 테스트 기본

비동기 테스트 

메인 (A) 가  실행 될때

테스트 스위트 (A-a)

테스트 케이스(A-a-001)

테스트 케이스(A-a-002)

테스트 케이스(A-a-003)

테스트 케이스(A-a-004)

테스트 스위트 (A-b) ...

....

와 같이 진행 되는 경우에 아래 보이는 케이스들이 동기 방식 일때

** 테스트 를 하기 위한 로직은 비동기,동기 둘다 작성할수 있는 경우가 있지만 해당 내용은 배제 하도록 하겠습니다.  케이스 001을 파일 쓰기 작업을 기준으로 설명 드리지만 해당 작업은

비동기로 짤수 도 있지만 동기로 짤수도 있습니다.

동기 : 케이스(001) 가 실행이 끝난후에 결과를 return 하고 002 로 넘어가는 방식

ex :  케이스 001 이  log 10만 줄을 쓰는 작업을 동기식으로 확인 한다고 가정하게되면

언젠가는 10만 줄을 작업 후에 return 을 하게 됩니다.

->결과에 대한 기대가 가능합니다.  

해당 의 경우에 대해서는 결과에 대한 기대 가 가능하기 때문에 expect 를 작성하여서 테스트 코드를 작성하기가 수월합니다.

하지만 비동기에 대해서는 결과에 대한 기대가 명확하지 않습니다.

비동기 : 케이스 (002)

ex : ajax 에 대한 케이스가 가장 대표적일수 있습니다.

ajax로 특정 url에 대한 get을 요청 하였을 경우

// REST API 에 대한 테스트 케이스 로직을 짜는 경우

GET  /userInfo

$.ajax  ({

url : "127.0.0.1:8080/userInfo?userid=test_info

method:"GET",

success:function(res)

{

_before_api  = Array.prototype.slice.call(res.split('.'));

}

});

특정 url에 get요청을 하게되는데 id값을 보내서 해당 유저의 정보를 가져오는 작업에 대한 테스트 케이스를 작성하려고 할시에

백(서버) 에서 유저를 찾는데 오래걸리는 경우

서버에서 에러가 나는 경우

서버의 속도가 느린 경우

도대체 언제 해당 결과를 받을수 있는지

어떻게 받을수 있을지 -> error 코드를 받을수도 있고

해당의 경우에 테스트를 위해서는

비동기 테스트 로직을 짜야 한다.

동기 테스트에 경우는

getUserInfo = () => {return "testInfo"};



var expectValue = "testInfo";



getUserInfo===expectValue ? console.log("pass") : console.log("fail");

해당과 같이 기대값을 지정 하여서 assertion 을 진행할수 있지만

비동기의 경우는 위의 이유와 같이 언제 걸릴지도 모르고 결과가 일정하지 않습니다.

이렇기에 비동기 테스트를 짜기 위한 방식 및 테스트 코드 자체에서도 검증이 필요합니다.

우선 적으로 위의 ajax를 연속으로 확인한다고 해보겠습니다.

var testRunner = (function(){



var queue = [],paused=false, results;



// 멈춤

this.pause = function(){ paused= true;};

// 재 시작

this.resume = function(){ 

paused=false;  setTimeout(testMain,1);

 }



var testAssertion = function(testValue,testName){   // do it assertion };



// 스위트 이름 , 실행할 함수 (testsuite, fnc) 

var testFunction = function(testsuite,fnc)

{

queue.push(function(){
        fnc();

});



testMain();

};





var testMain = function()

{

if(!paused && queue.length)

{

queue.shift()();

if(!paused){ resume();}

}







};

return {

pause : pause,

resume : resume,

testFunction : testFunction,

};

})();



외부 접근 testRunner.testFunction("First Async",function(){









});





testRunner.testFunction("Second Async",function()

{

// 멈춤

testRunner.pause();



//비동기 코드 작성 ajax



$.ajax({

....

success:function(data)

{

// 시작

testRunner.resume();




}





});





});

생각나는대로 적어 봤는데 해당 코드는 대충 슈도 코드 정도로 보고

실제 테스트 를 하기 위한 테스트 모듈은 뒤에 만들어 볼 예정입니다.