lsm/konva
1
0
Fork 0
mirror of https://github.com/konvajs/konva.git synced 2025-10-15 12:34:52 +08:00
Code Issues Actions Packages Projects Releases Wiki Activity

setup prettier and make all code better

Browse Source
This commit is contained in:
Anton Lavrenov
2017-02-24 09:15:33 -05:00
parent bfb859cfca
commit 59cc7b99f2
124 changed files with 47390 additions and 41165 deletions
Download Patch File Download Diff File Expand all files Collapse all files

196
test/unit/shapes/Blob-test.js
View File

@@ -1,118 +1,118 @@
suite('Blob', function(){
// ======================================================
test('add blob', function() {
var stage = addStage();
var layer = new Konva.Layer();
suite('Blob', function() {
// ======================================================
test('add blob', function() {
var stage = addStage();
var layer = new Konva.Layer();
var blob = new Konva.Line({
points: [73,140,340,23,500,109,300,170],
stroke: 'blue',
strokeWidth: 10,
draggable: true,
fill: '#aaf',
tension: 0.8,
closed: true
});
layer.add(blob);
stage.add(layer);
assert.equal(blob.getTension(), 0.8);
assert.equal(blob.getClassName(), 'Line');
//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();');
var blob = new Konva.Line({
points: [73, 140, 340, 23, 500, 109, 300, 170],
stroke: 'blue',
strokeWidth: 10,
draggable: true,
fill: '#aaf',
tension: 0.8,
closed: true
});
// ======================================================
test('define tension first', function() {
var stage = addStage();
var layer = new Konva.Layer();
layer.add(blob);
stage.add(layer);
assert.equal(blob.getTension(), 0.8);
var blob = new Konva.Line({
tension: 0.8,
points: [73,140,340,23,500,109,300,170],
stroke: 'blue',
strokeWidth: 10,
draggable: true,
fill: '#aaf',
closed: true
assert.equal(blob.getClassName(), 'Line');
});
//console.log(blob1.getPoints())
layer.add(blob);
stage.add(layer);
// test setter
blob.setTension(1.5);
assert.equal(blob.getTension(), 1.5);
assert.equal(stage.find('Line')[0].getPoints().length, 8);
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 = addStage();
var layer = new Konva.Layer();
var blob = new Konva.Line({
tension: 0.8,
points: [73, 140, 340, 23, 500, 109, 300, 170],
stroke: 'blue',
strokeWidth: 10,
draggable: true,
fill: '#aaf',
closed: true
});
// ======================================================
test('check for konva event handlers', function() {
var stage = addStage();
var layer = new Konva.Layer();
layer.add(blob);
stage.add(layer);
var blob = new Konva.Line({
points: [73,140,340,23,500,109,300,170],
stroke: 'blue',
strokeWidth: 10,
draggable: true,
fill: '#aaf',
tension: 0.8,
closed: true
});
assert.equal(stage.find('Line')[0].getPoints().length, 8);
});
layer.add(blob);
// ======================================================
test('check for konva event handlers', function() {
var stage = addStage();
var layer = new Konva.Layer();
stage.add(layer);
assert.equal(blob.eventListeners.pointsChange[0].name, 'konva');
assert.equal(blob.eventListeners.tensionChange[0].name, 'konva');
// removing handlers should not remove konva specific handlers
blob.off('pointsChange');
blob.off('tensionChange');
assert.equal(blob.eventListeners.pointsChange[0].name, 'konva');
assert.equal(blob.eventListeners.tensionChange[0].name, 'konva');
// you can force remove an event by adding the name
blob.off('pointsChange.konva');
blob.off('tensionChange.konva');
assert.equal(blob.eventListeners.pointsChange, undefined);
assert.equal(blob.eventListeners.tensionChange, undefined);
var blob = new Konva.Line({
points: [73, 140, 340, 23, 500, 109, 300, 170],
stroke: 'blue',
strokeWidth: 10,
draggable: true,
fill: '#aaf',
tension: 0.8,
closed: true
});
test('cache', function() {
var stage = addStage();
var layer = new Konva.Layer();
var blob = new Konva.Line({
x : 50,
y : 50,
points: [-25,50,250,-30,150,50,250,110],
stroke: 'blue',
strokeWidth: 10,
draggable: true,
fill: '#aaf',
tension: 0.3,
closed: true
});
layer.add(blob);
blob.cache();
layer.add(blob);
stage.add(layer);
stage.add(layer);
if (!window.isPhantomJS) {
cloneAndCompareLayer(layer, 100);
}
assert.equal(blob.eventListeners.pointsChange[0].name, 'konva');
assert.equal(blob.eventListeners.tensionChange[0].name, 'konva');
// removing handlers should not remove konva specific handlers
blob.off('pointsChange');
blob.off('tensionChange');
assert.equal(blob.eventListeners.pointsChange[0].name, 'konva');
assert.equal(blob.eventListeners.tensionChange[0].name, 'konva');
// you can force remove an event by adding the name
blob.off('pointsChange.konva');
blob.off('tensionChange.konva');
assert.equal(blob.eventListeners.pointsChange, undefined);
assert.equal(blob.eventListeners.tensionChange, undefined);
});
test('cache', function() {
var stage = addStage();
var layer = new Konva.Layer();
var blob = new Konva.Line({
x: 50,
y: 50,
points: [-25, 50, 250, -30, 150, 50, 250, 110],
stroke: 'blue',
strokeWidth: 10,
draggable: true,
fill: '#aaf',
tension: 0.3,
closed: true
});
blob.cache();
layer.add(blob);
stage.add(layer);
if (!window.isPhantomJS) {
cloneAndCompareLayer(layer, 100);
}
});
});