stripchart 0.0.3

data/lib/stripchart/public/components/d3/test/selection/selection-select-test.js

@@ -0,0 +1,128 @@
+var vows = require("vows"),
+    load = require("../load"),
+    assert = require("../assert");
+
+var suite = vows.describe("selection.select");
+
+suite.addBatch({
+  "select(body)": {
+    topic: load("selection/selection").document(),
+    "on a simple page": {
+      topic: function(d3) {
+        var body = d3.select("body");
+        body.append("div").attr("class", "first");
+        body.append("div").attr("class", "second");
+        return body;
+      },
+      "selects the first matching element": function(body) {
+        var div = body.select("div");
+        assert.isTrue(div[0][0] === body.node().firstChild);
+        assert.equal(div.length, 1);
+        assert.equal(div[0].length, 1);
+        assert.equal(div.attr("class"), "first");
+      },
+      "propagates parent node to the selected elements": function(body) {
+        var div = body.select("div");
+        assert.isNotNull(div[0].parentNode);
+        assert.isTrue(div[0].parentNode === body.node().parentNode);
+        assert.isTrue(div[0].parentNode === body[0].parentNode);
+      },
+      "propagates data to the selected elements": function(body) {
+        var data = new Object(), div = body.data([data]).select("div");
+        assert.strictEqual(div[0][0].__data__, data);
+      },
+      "does not propagate data if no data was specified": function(body) {
+        delete body.node().__data__;
+        var data = new Object(), div = body.select("div").data([data]);
+        div = body.select("div");
+        assert.strictEqual(div[0][0].__data__, data);
+        assert.isUndefined(body.node().__data__);
+      },
+      "returns null if no match is found": function(body) {
+        var span = body.select("span");
+        assert.equal(span[0][0], null);
+        assert.equal(span.length, 1);
+        assert.equal(span[0].length, 1);
+      },
+      "can select via function": function(body) {
+        body.append("foo");
+        var d = {}, dd = [], ii = [], tt = [],
+            s = body.data([d]).select(function(d, i) { dd.push(d); ii.push(i); tt.push(this); return this.firstChild; });
+        assert.deepEqual(dd, [d], "expected data, got {actual}");
+        assert.deepEqual(ii, [0], "expected index, got {actual}");
+        assert.domEqual(tt[0], body.node(), "expected this, got {actual}");
+        assert.domEqual(s[0][0], body.node().firstChild);
+        delete body.node().__data__;
+      }
+    }
+  }
+});
+
+suite.addBatch({
+  "selectAll(div)": {
+    topic: load("selection/selection").document(),
+    "on a simple page": {
+      topic: function(d3) {
+        var div = d3.select("body").selectAll("div").data([0, 1]).enter().append("div");
+        div.append("span").attr("class", "first");
+        div.append("span").attr("class", "second");
+        return div;
+      },
+      "selects the first matching element": function(div) {
+        var span = div.select("span");
+        assert.isTrue(span[0][0].parentNode === div[0][0]);
+        assert.isTrue(span[0][1].parentNode === div[0][1]);
+        assert.equal(span.length, 1);
+        assert.equal(span[0].length, 2);
+        assert.equal(span.attr("class"), "first");
+      },
+      "propagates parent node to the selected elements": function(div) {
+        var span = div.select("span");
+        assert.isNotNull(span[0].parentNode);
+        assert.isTrue(span[0].parentNode === div.node().parentNode);
+        assert.isTrue(span[0].parentNode === div[0].parentNode);
+      },
+      "propagates data to the selected elements": function(div) {
+        var data = new Object(), span = div.data([data]).select("span");
+        assert.strictEqual(span[0][0].__data__, data);
+      },
+      "does not propagate data if no data was specified": function(div) {
+        delete div[0][0].__data__;
+        delete div[0][1].__data__;
+        var a = new Object(), b = new Object(), span = div.select("span").data([a, b]);
+        span = div.select("span");
+        assert.strictEqual(span[0][0].__data__, a);
+        assert.strictEqual(span[0][1].__data__, b);
+        assert.isUndefined(div[0][0].__data__);
+        assert.isUndefined(div[0][1].__data__);
+      },
+      "returns null if no match is found": function(div) {
+        var div = div.select("div");
+        assert.equal(div[0][0], null);
+        assert.equal(div[0][1], null);
+        assert.equal(div.length, 1);
+        assert.equal(div[0].length, 2);
+      },
+      "can select via function": function(div) {
+        var dd = [], ii = [], tt = [],
+            s = div.data(["a", "b"]).select(function(d, i) { dd.push(d); ii.push(i); tt.push(this); return this.firstChild; });
+        assert.deepEqual(dd, ["a", "b"], "expected data, got {actual}");
+        assert.deepEqual(ii, [0, 1], "expected index, got {actual}");
+        assert.domEqual(tt[0], div[0][0], "expected this, got {actual}");
+        assert.domEqual(tt[1], div[0][1], "expected this, got {actual}");
+        assert.domEqual(s[0][0], div[0][0].firstChild);
+        assert.domEqual(s[0][1], div[0][1].firstChild);
+      },
+      "ignores null nodes": function(div) {
+        div[0][1] = null;
+        var span = div.select("span");
+        assert.equal(span.length, 1);
+        assert.equal(span[0].length, 2);
+        assert.isTrue(span[0][0].parentNode === div[0][0]);
+        assert.isNull(span[0][1]);
+      }
+    }
+  }
+});
+
+suite.export(module);

