Convert moar Sheriff-o-Matic tests to Polymer.

Tools/GardeningServer/ui/test/ct-results-comparison-tests.html

Index: Tools/GardeningServer/ui/test/ct-results-comparison-tests.html
diff --git a/Tools/GardeningServer/ui/ct-results-comparison-tests.html b/Tools/GardeningServer/ui/test/ct-results-comparison-tests.html
similarity index 11%
rename from Tools/GardeningServer/ui/ct-results-comparison-tests.html
rename to Tools/GardeningServer/ui/test/ct-results-comparison-tests.html
index 21637b59ac8ed4838dfee8c0d1c8b6dd1402903a..920513557546a53b40612ca148571abfe7fb926b 100644
--- a/Tools/GardeningServer/ui/ct-results-comparison-tests.html
+++ b/Tools/GardeningServer/ui/test/ct-results-comparison-tests.html
@@ -4,70 +4,83 @@ Use of this source code is governed by a BSD-style license that can be
 found in the LICENSE file.
 -->
 
-<link rel="import" href="ct-results-comparison.html">
+<link rel="import" href="../ct-results-comparison.html">
 
 <script>
 (function () {
 
-module("ct-results-comparison");
+var assert = chai.assert;
 
-asyncTest("basic", 8, function() {
-  var comparison = document.createElement('ct-results-comparison');
-  comparison.type = results.kImageType;
+describe('ct-results-comparison', function() {
+  describe('results comparison UI', function() {
+    var comparison;
+    var expected, actual, diff;
 
-  var expected = "http://domain.com/dummy-expected";
-  var actual = "http://domain.com/dummy-actual";
-  var diff = "http://domain.com/dummy-diff";
+    before(function(done) {
+      comparison = document.createElement('ct-results-comparison');
+      comparison.type = results.kImageType;
 
-  comparison.expectedUrl = expected;
-  comparison.actualUrl = actual;
-  comparison.diffUrl = diff;
+      expected = "http://domain.com/dummy-expected";
+      actual = "http://domain.com/dummy-actual";
+      diff = "http://domain.com/dummy-diff";
 
-  requestAnimationFrame(function() {
-    var outputs = comparison.shadowRoot.querySelectorAll('ct-test-output');
-    equal(outputs.length, 3);
+      comparison.expectedUrl = expected;
+      comparison.actualUrl = actual;
+      comparison.diffUrl = diff;
 
-    // Verify we didn't typo any of the bindings.
-    equal(outputs[0].type, results.kImageType);
-    equal(outputs[0].url, expected);
-    equal(outputs[1].type, results.kImageType);
-    equal(outputs[1].url, actual);
-    equal(outputs[2].type, results.kImageType);
-    equal(outputs[2].url, diff);
+      setTimeout(done);
+    });
 
-    equal(comparison.shadowRoot.querySelectorAll('ct-results-comparison-zoomer').length, 0);
+    it('should show expected, actual and diff', function() {
+      var outputs = comparison.shadowRoot.querySelectorAll('ct-test-output');
+      assert.lengthOf(outputs, 3);
 
-    start();
-  });
-});
+      // Verify we didn't typo any of the bindings.
+      assert.equal(outputs[0].type, results.kImageType);
+      assert.equal(outputs[0].url, expected);
+      assert.equal(outputs[1].type, results.kImageType);
+      assert.equal(outputs[1].url, actual);
+      assert.equal(outputs[2].type, results.kImageType);
+      assert.equal(outputs[2].url, diff);
 
-asyncTest('zoomer', 3, function() {
-  // FIXME: Create a MouseEventMock class to use here.
-  var mockMouseEvent = {
-    clientX: 0,
-    clientY: 0,
-    target: document.createElement('div'),
-  }
-
-  var imageComparison = document.createElement('ct-results-comparison');
-  imageComparison.type = results.kImageType;
+      assert.lengthOf(comparison.shadowRoot.querySelectorAll('ct-results-comparison-zoomer'), 0);
+    });
+  });
 
-  var nonImageComparison = document.createElement('ct-results-comparison');
+  describe('zoomer', function() {
+    // FIXME: Create a MouseEventMock class to use here.
+    var mockMouseEvent = {
+      clientX: 0,
+      clientY: 0,
+      target: document.createElement('div'),
+    };
+
+    var imageComparison;
+    var nonImageComparison;
+
+    before(function(done) {
+      imageComparison = document.createElement('ct-results-comparison');
+      imageComparison.type = results.kImageType;
+      nonImageComparison = document.createElement('ct-results-comparison');
+      setTimeout(done);
+    });
 
-  requestAnimationFrame(function() {
-    imageComparison._handleMouseMove(mockMouseEvent);
-    nonImageComparison._handleMouseMove(mockMouseEvent);
+    before(function(done) {
+      imageComparison._handleMouseMove(mockMouseEvent);
+      nonImageComparison._handleMouseMove(mockMouseEvent);
+      setTimeout(done);
+    });
 
-    requestAnimationFrame(function() {
-      equal(imageComparison.shadowRoot.querySelectorAll('ct-results-comparison-zoomer').length, 1);
-      equal(nonImageComparison.shadowRoot.querySelectorAll('ct-results-comparison-zoomer').length, 0);
+    it('should exist on images', function(done) {
+      assert.lengthOf(imageComparison.shadowRoot.querySelectorAll('ct-results-comparison-zoomer'), 1);
+      assert.lengthOf(nonImageComparison.shadowRoot.querySelectorAll('ct-results-comparison-zoomer'), 0);
 
       imageComparison.type = 'foo';
+      setTimeout(done);
+    });
 
-      requestAnimationFrame(function() {
-        equal(imageComparison.shadowRoot.querySelectorAll('ct-results-comparison-zoomer').length, 0);
-        start();
-      });
+    it('should not exist on other result types', function() {
+      assert.lengthOf(imageComparison.shadowRoot.querySelectorAll('ct-results-comparison-zoomer'), 0);
     });
   });
 });