toolkit/javascript/d3/test/core/transition-test-remove.js
changeset 47 c0b4a8b5a012
--- /dev/null	Thu Jan 01 00:00:00 1970 +0000
+++ b/toolkit/javascript/d3/test/core/transition-test-remove.js	Thu Apr 10 14:20:23 2014 +0200
@@ -0,0 +1,46 @@
+require("../env");
+require("../../d3");
+
+var assert = require("assert");
+
+module.exports = {
+  topic: function() {
+    var cb = this.callback,
+        t = d3.select("body").append("div").transition().remove();
+    t.each("end", function() { cb(null, t); });
+  },
+  "removes the selected elements": function(transition) {
+    assert.domEqual(transition[0][0].node.parentNode, null);
+  },
+
+  "when the element is already removed": {
+    topic: function() {
+      var cb = this.callback,
+          t = d3.select("body").append("div").remove().transition().remove();
+      t.each("end", function() { cb(null, t); });
+    },
+    "does nothing": function(transition) {
+      assert.domEqual(transition[0][0].node.parentNode, null);
+    }
+  },
+
+  // Since these tests are triggered inside the end event of the above topic,
+  // transitions will inherit ids from the original transition. But we want to
+  // test concurrent transitions, so we use timeouts to avoid inheritance. This
+  // test also verifies that if multiple transitions are created at the same
+  // time, the last transition becomes the owner.
+
+  "when another transition is scheduled": {
+    topic: function() {
+      var cb = this.callback,
+          s = d3.select("body").append("div");
+      setTimeout(function() {
+        s.transition().duration(150).remove().each("end", function() { cb(null, s); });
+        s.transition().delay(250);
+      }, 10);
+    },
+    "does nothing": function(selection) {
+      assert.domEqual(selection[0][0].parentNode, document.body);
+    }
+  }
+};