update rotation of transformer automatically. close #976

test/unit/shapes/Text-test.js

@@ -424,6 +424,35 @@ suite('Text', function () {
     assert.equal(text.textArr[2].text.slice(-1), '…');
   });
 
+  // ======================================================
+  test.skip('multiline with ellipsis', function () {
+    var stage = addStage();
+    var layer = new Konva.Layer();
+
+    var text = new Konva.Text({
+      x: 10,
+      y: 10,
+      text:
+        "HEADING\n\nAll the world's a stage, merely players. They have their exits and their entrances; And one man in his time plays many parts.",
+      fontSize: 14,
+      fontFamily: 'Calibri',
+      fontStyle: 'normal',
+      width: 100,
+      padding: 0,
+      align: 'center',
+      height: 100,
+      ellipsis: true,
+    });
+
+    layer.add(text);
+    stage.add(layer);
+
+    assert.equal(text.textArr.length, 3);
+    assert.equal(text.textArr[2].text.slice(-1), '…');
+
+    throw 1;
+  });
+
   // ======================================================
   test('text multi line with justify align', function () {
     var stage = addStage();

test/unit/shapes/Transformer-test.js

@@ -211,6 +211,34 @@ suite('Transformer', function () {
     assert.almostEqual(tr.rotation(), rect.rotation());
   });
 
+  test('transformer should follow rotation on single node', function () {
+    var stage = addStage();
+    var layer = new Konva.Layer();
+    stage.add(layer);
+
+    var rect = new Konva.Rect({
+      x: 100,
+      y: 60,
+      draggable: true,
+      width: 100,
+      height: 100,
+      fill: 'yellow',
+    });
+    layer.add(rect);
+
+    var tr = new Konva.Transformer({
+      nodes: [rect],
+    });
+    layer.add(tr);
+
+    layer.draw();
+
+    rect.rotation(45);
+    layer.draw();
+
+    assert.equal(tr.rotation(), 45);
+  });
+
   test('try to fit simple rotated rectangle - 2', function () {
     var stage = addStage();
     var layer = new Konva.Layer();