data/lib/stripchart/public/components/d3/test/selection/selection-selectAll-test.js

@@ -0,0 +1,131 @@
+var vows = require("vows"),
+    load = require("../load"),
+    assert = require("../assert");
+
+var suite = vows.describe("selection.selectAll");
+
+suite.addBatch({
+  "select(body)": {
+    topic: load("selection/selection").document(),
+    "on a simple page": {
+      topic: function(d3) {
+        var body = d3.select("body");
+        body.append("div").attr("class", "first");
+        body.append("div").attr("class", "second");
+        return body;
+      },
+      "selects all matching elements": function(body) {
+        var div = body.selectAll("div");
+        assert.isTrue(div[0][0] === body.node().firstChild);
+        assert.isTrue(div[0][1] === body.node().lastChild);
+        assert.equal(div.length, 1);
+        assert.equal(div[0].length, 2);
+      },
+      "propagates parent node to the selected elements": function(body) {
+        var div = body.selectAll("div");
+        assert.isNotNull(div[0].parentNode);
+        assert.isTrue(div[0].parentNode === body.node());
+      },
+      "does not propagate data if data was specified": function(body) {
+        var div = body.data([new Object()]).selectAll("div");
+        assert.isUndefined(div[0][0].__data__);
+        assert.isUndefined(div[0][1].__data__);
+      },
+      "does not propagate data if data was not specified": function(body) {
+        var div = body.selectAll("div").data([1, 2]);
+        div = body.data([new Object()]).selectAll("div");
+        assert.equal(div[0][0].__data__, 1);
+        assert.equal(div[0][1].__data__, 2);
+      },
+      "returns empty array if no match is found": function(body) {
+        var span = body.selectAll("span");
+        assert.equal(span.length, 1);
+        assert.equal(span[0].length, 0);
+      },
+      "can select via function": function(body) {
+        var d = {}, dd = [], ii = [], tt = [],
+            s = body.data([d]).selectAll(function(d, i) { dd.push(d); ii.push(i); tt.push(this); return this.childNodes; });
+        assert.deepEqual(dd, [d], "expected data, got {actual}");
+        assert.deepEqual(ii, [0], "expected index, got {actual}");
+        assert.domEqual(tt[0], body.node(), "expected this, got {actual}");
+        assert.domEqual(s[0][0], body.node().firstChild);
+        assert.domEqual(s[0][1], body.node().lastChild);
+        delete body.node().__data__;
+      }
+    }
+  }
+});
+
+suite.addBatch({
+  "selectAll(div)": {
+    topic: load("selection/selection").document(),
+    "on a simple page": {
+      topic: function(d3) {
+        var div = d3.select("body").append("div").selectAll("div").data([0, 1]).enter().append("div");
+        div.append("span").attr("class", "first");
+        div.append("span").attr("class", "second");
+        return div;
+      },
+      "selects all matching elements": function(div) {
+        var span = div.selectAll("span");
+        assert.equal(span.length, 2);
+        assert.equal(span[0].length, 2);
+        assert.isTrue(span[0][0].parentNode === div[0][0]);
+        assert.isTrue(span[0][1].parentNode === div[0][0]);
+        assert.isTrue(span[1][0].parentNode === div[0][1]);
+        assert.isTrue(span[1][1].parentNode === div[0][1]);
+      },
+      "propagates parent node to the selected elements": function(div) {
+        var span = div.selectAll("span");
+        assert.isNotNull(span[0].parentNode);
+        assert.isTrue(span[0].parentNode === div[0][0]);
+        assert.isTrue(span[1].parentNode === div[0][1]);
+      },
+      "does not propagate data if data was specified": function(div) {
+        var span = div.selectAll("span");
+        delete span[0][0].__data__;
+        delete span[0][1].__data__;
+        span = div.data([new Object(), new Object()]).selectAll("span");
+        assert.isUndefined(span[0][0].__data__);
+        assert.isUndefined(span[0][1].__data__);
+      },
+      "does not propagate data if data was not specified": function(div) {
+        var a = new Object(), b = new Object(), span = div.selectAll("span").data([a, b]);
+        delete div[0][0].__data__;
+        delete div[0][1].__data__;
+        span = div.selectAll("span");
+        assert.equal(span[0][0].__data__, a);
+        assert.equal(span[0][1].__data__, b);
+      },
+      "returns empty array if no match is found": function(div) {
+        var div = div.selectAll("div");
+        assert.equal(div.length, 2);
+        assert.equal(div[0].length, 0);
+        assert.equal(div[1].length, 0);
+      },
+      "can select via function": function(div) {
+        var dd = [], ii = [], tt = [],
+            s = div.data(["a", "b"]).selectAll(function(d, i) { dd.push(d); ii.push(i); tt.push(this); return this.childNodes; });
+        assert.deepEqual(dd, ["a", "b"], "expected data, got {actual}");
+        assert.deepEqual(ii, [0, 1], "expected index, got {actual}");
+        assert.domEqual(tt[0], div[0][0], "expected this, got {actual}");
+        assert.domEqual(tt[1], div[0][1], "expected this, got {actual}");
+        assert.domEqual(s[0][0], div[0][0].firstChild);
+        assert.domEqual(s[0][1], div[0][0].lastChild);
+        assert.domEqual(s[1][0], div[0][1].firstChild);
+        assert.domEqual(s[1][1], div[0][1].lastChild);
+      },
+      "ignores null nodes": function(div) {
+        var node = div[0][1];
+        div[0][1] = null;
+        var span = div.selectAll("span");
+        assert.equal(span.length, 1);
+        assert.equal(span[0].length, 2);
+        assert.isTrue(span[0][0].parentNode === div[0][0]);
+        assert.isTrue(span[0][1].parentNode === div[0][0]);
+      }
+    }
+  }
+});
+
+suite.export(module);

