refactor tests

test/unit/Spline-test.ts

@@ -0,0 +1,113 @@
+import { assert } from 'chai';
+
+import { addStage, Konva } from './utis';
+
+describe('Spline', function () {
+  // ======================================================
+  it('add splines', function () {
+    var stage = addStage();
+    var layer = new Konva.Layer();
+
+    var line1 = new Konva.Line({
+      points: [73, 160, 340, 23, 500, 109, 300, 109],
+      stroke: 'blue',
+      strokeWidth: 10,
+      lineCap: 'round',
+      lineJoin: 'round',
+      draggable: true,
+      tension: 1,
+    });
+
+    var line2 = new Konva.Line({
+      points: [73, 160, 340, 23, 500, 109],
+      stroke: 'red',
+      strokeWidth: 10,
+      lineCap: 'round',
+      lineJoin: 'round',
+      draggable: true,
+      tension: 1,
+    });
+
+    var line3 = new Konva.Line({
+      points: [73, 160, 340, 23],
+      stroke: 'green',
+      strokeWidth: 10,
+      lineCap: 'round',
+      lineJoin: 'round',
+      draggable: true,
+      tension: 1,
+    });
+
+    layer.add(line1);
+    layer.add(line2);
+    layer.add(line3);
+    stage.add(layer);
+
+    assert.equal(line1.getClassName(), 'Line');
+
+    var trace = layer.getContext().getTrace();
+
+    //console.log(trace);
+    assert.equal(
+      trace,
+      'clearRect(0,0,578,200);save();lineJoin=round;transform(1,0,0,1,0,0);beginPath();moveTo(73,160);quadraticCurveTo(74.006,54.77,340,23);bezierCurveTo(501.006,3.77,519.038,68.068,500,109);quadraticCurveTo(479.038,154.068,300,109);lineCap=round;lineWidth=10;strokeStyle=blue;stroke();restore();save();lineJoin=round;transform(1,0,0,1,0,0);beginPath();moveTo(73,160);quadraticCurveTo(74.006,54.77,340,23);quadraticCurveTo(501.006,3.77,500,109);lineCap=round;lineWidth=10;strokeStyle=red;stroke();restore();save();lineJoin=round;transform(1,0,0,1,0,0);beginPath();moveTo(73,160);lineTo(340,23);lineCap=round;lineWidth=10;strokeStyle=green;stroke();restore();'
+    );
+  });
+
+  // ======================================================
+  it('update spline points', function () {
+    var stage = addStage();
+    var layer = new Konva.Layer();
+
+    var spline = new Konva.Line({
+      points: [73, 160, 340, 23, 500, 109, 300, 109],
+      stroke: 'blue',
+      strokeWidth: 10,
+      lineCap: 'round',
+      lineJoin: 'round',
+      draggable: true,
+      tension: 1,
+    });
+
+    layer.add(spline);
+    stage.add(layer);
+
+    assert.equal(spline.getTensionPoints().length, 12);
+
+    spline.points([73, 160, 340, 23, 500, 109]);
+
+    assert.equal(spline.getTensionPoints().length, 6);
+
+    layer.draw();
+  });
+
+  // ======================================================
+  it('add point to spline points', function () {
+    var stage = addStage();
+    var layer = new Konva.Layer();
+
+    var spline = new Konva.Line({
+      points: [73, 160, 340, 23, 500, 109, 300, 109],
+      stroke: 'blue',
+      strokeWidth: 10,
+      lineCap: 'round',
+      lineJoin: 'round',
+      draggable: true,
+      tension: 1,
+    });
+
+    layer.add(spline);
+    stage.add(layer);
+
+    assert.equal(spline.points().length, 8);
+
+    var points = spline.points();
+    points.push(300);
+    points.push(200);
+    spline.clearCache();
+
+    assert.equal(spline.points().length, 10);
+
+    layer.draw();
+  });
+});