Set up mocha, chai and karma for sheriff-o-matic unit testing.

Tools/GardeningServer/ui/test/ct-builder-grid-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-builder-grid.html">
+
+<script>
+(function () {
+
+var expect = chai.expect;
+
+var kExampleFailures = [{
+    "testName": "plugins/gesture-events-scrolled.html",
+    "resultNodesByBuilder": {
+        "WebKit Win7 (dbg)": {
+            "actual": "CRASH",
+        },
+        "WebKit Mac10.6 (dbg)": {
+            "actual": "CRASH",
+        },
+        "WebKit Mac10.7": {
+            "actual": "TEXT",
+        }
+    },
+    "oldestFailingRevision": 177164,
+    "newestPassingRevision": 177165
+}, {
+    "testName": "plugins/transformed-events.html",
+    "resultNodesByBuilder": {
+        "WebKit Win7 (dbg)": {
+            "actual": "TEXT",
+        },
+        "WebKit Mac10.7": {
+            "actual": "CRASH",
+        },
+    },
+    "oldestFailingRevision": 177164,
+    "newestPassingRevision": 177165
+}];
+
+var kExampleBuilderLatestRevisions = {
+  'WebKit Mac10.7': {
+    blink: 177164,
+  },
+  'WebKit Mac10.6 (dbg)': {
+    blink: 177166,
+  },
+  'WebKit Win7 (dbg)': {
+    blink: 177166,
+  },
+};
+
+suite('ct-builder-grid', function() {
+  var grid;
+
+  suiteSetup(function(done) {

[esprehn, 2014/07/25 23:59:39]

beforeEach() I think?

[michaelpg, 2014/07/28 20:35:04]

suiteSetup = beforeEach in tdd mode.

+    grid = document.createElement('ct-builder-grid');
+    grid.failures = kExampleFailures;
+    requestAnimationFrame(function() { done(); });
+  });
+
+  suite('basic', function() {
+    test('basic', function() {

[esprehn, 2014/07/25 23:59:39]

describe() and it(), I don't know what suite() is, but with describe/it you
shouldn't need 3 levels.

[michaelpg, 2014/07/28 20:35:04]

suite = describe, test = it.

3 levels seems to be the "canonical" way to do it. hopefully using better
descriptions helps.

+      var rows = grid.shadowRoot.querySelectorAll('tbody tr');
+      expect(rows).lengthOf(2);

[esprehn, 2014/07/25 23:59:39]

I usually use assert.equal(rows.length, 2)

[michaelpg, 2014/07/28 20:35:04]

Done.

+
+      var row1 = grid.shadowRoot.querySelector('tbody td.CRASH').parentNode;
+      expect(row1.children).lengthOf(2);
+      expect(row1.children[1].querySelectorAll('ct-builder')).lengthOf(3);
+      expect(row1.children[1].querySelectorAll('ct-builder')[0].builder).equal('WebKit Mac10.6 (dbg)');
+      expect(row1.children[1].querySelectorAll('ct-builder')[1].builder).equal('WebKit Mac10.7');
+      expect(row1.children[1].querySelectorAll('ct-builder')[2].builder).equal('WebKit Win7 (dbg)');
+
+      var row2 = grid.shadowRoot.querySelector('tbody td.TEXT').parentNode;
+      expect(row2.children).lengthOf(2);
+      expect(row2.children[1].querySelectorAll('ct-builder')).lengthOf(2);
+      expect(row2.children[1].querySelectorAll('ct-builder')[0].builder).equal('WebKit Mac10.7');
+      expect(row2.children[1].querySelectorAll('ct-builder')[1].builder).equal('WebKit Win7 (dbg)');
+    });
+  });
+});
+
+})()
+</script>