1 require("../env");

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

     3 

     4 var vows = require("vows"),

     5     assert = require("assert");

     6 

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

     8 

     9 suite.addBatch({

    10   "select(body)": {

    11     topic: function() {

    12       return d3.select("body").html("");

    13     },

    14     "appends an HTML element": function(body) {

    15       var div = body.append("div");

    16       assert.equal(div[0][0].tagName, "DIV");

    17       assert.isNull(div[0][0].namespaceURI);

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

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

    20     },

    21     "appends an SVG element": function(body) {

    22       var svg = body.append("svg:svg");

    23       assert.equal(svg[0][0].tagName, "SVG");

    24       assert.equal(svg[0][0].namespaceURI, "http://www.w3.org/2000/svg");

    25       assert.isTrue(svg[0][0].parentNode === document.body);

    26       assert.isTrue(svg[0][0] === document.body.lastChild);

    27     },

    28     "propagates data to new element": function(body) {

    29       var data = new Object(), div = body.data([data]).append("div");

    30       assert.strictEqual(div[0][0].__data__, data);

    31     },

    32     "returns a new selection": function(body) {

    33       assert.isFalse(body.append("div") === body);

    34     }

    35   }

    36 });

    37 

    38 suite.addBatch({

    39   "selectAll(div)": {

    40     topic: function() {

    41       return d3.select("body").html("").selectAll("div").data(d3.range(2)).enter().append("div");

    42     },

    43     "appends an HTML element": function(div) {

    44       var span = div.append("span");

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

    46       assert.equal(span[0][0].tagName, "SPAN");

    47       assert.equal(span[0][1].tagName, "SPAN");

    48       assert.isNull(span[0][0].namespaceURI);

    49       assert.isNull(span[0][1].namespaceURI);

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

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

    52       assert.isTrue(div[0][0].lastChild === span[0][0]);

    53       assert.isTrue(div[0][1].lastChild === span[0][1]);

    54     },

    55     "appends an SVG element": function(div) {

    56       var svg = div.append("svg:svg");

    57       assert.equal(svg[0].length, 2);

    58       assert.equal(svg[0][0].tagName, "SVG");

    59       assert.equal(svg[0][1].tagName, "SVG");

    60       assert.equal(svg[0][0].namespaceURI, "http://www.w3.org/2000/svg");

    61       assert.equal(svg[0][1].namespaceURI, "http://www.w3.org/2000/svg");

    62       assert.isTrue(svg[0][0].parentNode === div[0][0]);

    63       assert.isTrue(svg[0][1].parentNode === div[0][1]);

    64       assert.isTrue(div[0][0].lastChild === svg[0][0]);

    65       assert.isTrue(div[0][1].lastChild === svg[0][1]);

    66     },

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

    68       div.html("");

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

    70       some[0][1] = null;

    71       var span = some.append("span");

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

    73       assert.equal(span[0][0].tagName, "SPAN");

    74       assert.isNull(span[0][1]);

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

    76       assert.isTrue(div[0][0].lastChild === span[0][0]);

    77       assert.isNull(div[0][1].lastChild);

    78     },

    79     "propagates data to new elements": function(div) {

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

    81       assert.strictEqual(span[0][0].__data__, a);

    82       assert.strictEqual(span[0][1].__data__, b);

    83     },

    84     "returns a new selection": function(div) {

    85       assert.isFalse(div.append("div") === div);

    86     }

    87   }

    88 });

    89 

    90 suite.addBatch({

    91   "selectAll(div).data(…).enter()": {

    92     topic: function() {

    93       return d3.select("body");

    94     },

    95     "appends to the parent node": function(body) {

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

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

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

    99       assert.domEqual(div[0][0].parentNode, document.body);

   100       assert.domEqual(div[0][1].parentNode, document.body);

   101     },

   102     "propagates data to new elements": function(body) {

   103       var a = new Object(), b = new Object(), div = body.html("").selectAll("div").data([a, b]).enter().append("div");

   104       assert.strictEqual(div[0][0].__data__, a);

   105       assert.strictEqual(div[0][1].__data__, b);

   106     },

   107     "ignores null nodes": function(body) {

   108       body.html("").append("div");

   109       var div = body.selectAll("div").data(d3.range(3)).enter().append("div");

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

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

   112       assert.domNull(div[0][0]);

   113       assert.domEqual(div[0][1].parentNode, document.body);

   114       assert.domEqual(div[0][2].parentNode, document.body);

   115     }

   116   }

   117 });

   118 

   119 suite.export(module);