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

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

 <!--
 Copyright 2014 The Chromium Authors. All rights reserved.
 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() {
+(function () {
 
-module("ct-embedded-flakiness-dashboard");
+var assert = chai.assert;
 
-asyncTest("url", 1, function() {
-  var oldUrlForEmbeddedFlakinessDashboard = ui.urlForEmbeddedFlakinessDashboard;
-  var reset = function() {
-    ui.urlForEmbeddedFlakinessDashboard = oldUrlForEmbeddedFlakinessDashboard;
-  }
+describe('ct-embedded-flakiness-dashboard', function() {
+  var embeddedFlakinessDashboard;
 
-  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;
+  describe('embedded flakiness dashboard UI', function() {
+    var oldUrlForEmbeddedFlakinessDashboard = ui.urlForEmbeddedFlakinessDashboard;
+    var testName;
+    var step;
+    var tree;
 
-    requestAnimationFrame(function() {
+    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);
+    });
 
-  requestAnimationFrame(function() {
-    window.postMessage({command: 'heightChanged', height: "100"}, '*');
+    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();
+      };
+
+      window.addEventListener('message', finishTest);
+      window.postMessage({command: 'heightChanged', height: "100"}, '*');
+    });
   });
 });
 
 })()
 </script>