finished migrating all shape unit tests over to mocha. continued working on context tracing support

2026-03-03 16:58:33 +08:00 · 2013-09-07 17:57:48 -07:00
parent eddcf8ccbe
commit ee5f4c3e3b
17 changed files with 150 additions and 324 deletions
--- a/test/unit/shapes/Blob-test.js
+++ b/test/unit/shapes/Blob-test.js
@@ -0,0 +1,127 @@
+suite('Blob', function(){
+    // ======================================================
+    test('add blob', function() {
+        var stage = buildStage();
+        var layer = new Kinetic.Layer();
+
+        var blob = new Kinetic.Blob({
+            points: [{
+                x: 73,
+                y: 140
+            }, {
+                x: 340,
+                y: 23
+            }, {
+                x: 500,
+                y: 109
+            }, {
+                x: 300,
+                y: 170
+            }],
+            stroke: 'blue',
+            strokeWidth: 10,
+            draggable: true,
+            fill: '#aaf',
+            tension: 0.8
+        });
+
+        layer.add(blob);
+        stage.add(layer);
+
+        assert.equal(blob.getTension(), 0.8);
+
+        assert.equal(blob.getClassName(), 'Blob');
+
+        //console.log(blob1.getPoints())
+
+        // test setter
+        blob.setTension(1.5);
+        assert.equal(blob.getTension(), 1.5);
+
+        var trace = layer.getContext().getTrace();
+        assert.equal(trace, 'clearRect(0,0,578,200);save();transform(1,0,0,1,0,0);beginPath();moveTo(73,140);bezierCurveTo(90.922,74.135,129.542,38.279,340,23);bezierCurveTo(471.142,13.479,514.876,54.33,500,109);bezierCurveTo(482.876,171.93,463.05,158.163,300,170);bezierCurveTo(121.45,182.963,58.922,191.735,73,140);closePath();fillStyle=#aaf;fill();lineWidth=10;strokeStyle=blue;stroke();restore()');
+    });
+
+    // ======================================================
+    test('define tension first', function() {
+        var stage = buildStage();
+        var layer = new Kinetic.Layer();
+
+     
+        var blob = new Kinetic.Blob({
+            tension: 0.8,
+            points: [{
+                x: 73,
+                y: 140
+            }, {
+                x: 340,
+                y: 23
+            }, {
+                x: 500,
+                y: 109
+            }, {
+                x: 300,
+                y: 170
+            }],
+            stroke: 'blue',
+            strokeWidth: 10,
+            draggable: true,
+            fill: '#aaf'
+
+        });
+
+        layer.add(blob);
+        stage.add(layer);
+
+        assert.equal(stage.get('Blob')[0].getPoints().length, 4);
+
+    });
+
+    // ======================================================
+    test('check for kinetic event handlers', function() {
+        var stage = buildStage();
+        var layer = new Kinetic.Layer();
+
+        var blob = new Kinetic.Blob({
+            points: [{
+                x: 73,
+                y: 140
+            }, {
+                x: 340,
+                y: 23
+            }, {
+                x: 500,
+                y: 109
+            }, {
+                x: 300,
+                y: 170
+            }],
+            stroke: 'blue',
+            strokeWidth: 10,
+            draggable: true,
+            fill: '#aaf',
+            tension: 0.8
+        });
+
+        layer.add(blob);
+
+        stage.add(layer);
+
+        assert.equal(blob.eventListeners.pointsChange[0].name, 'kinetic');
+        assert.equal(blob.eventListeners.tensionChange[0].name, 'kinetic');
+
+        // removing handlers should not remove kinetic specific handlers
+        blob.off('pointsChange');
+        blob.off('tensionChange');
+
+        assert.equal(blob.eventListeners.pointsChange[0].name, 'kinetic');
+        assert.equal(blob.eventListeners.tensionChange[0].name, 'kinetic');
+
+        // you can force remove an event by adding the name
+        blob.off('pointsChange.kinetic');
+        blob.off('tensionChange.kinetic');
+
+        assert.equal(blob.eventListeners.pointsChange, undefined);
+        assert.equal(blob.eventListeners.tensionChange, undefined);
+    });
+});