d3-jsnext/test/selection/order-test.js

d3, but futuristic

require( 'babel/register' );

var vows = require("vows"),
    load = require("../load"),
    assert = require("../assert");

var suite = vows.describe("selection.order");

suite.addBatch({
  "selectAll(div)": {
    topic: load("selection/call").document(),
    "on a simple page": {
      topic: function(d3) {
        return d3.select("body").selectAll("div")
            .data([1, 2, 10, 20])
          .enter().append("div")
            .attr("id", String);
      },
      "orders elements by data": function(div) {
        div = div.data([1, 10, 20, 2], String).order();
        assert.domNull(div[0][0].previousSibling);
        assert.domEqual(div[0][1].previousSibling, div[0][0]);
        assert.domEqual(div[0][2].previousSibling, div[0][1]);
        assert.domEqual(div[0][3].previousSibling, div[0][2]);
        assert.domNull(div[0][3].nextSibling);
      },
      "returns the current selection": function(span) {
        assert.isTrue(span.order() === span);
      }
    }
  }
});

suite.export(module);