Sheriff-O-Matic: Transition more unit tests to mocha.

Tools/GardeningServer/ui/test/ct-embedded-flakiness-dashboard-tests.html

Index: Tools/GardeningServer/ui/test/ct-embedded-flakiness-dashboard-tests.html
diff --git a/Tools/GardeningServer/ui/ct-embedded-flakiness-dashboard-tests.html b/Tools/GardeningServer/ui/test/ct-embedded-flakiness-dashboard-tests.html
similarity index 16%
rename from Tools/GardeningServer/ui/ct-embedded-flakiness-dashboard-tests.html
rename to Tools/GardeningServer/ui/test/ct-embedded-flakiness-dashboard-tests.html
index 93d7e0e78845366ce66cdecdda482dbe5800298d..102145be180dc97e60c2a93e71f92fd9b20e7c6c 100644
--- a/Tools/GardeningServer/ui/ct-embedded-flakiness-dashboard-tests.html
+++ b/Tools/GardeningServer/ui/test/ct-embedded-flakiness-dashboard-tests.html
@@ -4,55 +4,65 @@ 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-embedded-flakiness-dashboard.html">
+<link rel="import" href="../ct-embedded-flakiness-dashboard.html">
 
 <script>
-(function() {
-
-module("ct-embedded-flakiness-dashboard");
-
-asyncTest("url", 1, function() {
-  var oldUrlForEmbeddedFlakinessDashboard = ui.urlForEmbeddedFlakinessDashboard;
-  var reset = function() {
-    ui.urlForEmbeddedFlakinessDashboard = oldUrlForEmbeddedFlakinessDashboard;
-  }
-
-  try {
-    ui.urlForEmbeddedFlakinessDashboard = function(test, step, tree) { return "about:blank#" + test + step + tree; }
-    var embeddedFlakinessDashboard = document.createElement('ct-embedded-flakiness-dashboard');
-    var testName = "foo/bar.html";
-    var step = "foo_tests";
-    var tree = "blink";
-    embeddedFlakinessDashboard.test = {
-      testName: testName,
-      step: step,
-    };
-    embeddedFlakinessDashboard.tree = tree;
-
-    requestAnimationFrame(function() {
+(function () {
+
+var assert = chai.assert;
+
+describe('ct-embedded-flakiness-dashboard', function() {
+  var embeddedFlakinessDashboard;
+
+  describe('embedded flakiness dashboard UI', function() {
+    var oldUrlForEmbeddedFlakinessDashboard = ui.urlForEmbeddedFlakinessDashboard;
+    var testName;
+    var step;
+    var tree;
+
+    beforeEach(function(done) {
+      ui.urlForEmbeddedFlakinessDashboard = function(test, step, tree) { return "about:blank#" + test + step + tree; }
+      embeddedFlakinessDashboard = document.createElement('ct-embedded-flakiness-dashboard');
+      testName = "foo/bar.html";
+      step = "foo_tests";
+      tree = "blink";
+      embeddedFlakinessDashboard.test = {
+        testName: testName,
+        step: step,
+      };
+      embeddedFlakinessDashboard.tree = tree;
+
+      setTimeout(done);
+    });
+
+    afterEach(function() {
+      ui.urlForEmbeddedFlakinessDashboard = oldUrlForEmbeddedFlakinessDashboard;
+    });
+
+    it('should point the iframe to the dashboard', function() {
       var iframe = embeddedFlakinessDashboard.shadowRoot.querySelector('#iframe');
-      equal(iframe.src, ui.urlForEmbeddedFlakinessDashboard(testName, step, tree));
-      reset();
-      start();
+      assert.equal(iframe.src, ui.urlForEmbeddedFlakinessDashboard(testName, step, tree));
     });
-  } catch (e) {
-    reset();
-  }
-});
+  });
 
-asyncTest("heightChanged", 1, function() {
-  var embeddedFlakinessDashboard = document.createElement('ct-embedded-flakiness-dashboard');
+  describe('heightChanged', function() {
+    beforeEach(function(done) {
+      embeddedFlakinessDashboard = document.createElement('ct-embedded-flakiness-dashboard');
 
-  function finishTest() {
-    window.removeEventListener('message', finishTest);
-    var iframe = embeddedFlakinessDashboard.shadowRoot.querySelector('#iframe');
-    equal(iframe.style.height, "100px");
-    start();
-  }
-  window.addEventListener('message', finishTest);
+      setTimeout(done);
+    });
+
+    it('should resize the iframe', function(done) {
+      var finishTest = function() {
+        window.removeEventListener('message', finishTest);
+        var iframe = embeddedFlakinessDashboard.shadowRoot.querySelector('#iframe');
+        assert.equal(iframe.style.height, '100px');
+        done();
+      };
 
-  requestAnimationFrame(function() {
-    window.postMessage({command: 'heightChanged', height: "100"}, '*');
+      window.addEventListener('message', finishTest);
+      window.postMessage({command: 'heightChanged', height: "100"}, '*');
+    });
   });
 });