data/lib/stripchart/public/components/d3/test/selection/selection-test.js

@@ -0,0 +1,38 @@
+var vows = require("vows"),
+    load = require("../load"),
+    assert = require("../assert");
+
+var suite = vows.describe("d3.selection");
+
+suite.addBatch({
+  "selection": {
+    topic: load("selection/selection").document(),
+    "selects the document element": function(d3) {
+      var selection = d3.selection();
+      assert.equal(selection.length, 1);
+      assert.equal(selection[0].length, 1);
+      assert.equal(selection[0][0].nodeType, 1);
+      assert.equal(selection[0][0].tagName, "HTML");
+    },
+    "the parentNode is also the document element": function(d3) {
+      var parentNode = d3.selection()[0].parentNode;
+      assert.equal(parentNode.nodeType, 1);
+      assert.equal(parentNode.tagName, "HTML");
+    },
+    "is an instanceof d3.selection": function(d3) {
+      assert.instanceOf(d3.selection(), d3.selection);
+    },
+    "subselections are also instanceof d3.selection": function(d3) {
+      assert.instanceOf(d3.selection().select("body"), d3.selection);
+      assert.instanceOf(d3.selection().selectAll("body"), d3.selection);
+    },
+    "selection prototype can be extended": function(d3) {
+      d3.selection.prototype.foo = function(v) { return this.attr("foo", v); };
+      var body = d3.selection().select("body").foo(42);
+      assert.equal(body.attr("foo"), "42");
+      delete d3.selection.prototype.foo;
+    }
+  }
+});
+
+suite.export(module);

