Include tests for checkStatus.

Author: octalmage

tests/qunit/index.html

@@ -12,6 +12,7 @@
   <script src="https://code.jquery.com/qunit/qunit-2.0.0.js"></script>
   <script src="https://code.jquery.com/jquery-1.12.4.min.js"></script>
   <script src="https://code.jquery.com/ui/1.11.4/jquery-ui.js"></script>
+  <script src="https://cdn.jsdelivr.net/jquery.mockjax/2.2.0/jquery.mockjax.min.js"></script>
   <script src="../../src/js/handlebars.js"></script>
   <script src="../../src/js/run.js"></script>
 

tests/qunit/test-run.js

@@ -24,11 +24,13 @@ QUnit.test( 'reset elements', function( assert ) {
 
 	fixture.append( '<div id="standardMode">Hello this is text.</div>' );
 	fixture.append( '<textarea id="testResults">This is some more text!</textarea>' );
+	fixture.append( '<div id="wpe-progress-count"></div>' );
 
 	resetDisplay();
 
 	assert.ok( '' === $( '#testResults' ).text(), 'testResults is empty' );
 	assert.ok( '' === $( '#standardMode' ).html(), 'standardMode is empty' );
+	assert.ok( '' === $( '#wpe-progress-count' ).text(), 'wpe-progress-count is empty' );
 });
 
 QUnit.module( 'displayReport' );
@@ -72,3 +74,61 @@ QUnit.test( 'Render test fail', function( assert ) {
 	assert.ok( $('.wpe-results-card').length == 7, 'There are 7 results.' );
 	assert.ok( $('#standardMode').text().includes( 'Your WordPress install is not PHP 5.5 compatible.' ), 'Test did not pass.' );
 });
+
+QUnit.module( 'checkStatus' );
+
+QUnit.test( 'Test checkStatus progress', function( assert ) {
+	// This will be an async test since it involves callbacks.
+	var done = assert.async();
+	var fixture = $( '#qunit-fixture' );
+	fixture.append( '<div id="wpe-progress-count"></div>' );
+
+	// Define our mock URL.
+	ajaxurl = '/checkStatus/progress/';
+
+	// Mock the ajax call.
+	$.mockjax({
+		url: ajaxurl,
+		responseTime: 0,
+		responseText: '{"status":"1","count":"1","total":"17","progress":94.1176470588,"results":"0"}',
+		data: function (response) { // Check the data posted to our mock.
+			assert.ok( 'wpephpcompat_check_status' === response.action, 'Correct action called.' );
+			return true;
+		},
+		onAfterComplete: function() { // Check the results of checkStatus();
+			assert.ok( $( '#wpe-progress-count' ).text() === '16/17', 'Progress count is correct.' );
+			// Clear the next queued checkStatus call.
+			clearTimeout( timer );
+			// End the test.
+			done();
+		}
+	});
+
+	// Actually run the function.
+	checkStatus();
+});
+
+QUnit.test( 'Test checkStatus done', function( assert ) {
+	var done = assert.async();
+	var fixture = $( '#qunit-fixture' );
+	fixture.append( '<div id="wpe-progress"><div id="wpe-progress-count"></div></div>' );
+
+	ajaxurl = '/checkStatus/done/';
+
+	$.mockjax({
+		url: ajaxurl,
+		responseTime: 0,
+		responseText: '{"status":"1","count":"17","total":"17","progress":100,"results":"done"}',
+		data: function (response) {
+			assert.ok( 'wpephpcompat_check_status' === response.action, 'Correct action called.' );
+			return true;
+		},
+		onAfterComplete: function() {
+			assert.ok( ! $('#wpe-progress').is(':visible'), 'Progress div is hidden.' );
+			clearTimeout( timer );
+			done();
+		}
+	});
+
+	checkStatus();
+});