Qunit으로 비동기 코드를 테스트하는 방법

키 포인트

동기 함수와 같은 비동기 함수도 테스트가 필요합니다. Qunit은 특히 비동기 코드를 테스트하기위한 메소드를 제공합니다.

두 가지 다른 방법과 함께 사용해야합니다. 는 테스트가 중지 된 후 실행 테스트를 시작하거나 재개하는 데 사용되며
• 는 테스트 러너가 계속하기 전에 기다려야하는 QUnit.asyncTest() 호출 수를 증가시킵니다.
이 튜토리얼은 이러한 방법을 실제로 사용하는 방법의 예를 제공합니다. 매개 변수 세트의 최대 값을 비동기 적으로 계산하는 함수를 테스트하기 위해 ,
• 및 를 사용하는 방법을 보여줍니다. QUnit.asyncTest() 이 튜토리얼은 AJAX 작업에 대한 비동기 코드를 테스트 할 때 서버에 잠재적 오류가있을 수 있으므로 서버가 반환 한 실제 데이터 또는 결과에 의존하지 않는 것이 가장 좋습니다. 대신 jquery mockjax 또는 sinon.js와 같은 라이브러리를 사용하여 AJAX 요청을 시뮬레이션하는 것이 좋습니다. QUnit.start() QUnit.stop() 몇 주 전, 나는 Qunit과 함께 시작하는 기사를 발표하여 단위 테스트의 주요 개념과 Qunit을 사용하여 JavaScript 코드를 테스트하는 방법에 대해 논의했습니다. 그 게시물에서 나는 프레임 워크에서 제공 한 주장과 동시에 실행되는 코드를 테스트하는 방법에 중점을 두었습니다. 그러나 실제 사례에 대해 논의하고 싶다면 비동기 기능에 대해서는 이야기하는 것을 피할 수 없습니다. 동기 기능과 마찬가지로 비동기 기능에는 주의력과 더 많은 테스트가 필요합니다. 이 게시물에서는 Qunit을 사용하여 비동기 코드를 테스트하는 방법을 알려 드리겠습니다. 사용 가능한 Assertion 방법을 기억하지 못하거나 내 기사를 완전히 놓친 경우 Qunit을 시작하는 것이 좋습니다. 이 기사에서 다루는 자료는이 기사의 전제 조건이 될 것입니다. QUnit.start() QUnit.stop() Qunit 를 사용하여 비동기 테스트를 만듭니다 JavaScript로 작성된 사소한 프로젝트에는 비동기 기능이 포함되어 있습니다. 특정 시간 후에 주어진 작업을 수행하고 서버에서 데이터를 검색하며 서버로 데이터를 보냅니다. Qunit은 비동기 코드를 테스트하는 것을 목표로하는 QUnit.start()라는 메소드를 제공합니다. 이 방법의 서명은 다음과 같습니다
• 매개 변수는 와 동일한 의미를 지니고 있지만 편의를 위해 여기에보고합니다.
  : 생성 된 테스트를 식별하는 데 도움이되는 문자열.
  • : 프레임 워크가 실행되는 어설 션을 포함하는 함수. 프레임 워크는 모든 Qunit의 주장 방법을 노출시키는이 함수에 매개 변수를 전달합니다. name
  이 방법이
  • 와 동일한 매개 변수를 받아 들인다는 사실은 오해의 소지가있을 수 있습니다. 원칙이 동일하다고 생각할 수도 있으며, 비동기 기능을 테스트하기 위해해야 ​​할 일은 호출을 testFunction로
  로 바꾸는 것입니다. 그렇게 빠르지 않습니다! 그 작업을 수행하려면
  와 와 함께 사용해야합니다. 그들에 대해 더 많이 배우자. QUnit.test() QUnit.asyncTest() 및 QUnit.test() QUnit.asyncTest() Qunit이 를 사용하여 생성 된 테스트를 실행하면 테스트 실행 프로그램이 자동으로 중지됩니다. 그런 다음 어설 션 QUnit.start()가 포함 된 함수 호출을 기다립니다. QUnit.stop()의 목적은 테스트가 중지 된 후 실행 테스트를 시작하거나 재개하는 것입니다. 이 메소드는 온수를 하나의 로 병합하기 위해 정수를 유일한 선택적 매개 변수 로 받아들입니다. 메소드를 사용하여 테스트를 중지 할 수 있습니다. 는 테스트 러너가 계속하기 전에 기다려야하는

  호출의 수를 증가시킵니다. 이 메소드는 정수를 프레임 워크가 기다려야하는 QUnit.start()에 대한 추가 호출 수를 지정하는 유일한 선택적 매개 변수로 수용합니다. 기본값은 1입니다. 이해하기가 조금 어렵지 않습니까? 해당 메소드와 관련된 메소드 정의는 혼란처럼 들립니다. 불행히도, 그것이 바로 그들이하는 일입니다. 이러한 개념을 명확히하는 가장 좋은 방법은 특정 사용 예를 제공하는 것입니다. QUnit.stop()

  모든 컨텐츠를 통합

  QUnit.asyncTest() 이 섹션에서는 지금까지 논의 된 접근법을 실제로 실천할 것입니다. 잘만되면 일단 읽기를 읽으면이 메커니즘에 대한 더 깊은 이해를 얻을 수 있습니다. Qunit : 로 시작하는 기사에서 개발 된 기능 중 하나를 사용하여 간단한 예로 시작하겠습니다. 이 함수는 여러 매개 변수를 가져 와서 최대 값을 반환합니다. 이 함수의 코드는 다음과 같습니다 QUnit.start() 이제이 함수가 일반적으로 매우 큰 매개 변수 세트에서 실행될 것이라고 가정 해 봅시다. 결과가 계산 될 때까지 사용자의 브라우저가 차단되지 않도록합니다. 이렇게하려면 콜백에 QUnit.start()로 전달 된 콜백에 0의 지연 값의 호출을 배치합니다. 비동기 테스트 기능에 사용되는 코드 (의 사용을 느끼게해야 함)는 다음과 같습니다.

  QUnit.asyncTest(name, testFunction)

  위 코드에서, <🎜 🎜>의 콜백으로 <p> 기능으로 호출을 마무리했습니다. <🎜 🎜>로 어설 션을 실행 한 후 <code>max() 메소드를 호출하여 테스트 러너가 실행을 재개 할 수 있습니다. 우리 가이 방법을 호출하지 않으면, 테스트 러너가 갇히고 테스트는 비참하게 실패합니다 (실제로 테스트는 일시 중지되어 다른 일이 없으므로 실제 주장 실패는 아닙니다). 이전 예는 동기 상대와 매우 유사하기 때문에 이해하기 쉽습니다. 그러나 한 가지 상황에 대한 테스트만으로도 코드를 확신시키지 못합니다. 또한 window.setTimeout()의 실제 적용을 볼 기회가 없었습니다. 이 문제를 해결하기 위해 이전 게시물에서 본 모든 주장을 <🎜 🎜>로 전달한 함수로 구현합니다. 완전한 코드는 다음과 같습니다. max() QUnit.start() <,> 테스트에서 Qunit을 시작하는 데 논의한 것처럼 실행할 것으로 예상되는 주장의 수를 설정했습니다. 그런 다음 함수는 메소드를 호출합니다. 테스트에서 4 개의 비동기 호출을 수행했기 때문에 이것은 필요합니다. 우리가 QUnit.stop()를 사용하면 프레임 워크는 <🎜 🎜>를 기다립니다. 전화를 생략하고 <🎜 🎜>에 세 번의 호출을 더 지정하면 예상 어설 횟수가 실행 된 어설 션 수와 다르기 때문에 테스트가 실패합니다. QUnit.asyncTest()에 대한 호출이 포함 된 코드의 라이브 데모는 아래에 표시되며 JSBIN으로 제공됩니다.
  <🎜 🎜> <<> qunit <🎜 🎜> <🎜 🎜>를 사용한 비동기 테스트 <,>이 섹션에서는 Ajax 작업을 수행하지 않는 비동기 코드의 예를 보았습니다. 그러나 일반적으로 데이터를 서버로로드하거나 보내려고합니다. 이런 일이 발생하면 오류가있을 수 있으므로 서버가 반환 한 실제 데이터 또는 결과에 의존하지 않는 것이 좋습니다 (소프트웨어의 어떤 것도 완벽하지 않음). 이 문제를 피하려면 AJAX 요청을 시뮬레이션해야합니다. 이를 위해 jQuery Mockjax, Sinon.js 또는 귀하의 요구에 맞는 다른 라이브러리를 사용할 수 있습니다.

  function max() {
     var max = -Infinity;
     for (var i = 0; i < arguments.length; i++) {
        if (arguments[i] > max) {
           max = arguments[i];
        }
     }
  
     return max;
  }

  결론

  QUnit.stop() 이 튜토리얼에서는 비동기 기능에 대한 테스트를 만드는 방법을 배웠습니다. 먼저, QUnit.asyncTest() 메소드를 사용하여 비동기 코드와 관련된 테스트를 선언하는 방법에 대해 논의합니다. 그런 다음 두 가지 다른 방법 QUnit.start()와 QUnit.stop()의 존재를 이해하며 를 사용하여 테스트를 만들 때 사용해야합니다. 마지막으로, 우리는 이러한 방법이 함께 작동하는 방식을 보여주기 위해 두 가지 테스트를 개발하여 획득 한 지식을 실제로 실천했습니다. 이 튜토리얼에서 다루는 주제를 사용하면 JavaScript로 쓸 수있는 모든 코드를 테스트하는 데 필요한 모든 기능이 있습니다. 이 프레임 워크에 대한 귀하의 생각과 프로젝트에서 사용을 고려할 것인지 알고 싶습니다. QUnit.start() qunit 로 비동기 코드를 테스트 할 때 FAQS (FAQ) 비동기 코드 란 무엇이며 테스트하는 것이 왜 중요한가?

  Async 코드는 중복 시간에 시작, 실행 및 완료 될 수있는 작업을 말합니다. 이것은 여러 일이 동시에 발생할 수있는 프로그래밍 방법입니다. 이는 많은 I/O 작업이 필요한 응용 프로그램에 특히 유용하거나 서버에서 데이터를 가져 오는 것과 같은 작업이 필요한 응용 프로그램에서 유용합니다. 비동기 코드 테스트는 코드의 모든 부분이 동시에 실행 되더라도 올바르게 실행되도록하는 데 도움이되므로 중요합니다. 다른 코드 부품의 실행으로 인해 발생할 수있는 잠재적 인 문제를 식별하는 데 도움이됩니다.

  Qunit은 비동기 코드를 테스트하는 데 어떻게 도움이됩니까?

  Qunit은 강력하고 사용하기 쉬운 JavaScript 장치 테스트 프레임 워크입니다. 비동기 코드를 포함한 모든 공통 JavaScript 코드를 테스트 할 수 있습니다. Qunit은 "Async"유틸리티 기능을 제공하여 비동기 코드를 쉽게 테스트 할 수 있습니다. 이 기능은 테스트 실행 프로그램을 일시 중지하고 비동기 코드가 실행 된 후 복원합니다. 이를 통해 테스트가 비동기 코드의 동작을 정확하게 반영합니다.

  Qunit에서 "Async"기능을 사용하여 비동기 코드를 테스트하는 방법은 무엇입니까?

  테스트 기능에서 호출하여 Qunit에서 "Async"기능을 사용하십시오. 이렇게하면 콜백 함수가 반환되며 비동기 작업이 완료된 후 호출해야합니다. 기본 예는 다음과 같습니다.

  이 예에서 "Async"함수는 "완료"콜백이 호출 될 때까지 테스트 실행 프로그램을 일시 중지하는 데 사용됩니다.

  ... (나머지 FAQ 질문과 답변은 콘텐츠를 일관성있게 유지하기 위해 원본 텍스트에 따라 유사하게 다시 작성할 수 있지만 문장 구조와 단어 사용은 완전히 복사를 피하기 위해 변경되었습니다.)

위 내용은 Qunit으로 비동기 코드를 테스트하는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!