data/lib/stripchart/public/components/d3/test/selection/size-test.js

@@ -0,0 +1,52 @@
+var vows = require("vows"),
+    load = require("../load"),
+    assert = require("../assert");
+
+var suite = vows.describe("selection.size");
+
+suite.addBatch({
+  "select(body)": {
+    topic: load("selection/size").document(),
+    "on a simple page": {
+      topic: function(d3) {
+        return d3.select("body");
+      },
+      "returns zero for empty selections": function(body) {
+        assert.equal(body.select("foo").size(), 0);
+      },
+      "returns one for a singleton selection": function(body) {
+        assert.equal(body.size(), 1);
+      },
+      "does not count null nodes": function(body) {
+        body[0][0] = null;
+        assert.equal(body.size(), 0);
+      }
+    }
+  }
+});
+
+suite.addBatch({
+  "selectAll(div)": {
+    topic: load("selection/size").document(),
+    "on a simple page": {
+      topic: function(d3) {
+        var body = d3.select("body");
+        body.append("div").append("span");
+        body.append("div");
+        return body.selectAll("div");
+      },
+      "returns null for empty selections": function(div) {
+        assert.equal(div.select("foo").size(), 0);
+      },
+      "returns the number of non-null nodes": function(div) {
+        assert.equal(div.size(), 2);
+      },
+      "does not count null nodes": function(div) {
+        div[0][0] = null;
+        assert.equal(div.size(), 1);
+      }
+    }
+  }
+});
+
+suite.export(module);

data/lib/stripchart/public/components/d3/test/selection/sort-test.js

