Book Image

JavaScript Unit Testing

By : Hazem Saleh
Book Image

JavaScript Unit Testing

By: Hazem Saleh

Overview of this book

<p>The largest challenge for many developers’ day to day life is ensuring the support of, and assuring the reach of, their product. With the ever increasing number of mainstream web browsers this is becoming a more difficult task for JavaScript coders. <br /><br />From the beginning, JavaScript Unit Testing will show you how to reduce the time you spend testing, and automate and ensure efficiency in guaranteeing your success.<br /><br />JavaScript Unit Testing will introduce and help you master the art of efficiently performing and automating JavaScript Unit tests for your web applications.<br /><br />Using the most popular JavaScript unit testing frameworks, you will develop, integrate, and automate all the tests you need to ensure the widest reach and success of your web application.<br /><br />Covering the most popular JavaScript Unit testing frameworks of today, JavaScript Unit Testing is your bible to ensuring the functionality and success of all of your JavaScript and Ajax Web Applications.<br /><br />Starting with Jasmine, you will also learn about, and use, YUITest, QUnit, and JsTestDriver, integrate them into your projects, and use them together to generate reports.<br /><br />Learn to automate these tools, make them work for you, and include the power of these tools in your projects from day one.</p>
Table of Contents (12 chapters)

Testing asynchronous (Ajax) JavaScript code


The common question that comes to mind is how to test asynchronous (Ajax) JavaScript code using QUnit. What has been mentioned in the chapter so far is how to perform unit testing for synchronous JavaScript code. QUnit provides two main APIs, namely stop() and start(), in order to perform real Ajax testing. Let me show you how to use them.

The stop and start APIs

The stop() API stops the QUnit test runner until the start() API is called or the test function is timed out. For example:

QUnit.config.testTimeout = 10000;
test("test function1", function() {
  stop();
  
  window.setTimeout(function() {
    ok(true);
    start();
  }, 3000);
});

As shown in the preceding code snippet, the "test function1" function stops the QUnit test runner by calling the stop() API. The window.setTimeout function resumes the test runner by calling the start() API after 3000 milliseconds.

In order to specify the test function timeout, you can set the global property QUnit...