コード例 #1
0
ファイル: attrTween-test.js プロジェクト: d3/d3-transition
tape("transition.attrTween(name, value) coerces the specified name to a string", function(test) {
  var root = jsdom().documentElement,
      interpolate = d3_interpolate.interpolateHcl("red", "blue"),
      transition = d3_selection.select(root).transition().attrTween({toString: function() { return "foo"; }}, function() { return interpolate; });

  d3_timer.timeout(function(elapsed) {
    test.strictEqual(root.getAttribute("foo"), interpolate(d3_ease.easeCubic(elapsed / 250)));
    test.end();
  }, 125);
});
コード例 #2
0
ファイル: attrTween-test.js プロジェクト: d3/d3-transition
tape("transition.attrTween(name, value) defines a namespaced attribute tween using the interpolator returned by the specified function", function(test) {
  var root = jsdom().documentElement,
      interpolate = d3_interpolate.interpolateHcl("red", "blue"),
      transition = d3_selection.select(root).transition().attrTween("svg:foo", function() { return interpolate; });

  d3_timer.timeout(function(elapsed) {
    test.strictEqual(root.getAttributeNS("http://www.w3.org/2000/svg", "foo"), interpolate(d3_ease.easeCubic(elapsed / 250)));
    test.end();
  }, 125);
});
コード例 #3
0
ファイル: styleTween-test.js プロジェクト: lppking/d3js_doc
tape("transition.styleTween(name, value) coerces the specified name to a string", function(test) {
  var root = jsdom.jsdom().documentElement,
      interpolate = d3_interpolate.interpolateHcl("red", "blue"),
      ease = d3_ease.easeCubic,
      transition = d3_selection.select(root).transition().styleTween({toString: function() { return "color"; }}, function() { return interpolate; });

  d3_timer.timeout(function(elapsed) {
    test.deepEqual(root.style.getPropertyValue("color"), interpolate(ease(elapsed / 250)));
    test.end();
  }, 125);
});
コード例 #4
0
ファイル: styleTween-test.js プロジェクト: lppking/d3js_doc
tape("transition.styleTween(name, value, priority) defines a style tween using the interpolator returned by the specified function", function(test) {
  var root = jsdom.jsdom().documentElement,
      interpolate = d3_interpolate.interpolateHcl("red", "blue"),
      ease = d3_ease.easeCubic,
      transition = d3_selection.select(root).transition().styleTween("color", function() { return interpolate; }, "important");

  d3_timer.timeout(function(elapsed) {
    test.deepEqual(root.style.getPropertyValue("color"), interpolate(ease(elapsed / 250)));
    test.deepEqual(root.style.getPropertyPriority("color"), "important");
    test.end();
  }, 125);
});
コード例 #5
0
ファイル: styleTween-test.js プロジェクト: lppking/d3js_doc
tape("transition.styleTween(name, null) removes the specified style tween", function(test) {
  var root = jsdom.jsdom().documentElement,
      interpolate = d3_interpolate.interpolateHcl("red", "blue"),
      transition = d3_selection.select(root).transition().styleTween("color", function() { return interpolate; }).styleTween("color", null);

  test.equal(transition.styleTween("color"), null);
  test.equal(transition.tween("style.color"), null);

  d3_timer.timeout(function(elapsed) {
    test.strictEqual(root.style.getPropertyValue("color"), "");
    test.end();
  }, 125);
});
コード例 #6
0
ファイル: attrTween-test.js プロジェクト: d3/d3-transition
tape("transition.attrTween(name, null) removes the specified attribute tween", function(test) {
  var root = jsdom().documentElement,
      interpolate = d3_interpolate.interpolateHcl("red", "blue"),
      transition = d3_selection.select(root).transition().attrTween("foo", function() { return interpolate; }).attrTween("foo", null);

  test.equal(transition.attrTween("foo"), null);
  test.equal(transition.tween("attr.foo"), null);

  d3_timer.timeout(function(elapsed) {
    test.strictEqual(root.hasAttribute("foo"), false);
    test.end();
  }, 125);
});
コード例 #7
0
ファイル: styleTween-test.js プロジェクト: lppking/d3js_doc
tape("transition.styleTween(name) returns the style tween with the specified name", function(test) {
  var root = jsdom.jsdom().documentElement,
      interpolate = d3_interpolate.interpolateHcl("red", "blue"),
      tween = function() { return interpolate; },
      transition = d3_selection.select(root).transition().styleTween("color", tween).on("start", started).on("end", ended);

  test.equal(transition.styleTween("color"), tween);
  test.equal(transition.styleTween("bar"), null);

  function started() {
    test.equal(transition.styleTween("color"), tween);
  }

  function ended() {
    test.equal(transition.styleTween("color"), tween);
    test.end();
  }
});