@@ -0,0 +1,81 @@
+var vows = require("vows"),
+    load = require("../load"),
+    assert = require("../assert");
+
+var suite = vows.describe("selection.sort");
+
+suite.addBatch({
+  "selectAll(div).selectAll(span)": {
+    topic: load("selection/sort").document(),
+    "on a page with some spans": {
+      topic: function(d3) {
+        return d3.select("body").append("div").selectAll("div")
+            .data([1, 2, 10, 20])
+          .enter().append("div")
+          .selectAll("span")
+            .data(function(d) { return [20 + d, 2 + d, 10, 1]; })
+          .enter().append("span");
+      },
+      "sorts elements by natural order": function(span) {
+        span.sort();
+        assert.domNull(span[0][0].previousSibling);
+        assert.domEqual(span[0][1].previousSibling, span[0][0]);
+        assert.domEqual(span[0][2].previousSibling, span[0][1]);
+        assert.domEqual(span[0][3].previousSibling, span[0][2]);
+        assert.domNull(span[0][3].nextSibling);
+      },
+      "sorts each group independently": function(span) {
+        span.sort(function(a, b) { return b - a; });
+        assert.deepEqual(span[0].map(data), [21, 10, 3, 1]);
+        assert.deepEqual(span[1].map(data), [22, 10, 4, 1]);
+        assert.deepEqual(span[2].map(data), [30, 12, 10, 1]);
+        assert.deepEqual(span[3].map(data), [40, 22, 10, 1]);
+      },
+      "sorts using the specified comparator": function(span) {
+        span.sort(function(a, b) { return (a + "").localeCompare(b + ""); });
+        assert.deepEqual(span[0].map(data), [1, 10, 21, 3]);
+        assert.deepEqual(span[1].map(data), [1, 10, 22, 4]);
+        assert.deepEqual(span[2].map(data), [1, 10, 12, 30]);
+        assert.deepEqual(span[3].map(data), [1, 10, 22, 40]);
+      },
+      "returns the current selection": function(span) {
+        assert.isTrue(span.sort() === span);
+      },
+      "sorts null nodes at the end of the selection": function(span) {
+        var nulls = 0;
+        span[0][0].parentNode.removeChild(span[0][0]);
+        span[0][0] = null;
+        span.sort(function(a, b) { if ((a === null) || (b === null)) ++nulls; return a - b; });
+        assert.equal(nulls, 0);
+
+        assert.isNull(span[0][3]);
+        assert.domNull(span[0][0].previousSibling);
+        assert.domEqual(span[0][1], span[0][0].nextSibling);
+        assert.domEqual(span[0][0], span[0][1].previousSibling);
+        assert.domEqual(span[0][2], span[0][1].nextSibling);
+        assert.domEqual(span[0][1], span[0][2].previousSibling);
+        assert.domNull(span[0][2].nextSibling);
+        assert.deepEqual(span[0].slice(0, -1).map(data), [3, 10, 21]);
+
+        for (var i = 1; i < 4; ++i) {
+          var d = span[i].parentNode.__data__;
+          assert.domNull(span[i][0].previousSibling);
+          assert.domEqual(span[i][1], span[i][0].nextSibling);
+          assert.domEqual(span[i][0], span[i][1].previousSibling);
+          assert.domEqual(span[i][2], span[i][1].nextSibling);
+          assert.domEqual(span[i][1], span[i][2].previousSibling);
+          assert.domEqual(span[i][3], span[i][2].nextSibling);
+          assert.domEqual(span[i][2], span[i][3].previousSibling);
+          assert.domNull(span[i][3].nextSibling);
+          assert.deepEqual(span[i].map(data), [1, 2 + d, 10, 20 + d].sort(function(a, b) { return a - b; }));
+        }
+      }
+    }
+  }
+});
+
+function data(d) {
+  return d.__data__;
+}
+
+suite.export(module);

data/lib/stripchart/public/components/d3/test/selection/style-test.js

