Merge branch 'VladimirTechMan-master'

test/unit/Node-test.js

@@ -3522,3 +3522,208 @@ suite('Node', function() {
     assert.equal(rect.findAncestor(), null, 'return null if no selector');
   });
 });
+
+test('moveToTop() properly changes z-indices of the node and its siblings', function() {
+  var stage = addStage();
+  var layer = new Konva.Layer();
+  stage.add(layer);
+
+  var rect1 = new Konva.Rect();
+  var rect2 = new Konva.Rect();
+  var rect3 = new Konva.Rect();
+  var rect4 = new Konva.Rect();
+  layer.add(rect1, rect2, rect3, rect4);
+
+  assert.equal(rect1.getZIndex(), 0);
+  assert.equal(rect2.getZIndex(), 1);
+  assert.equal(rect3.getZIndex(), 2);
+  assert.equal(rect4.getZIndex(), 3);
+
+  rect2.moveToTop();
+
+  assert.equal(rect1.getZIndex(), 0);
+  assert.equal(rect3.getZIndex(), 1);
+  assert.equal(rect4.getZIndex(), 2);
+  assert.equal(rect2.getZIndex(), 3);
+
+  rect1.moveToTop();
+
+  assert.equal(rect3.getZIndex(), 0);
+  assert.equal(rect4.getZIndex(), 1);
+  assert.equal(rect2.getZIndex(), 2);
+  assert.equal(rect1.getZIndex(), 3);
+});
+
+test('moveToBottom() properly changes z-indices of the node and its siblings', function() {
+  var stage = addStage();
+  var layer = new Konva.Layer();
+  stage.add(layer);
+
+  var rect1 = new Konva.Rect();
+  var rect2 = new Konva.Rect();
+  var rect3 = new Konva.Rect();
+  var rect4 = new Konva.Rect();
+  layer.add(rect1, rect2, rect3, rect4);
+
+  assert.equal(rect1.getZIndex(), 0);
+  assert.equal(rect2.getZIndex(), 1);
+  assert.equal(rect3.getZIndex(), 2);
+  assert.equal(rect4.getZIndex(), 3);
+
+  rect3.moveToBottom();
+
+  assert.equal(rect3.getZIndex(), 0);
+  assert.equal(rect1.getZIndex(), 1);
+  assert.equal(rect2.getZIndex(), 2);
+  assert.equal(rect4.getZIndex(), 3);
+
+  rect4.moveToBottom();
+
+  assert.equal(rect4.getZIndex(), 0);
+  assert.equal(rect3.getZIndex(), 1);
+  assert.equal(rect1.getZIndex(), 2);
+  assert.equal(rect2.getZIndex(), 3);
+});
+
+test('moveUp() properly changes z-indices of the node and its siblings', function() {
+  var stage = addStage();
+  var layer = new Konva.Layer();
+  stage.add(layer);
+
+  var rect1 = new Konva.Rect();
+  var rect2 = new Konva.Rect();
+  var rect3 = new Konva.Rect();
+  var rect4 = new Konva.Rect();
+  layer.add(rect1, rect2, rect3, rect4);
+
+  assert.equal(rect1.getZIndex(), 0);
+  assert.equal(rect2.getZIndex(), 1);
+  assert.equal(rect3.getZIndex(), 2);
+  assert.equal(rect4.getZIndex(), 3);
+
+  rect1.moveUp();
+
+  assert.equal(rect2.getZIndex(), 0);
+  assert.equal(rect1.getZIndex(), 1);
+  assert.equal(rect3.getZIndex(), 2);
+  assert.equal(rect4.getZIndex(), 3);
+
+  rect3.moveUp();
+
+  assert.equal(rect2.getZIndex(), 0);
+  assert.equal(rect1.getZIndex(), 1);
+  assert.equal(rect4.getZIndex(), 2);
+  assert.equal(rect3.getZIndex(), 3);
+});
+
+test('moveDown() properly changes z-indices of the node and its siblings', function() {
+  var stage = addStage();
+  var layer = new Konva.Layer();
+  stage.add(layer);
+
+  var rect1 = new Konva.Rect();
+  var rect2 = new Konva.Rect();
+  var rect3 = new Konva.Rect();
+  var rect4 = new Konva.Rect();
+  layer.add(rect1, rect2, rect3, rect4);
+
+  assert.equal(rect1.getZIndex(), 0);
+  assert.equal(rect2.getZIndex(), 1);
+  assert.equal(rect3.getZIndex(), 2);
+  assert.equal(rect4.getZIndex(), 3);
+
+  rect4.moveDown();
+
+  assert.equal(rect1.getZIndex(), 0);
+  assert.equal(rect2.getZIndex(), 1);
+  assert.equal(rect4.getZIndex(), 2);
+  assert.equal(rect3.getZIndex(), 3);
+
+  rect2.moveDown();
+
+  assert.equal(rect2.getZIndex(), 0);
+  assert.equal(rect1.getZIndex(), 1);
+  assert.equal(rect4.getZIndex(), 2);
+  assert.equal(rect3.getZIndex(), 3);
+});
+
+test('setZIndex() properly changes z-indices of the node and its siblings', function() {
+  var stage = addStage();
+  var layer = new Konva.Layer();
+  stage.add(layer);
+
+  var rect1 = new Konva.Rect();
+  var rect2 = new Konva.Rect();
+  var rect3 = new Konva.Rect();
+  var rect4 = new Konva.Rect();
+  layer.add(rect1, rect2, rect3, rect4);
+
+  assert.equal(rect1.getZIndex(), 0);
+  assert.equal(rect2.getZIndex(), 1);
+  assert.equal(rect3.getZIndex(), 2);
+  assert.equal(rect4.getZIndex(), 3);
+
+  rect1.setZIndex(2);
+
+  assert.equal(rect2.getZIndex(), 0);
+  assert.equal(rect3.getZIndex(), 1);
+  assert.equal(rect1.getZIndex(), 2);
+  assert.equal(rect4.getZIndex(), 3);
+
+  rect2.setZIndex(3);
+
+  assert.equal(rect3.getZIndex(), 0);
+  assert.equal(rect1.getZIndex(), 1);
+  assert.equal(rect4.getZIndex(), 2);
+  assert.equal(rect2.getZIndex(), 3);
+
+  rect2.setZIndex(1);
+
+  assert.equal(rect3.getZIndex(), 0);
+  assert.equal(rect2.getZIndex(), 1);
+  assert.equal(rect1.getZIndex(), 2);
+  assert.equal(rect4.getZIndex(), 3);
+
+  rect4.setZIndex(0);
+
+  assert.equal(rect4.getZIndex(), 0);
+  assert.equal(rect3.getZIndex(), 1);
+  assert.equal(rect2.getZIndex(), 2);
+  assert.equal(rect1.getZIndex(), 3);
+});
+
+test('remove() removes the node and properly changes z-indices of its siblings', function() {
+  var stage = addStage();
+  var layer = new Konva.Layer();
+  stage.add(layer);
+
+  var rect1 = new Konva.Rect();
+  var rect2 = new Konva.Rect();
+  var rect3 = new Konva.Rect();
+  var rect4 = new Konva.Rect();
+  layer.add(rect1, rect2, rect3, rect4);
+
+  assert.equal(layer.getChildren().length, 4);
+  assert.equal(rect1.getZIndex(), 0);
+  assert.equal(rect2.getZIndex(), 1);
+  assert.equal(rect3.getZIndex(), 2);
+  assert.equal(rect4.getZIndex(), 3);
+
+  rect4.remove();
+
+  assert.equal(layer.getChildren().length, 3);
+  assert.equal(rect1.getZIndex(), 0);
+  assert.equal(rect2.getZIndex(), 1);
+  assert.equal(rect3.getZIndex(), 2);
+
+  rect2.remove();
+
+  assert.equal(layer.getChildren().length, 2);
+  assert.equal(rect1.getZIndex(), 0);
+  assert.equal(rect3.getZIndex(), 1);
+
+  rect1.remove();
+
+  assert.equal(layer.getChildren().length, 1);
+  assert.equal(rect3.getZIndex(), 0);
+});