performance fixes, docs fixes

test/unit/DragAndDrop-test.js

@@ -402,19 +402,19 @@ suite('DragAndDrop', function () {
 
     setTimeout(function () {
       assert.equal(stage.isDragging(), true);
-
       stage.simulateMouseUp({
         x: stage.width() / 2 - 50,
         y: stage.height() / 2,
       });
+      setTimeout(function () {
+        var shape = layer.getIntersection({
+          x: stage.width() / 2 + 5,
+          y: stage.height() / 2,
+        });
 
-      var shape = layer.getIntersection({
-        x: stage.width() / 2 + 5,
-        y: stage.height() / 2,
-      });
-
-      assert.equal(shape, circle);
-      done();
+        assert.equal(shape, circle);
+        done();
+      }, 100);
     }, 50);
   });
 

test/unit/shapes/Text-test.js

@@ -1214,6 +1214,37 @@ suite('Text', function () {
     layer.draw();
   });
 
+  test.skip('we should be able to clip underline by group', function () {
+    var stage = addStage();
+    var layer = new Konva.Layer();
+    stage.add(layer);
+
+    var group = new Konva.Group({
+      clipX: 10,
+      clipY: 10,
+      clipWidth: 100,
+      clipHeight: 27,
+    });
+    layer.add(group);
+
+    var text = new Konva.Text({
+      x: 10,
+      y: 10,
+      width: 100,
+      text: 'Hello World',
+      textDecoration: ['underline'],
+      fontSize: 40,
+    });
+    group.add(text);
+
+    layer.draw();
+
+    console.log(layer.getContext().getTrace());
+
+    // assert.equal(layer.getContext().getTrace(), trace);
+    throw 1;
+  });
+
   test('image gradient for text', function (done) {
     Konva.pixelRatio = 1;
     var imageObj = new Image();

test/unit/shapes/Transformer-test.js

@@ -4396,4 +4396,28 @@ suite('Transformer', function () {
     });
     assert.equal(callCount, 1);
   });
+
+  // TODO: what can we test here?
+  test('performance check - drag several nodes', function () {
+    var stage = addStage();
+    var layer = new Konva.Layer();
+    stage.add(layer);
+
+    for (var i = 0; i < 500; i++) {
+      var shape = new Konva.Circle({
+        x: 100,
+        y: 100,
+        radius: 50,
+        fill: 'red',
+        draggable: true,
+      });
+      layer.add(shape);
+    }
+    var shapes = layer.find('Circle').toArray();
+    var tr = new Konva.Transformer({
+      nodes: shapes,
+    });
+    layer.add(tr);
+    layer.draw();
+  });
 });