1 require("../env");

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

     3 

     4 var vows = require("vows"),

     5     assert = require("assert");

     6 

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

     8 

     9 suite.addBatch({

    10   "select(body)": {

    11     topic: function() {

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

    13     },

    14     "inserts before the specified selector": function(body) {

    15       var span = body.html("").append("span");

    16       var div = body.insert("div", "span");

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

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

    19       assert.domEqual(div[0][0], document.body.firstChild);

    20       assert.domEqual(div[0][0].nextSibling, span[0][0]);

    21     },

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

    23       var div = body.insert("div");

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

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

    26       assert.domEqual(div[0][0], document.body.lastChild);

    27     },

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

    29       var svg = body.insert("svg:svg");

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

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

    32       assert.domEqual(svg[0][0].parentNode, document.body);

    33       assert.domEqual(svg[0][0], document.body.lastChild);

    34     },

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

    36       var data = new Object(), div = body.data([data]).insert("div");

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

    38     },

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

    40       assert.isFalse(body.insert("div") === body);

    41     }

    42   }

    43 });

    44 

    45 suite.addBatch({

    46   "selectAll(div)": {

    47     topic: function() {

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

    49     },

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

    51       var span = div.insert("span");

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

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

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

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

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

    57       assert.domEqual(span[0][0].parentNode, div[0][0]);

    58       assert.domEqual(span[0][1].parentNode, div[0][1]);

    59       assert.domEqual(div[0][0].lastChild, span[0][0]);

    60       assert.domEqual(div[0][1].lastChild, span[0][1]);

    61     },

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

    63       var svg = div.insert("svg:svg");

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

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

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

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

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

    69       assert.domEqual(svg[0][0].parentNode, div[0][0]);

    70       assert.domEqual(svg[0][1].parentNode, div[0][1]);

    71       assert.domEqual(div[0][0].lastChild, svg[0][0]);

    72       assert.domEqual(div[0][1].lastChild, svg[0][1]);

    73     },

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

    75       div.html("");

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

    77       some[0][1] = null;

    78       var span = some.insert("span");

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

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

    81       assert.domNull(span[0][1]);

    82       assert.domEqual(span[0][0].parentNode, div[0][0]);

    83       assert.domEqual(div[0][0].lastChild, span[0][0]);

    84       assert.domNull(div[0][1].lastChild);

    85     },

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

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

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

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

    90     },

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

    92       assert.isFalse(div.insert("div") === div);

    93     }

    94   }

    95 });

    96 

    97 suite.addBatch({

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

    99     topic: function() {

   100       return d3.select("body");

   101     },

   102     "inserts before the specified selector": function(body) {

   103       var span = body.html("").append("span");

   104       var div = body.selectAll("div").data(d3.range(2)).enter().insert("div", "span");

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

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

   107       assert.domEqual(div[0][0], document.body.firstChild);

   108       assert.domEqual(div[0][1].previousSibling, div[0][0]);

   109       assert.domEqual(div[0][1].nextSibling, span[0][0]);

   110     },

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

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

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

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

   115     },

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

   117       body.html("").insert("div");

   118       var div = body.selectAll("div").data(d3.range(3)).enter().insert("div");

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

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

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

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

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

   124     },

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

   126       var enter = body.html("").selectAll("div").data([0, 1]).enter();

   127       assert.isFalse(enter.insert("div") === enter);

   128     }

   129   }

   130 });

   131 

   132 suite.export(module);