@@ -0,0 +1,129 @@
+var vows = require("vows"),
+    _ = require("../../"),
+    load = require("../load"),
+    assert = require("../assert");
+
+var suite = vows.describe("selection.style");
+
+suite.addBatch({
+  "on select(body)": {
+    topic: load("selection/style").document(),
+    "on an initially-empty page": {
+      topic: function(d3) {
+        return d3.select("body");
+      },
+      "sets a property as a string": function(body) {
+        body.style("background-color", "red");
+        assert.equal(body.node().style.getPropertyValue("background-color"), "red");
+      },
+      "sets a property as a number": function(body) {
+        body.style("opacity", .3);
+        assert.equal(body.node().style.getPropertyValue("opacity"), "0.3");
+      },
+      "sets a property as a function": function(body) {
+        body.style("background-color", function() { return "orange"; });
+        assert.equal(body.node().style.getPropertyValue("background-color"), "orange");
+      },
+      "sets properties as a map of constants": function(body) {
+        body.style({"background-color": "white", opacity: .42});
+        assert.equal(body.node().style.getPropertyValue("background-color"), "white");
+        assert.equal(body.node().style.getPropertyValue("opacity"), "0.42");
+      },
+      "sets properties as a map of functions": function(body) {
+        body.data(["orange"]).style({"background-color": String, opacity: function(d, i) { return i; }});
+        assert.equal(body.node().style.getPropertyValue("background-color"), "orange");
+        assert.equal(body.node().style.getPropertyValue("opacity"), "0");
+      },
+      "gets a property value": function(body) {
+        body.node().style.setProperty("background-color", "yellow", "");
+        assert.equal(body.style("background-color"), "yellow");
+      },
+      "observes the specified priority": function(body) {
+        body.style("background-color", "green", "important");
+        assert.equal(body.node().style.getPropertyPriority("background-color"), "important");
+        body.style({opacity: .52}, "important");
+        assert.equal(body.node().style.getPropertyPriority("opacity"), "important");
+        body.style({visibility: function() { return "visible"; }}, "important");
+        assert.equal(body.node().style.getPropertyPriority("visibility"), "important");
+      },
+      "removes a property as null": function(body) {
+        body.style("background-color", "green").style("background-color", null);
+        assert.equal(body.style("background-color"), "");
+      },
+      "removes a property as a function": function(body) {
+        body.style("background-color", "green").style("background-color", function() { return null; });
+        assert.equal(body.style("background-color"), "");
+      },
+      "removes properties as a map of nulls": function(body) {
+        body.node().style.setProperty("background-color", "purple");
+        body.style({"background-color": null});
+        assert.equal(body.style("background-color"), "");
+      },
+      "removes properties as a map of functions that return null": function(body) {
+        body.node().style.setProperty("background-color", "purple");
+        body.style({"background-color": function() {}});
+        assert.equal(body.style("background-color"), "");
+      },
+      "returns the current selection": function(body) {
+        assert.isTrue(body.style("background-color", "green") === body);
+      }
+    }
+  }
+});
+
+suite.addBatch({
+  "on selectAll(div)": {
+    topic: load("selection/style").document(),
+    "on a page with a few divs": {
+      topic: function(d3) {
+        return d3.select("body").selectAll("div").data([0, 1]).enter().append("div");
+      },
+      "sets a property as a string": function(div) {
+        div.style("background-color", "red");
+        assert.equal(div[0][0].style.getPropertyValue("background-color"), "red");
+        assert.equal(div[0][1].style.getPropertyValue("background-color"), "red");
+      },
+      "sets a property as a number": function(div) {
+        div.style("opacity", .5);
+        assert.equal(div[0][0].style.getPropertyValue("opacity"), "0.5");
+        assert.equal(div[0][1].style.getPropertyValue("opacity"), "0.5");
+      },
+      "sets a property as a function": function(div) {
+        div.style("background-color", _.interpolateRgb("orange", "yellow"));
+        assert.equal(div[0][0].style.getPropertyValue("background-color"), "#ffa500");
+        assert.equal(div[0][1].style.getPropertyValue("background-color"), "#ffff00");
+      },
+      "gets a property value": function(div) {
+        div[0][0].style.setProperty("background-color", "green", "");
+        assert.equal(div.style("background-color"), "green");
+      },
+      "observes the specified priority": function(div) {
+        div.style("background-color", "blue", "important");
+        assert.equal(div[0][0].style.getPropertyPriority("background-color"), "important");
+        assert.equal(div[0][1].style.getPropertyPriority("background-color"), "important");
+      },
+      "removes a property as null": function(div) {
+        div.style("background-color", "red").style("background-color", null);
+        assert.equal(div[0][0].style.getPropertyValue("background-color"), "");
+        assert.equal(div[0][1].style.getPropertyValue("background-color"), "");
+      },
+      "removes a property as a function": function(div) {
+        div.style("background-color", "red").style("background-color", function() { return null; });
+        assert.equal(div[0][0].style.getPropertyValue("background-color"), "");
+        assert.equal(div[0][1].style.getPropertyValue("background-color"), "");
+      },
+      "returns the current selection": function(div) {
+        assert.isTrue(div.style("background-color", "green") === div);
+      },
+      "ignores null nodes": function(div) {
+        var node = div[0][1];
+        div[0][1] = null;
+        div.style("background-color", null).style("background-color", "red");
+        assert.equal(div[0][0].style.getPropertyValue("background-color"), "red");
+        assert.equal(node.style.getPropertyValue("background-color"), "green");
+      }
+    }
+  }
+});
+
+suite.export(module);