QUnit에서 단위 테스트를 실행하기 전에 데이터베이스 쿼리가 완료되도록하는 방법

Question

QUnit을 사용하여 웹 응용 프로그램에서 단위 테스트를 실행하려고하는데 단위 테스트를 실행하기 전에 데이터베이스 테스트 데이터를 설정해야합니다. 각 테스트에 대해 데이터베이스에서 수동으로 테스트 데이터를 입력하고 지우는 것은 고통스럽고 느리고 반복적입니다.

아래 코드에 표시된 'BEFORE'요청을 처리하는 서버 쪽에서 일부 임시 요청 처리기를 코딩했습니다.

문제는 데이터베이스를 수정하는 데 오래 걸리므로 데이터베이스 테스트 데이터를 업데이트하기 전에 QUnit 테스트가 실행되기 시작한다는 것입니다.

가장 좋은 참조는 https://api.qunitjs.com/QUnit.module/ (페이지 하단)입니다. 약속을 사용하여 'before'및 'after'함수에서 데이터베이스 연결을 열고 닫을 수 있음을 보여줍니다. 그러나이 예는 너무 짧고 내가하려는 일을하기에 충분한 정보를 제공하지 않습니다.

나는 데이터베이스를 업데이트 한 후 서버 응답을받은 후에 만 ​​테스트 코드가 실행되도록 내 JQuery 요청을 중첩한다고 생각했다. 그러나 이것은 테스트 코드를 반복적으로 읽기 어렵게 만들고 QUnit에서 제공하는 'before'와 'after'후크의 사용을 무시합니다.

제안 사항?

다음은 현재 유닛 테스트를 위해 데이터베이스를 설정하는 데 필요한 테스트 코드입니다.

QUnit.module("EMD_4: updateItemQtyRequest",{ 

before: function(){ 

    // Rule 2 setup 
    $.get("http://localhost:8080/foodmap/EMD_4_BEFORE.do", 
      {cmd:"insert into wants (email,id,qty) values ('only_wants',220,1)"} 
     ); 

    // Rule 3 setup 
    $.get("http://localhost:8080/foodmap/EMD_4_BEFORE.do", 
      {cmd:"insert into wants (email,id,qty) values ('wants_and_hasWanted',219,1)"} 
     ); 
    $.get("http://localhost:8080/foodmap/EMD_4_BEFORE.do", 
      {cmd:"insert into has_wanted (email,id) values ('wants_and_hasWanted',220)"} 
     ); 
}, 
after: function(){ 
    // cleanup database 
} 
...Unit Tests .. 

Answer 1

the module의 before 기능을 사용하면 코드의 조각을 비동기로 지정 할 수있는의 assert object을 받아들입니다. 따라서 다음 코드를 수행 할 수 있다고 생각합니다. 즉, 모두 $.get() 개의 호출을 서로 중첩 시켜서 언제 완료되었는지를 알 수 있으며 계속 이동하도록 QUnit에 알릴 수 있습니다.

QUnit.module("EMD_4: updateItemQtyRequest",{ 

    before: function(assert){ 
    var allDone = assert.async(); 

    // Rule 2 setup 
    $.get("http://localhost:8080/foodmap/EMD_4_BEFORE.do", 
      {cmd:"insert into wants (email,id,qty) values ('only_wants',220,1)"} 
    ) 
    .done(function() { 
     // Rule 3 setup 
     $.get("http://localhost:8080/foodmap/EMD_4_BEFORE.do", 
       {cmd:"insert into wants (email,id,qty) values ('wants_and_hasWanted',219,1)"} 
    ) 
     .done(function() { 
     $.get("http://localhost:8080/foodmap/EMD_4_BEFORE.do", 
       {cmd:"insert into has_wanted (email,id) values ('wants_and_hasWanted',220)"} 
     ) 
     .done(function() { 
      // NOW TELL QUNIT WE'RE DONE 
      allDone(); 
     }); 
     }); 
    }); 

    }, 
    after: function(){ 
    // cleanup database 
    } 
}); 

// ...Unit Tests ...