1 require("../env");

     2 require("../../d3");

     3 

     4 var vows = require("vows"),

     5     assert = require("assert");

     6 

     7 var suite = vows.describe("selection.selectAll");

     8 

     9 suite.addBatch({

    10   "select(body)": {

    11     topic: function() {

    12       var body = d3.select("body").html("");

    13       if ("__data__" in body[0][0]) delete body[0][0].__data__;

    14       body.append("div").attr("class", "first");

    15       body.append("div").attr("class", "second");

    16       return body;

    17     },

    18     "selects all matching elements": function(body) {

    19       var div = body.selectAll("div");

    20       assert.isTrue(div[0][0] === document.body.firstChild);

    21       assert.isTrue(div[0][1] === document.body.lastChild);

    22       assert.equal(div.length, 1);

    23       assert.equal(div[0].length, 2);

    24     },

    25     "propagates parent node to the selected elements": function(body) {

    26       var div = body.selectAll("div");

    27       assert.isNotNull(div[0].parentNode);

    28       assert.isTrue(div[0].parentNode === document.body);

    29     },

    30     "does not propagate data if data was specified": function(body) {

    31       var div = body.data([new Object()]).selectAll("div");

    32       assert.isUndefined(div[0][0].__data__);

    33       assert.isUndefined(div[0][1].__data__);

    34     },

    35     "does not propagate data if data was not specified": function(body) {

    36       var div = body.selectAll("div").data([1, 2]);

    37       div = body.data([new Object()]).selectAll("div");

    38       assert.equal(div[0][0].__data__, 1);

    39       assert.equal(div[0][1].__data__, 2);

    40     },

    41     "returns empty array if no match is found": function(body) {

    42       var span = body.selectAll("span");

    43       assert.equal(span.length, 1);

    44       assert.equal(span[0].length, 0);

    45     },

    46     "can select via function": function(body) {

    47       var d = {}, dd = [], ii = [], tt = [],

    48           s = body.data([d]).selectAll(function(d, i) { dd.push(d); ii.push(i); tt.push(this); return this.childNodes; });

    49       assert.deepEqual(dd, [d], "expected data, got {actual}");

    50       assert.deepEqual(ii, [0], "expected index, got {actual}");

    51       assert.domEqual(tt[0], document.body, "expected this, got {actual}");

    52       assert.domEqual(s[0][0], document.body.firstChild);

    53       assert.domEqual(s[0][1], document.body.lastChild);

    54       delete document.body.__data__;

    55     }

    56   }

    57 });

    58 

    59 suite.addBatch({

    60   "selectAll(div)": {

    61     topic: function() {

    62       var div = d3.select("body").html("").selectAll("div").data(d3.range(2)).enter().append("div");

    63       div.append("span").attr("class", "first");

    64       div.append("span").attr("class", "second");

    65       return div;

    66     },

    67     "selects all matching elements": function(div) {

    68       var span = div.selectAll("span");

    69       assert.equal(span.length, 2);

    70       assert.equal(span[0].length, 2);

    71       assert.isTrue(span[0][0].parentNode === div[0][0]);

    72       assert.isTrue(span[0][1].parentNode === div[0][0]);

    73       assert.isTrue(span[1][0].parentNode === div[0][1]);

    74       assert.isTrue(span[1][1].parentNode === div[0][1]);

    75     },

    76     "propagates parent node to the selected elements": function(div) {

    77       var span = div.selectAll("span");

    78       assert.isNotNull(span[0].parentNode);

    79       assert.isTrue(span[0].parentNode === div[0][0]);

    80       assert.isTrue(span[1].parentNode === div[0][1]);

    81     },

    82     "does not propagate data if data was specified": function(div) {

    83       var span = div.selectAll("span");

    84       delete span[0][0].__data__;

    85       delete span[0][1].__data__;

    86       span = div.data([new Object(), new Object()]).selectAll("span");

    87       assert.isUndefined(span[0][0].__data__);

    88       assert.isUndefined(span[0][1].__data__);

    89     },

    90     "does not propagate data if data was not specified": function(div) {

    91       var a = new Object(), b = new Object(), span = div.selectAll("span").data([a, b]);

    92       delete div[0][0].__data__;

    93       delete div[0][1].__data__;

    94       span = div.selectAll("span");

    95       assert.equal(span[0][0].__data__, a);

    96       assert.equal(span[0][1].__data__, b);

    97     },

    98     "returns empty array if no match is found": function(div) {

    99       var div = div.selectAll("div");

   100       assert.equal(div.length, 2);

   101       assert.equal(div[0].length, 0);

   102       assert.equal(div[1].length, 0);

   103     },

   104     "ignores null nodes": function(div) {

   105       var some = d3.selectAll("div");

   106       some[0][1] = null;

   107       var span = some.selectAll("span");

   108       assert.equal(span.length, 1);

   109       assert.equal(span[0].length, 2);

   110       assert.isTrue(span[0][0].parentNode === div[0][0]);

   111       assert.isTrue(span[0][1].parentNode === div[0][0]);

   112     },

   113     "can select via function": function(div) {

   114       var dd = [], ii = [], tt = [],

   115           s = div.data(["a", "b"]).selectAll(function(d, i) { dd.push(d); ii.push(i); tt.push(this); return this.childNodes; });

   116       assert.deepEqual(dd, ["a", "b"], "expected data, got {actual}");

   117       assert.deepEqual(ii, [0, 1], "expected index, got {actual}");

   118       assert.domEqual(tt[0], div[0][0], "expected this, got {actual}");

   119       assert.domEqual(tt[1], div[0][1], "expected this, got {actual}");

   120       assert.domEqual(s[0][0], div[0][0].firstChild);

   121       assert.domEqual(s[0][1], div[0][0].lastChild);

   122       assert.domEqual(s[1][0], div[0][1].firstChild);

   123       assert.domEqual(s[1][1], div[0][1].lastChild);

   124     }

   125   }

   126 });

   127 

   128 suite.export(module);