lsm/konva
1
0
Fork 0
mirror of https://github.com/konvajs/konva.git synced 2025-11-18 17:21:36 +08:00
Code Issues Actions 3 Packages Projects Releases Wiki Activity

cleaned up animation and transition interaction

Browse Source
This commit is contained in:
Eric Rowell
2012-03-18 19:50:20 -07:00
parent 84e7e71461
commit 70fe63b2b6
9 changed files with 127 additions and 45 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
tests/js/Test.js
View File

@@ -10,7 +10,7 @@ function log(message) {
* Test constructor
*/
function Test() {
this.testOnly = "";
this.testOnly = '';
this.counter = 0;
}
/**

4
tests/js/functionalTests.js
View File

@@ -76,6 +76,10 @@ Test.prototype.tests = {
});
stage.start();
setTimeout(function() {
stage.stop();
}, 1000);
},
'EVENTS - mousedown mouseup mouseover mouseout click dblclick / touchstart touchend dbltap': function(containerId) {
var stage = new Kinetic.Stage(containerId, 578, 200);

96
tests/js/unitTests.js
View File

@@ -200,6 +200,76 @@ Test.prototype.tests = {
layer.add(group);
stage.add(layer);
},
'GROUPS - hide group': function(containerId) {
var stage = new Kinetic.Stage(containerId, 578, 200);
var layer = new Kinetic.Layer();
var group = new Kinetic.Group();
var circle = new Kinetic.Circle({
x: stage.width / 2,
y: stage.height / 2,
radius: 70,
fill: 'green',
stroke: 'black',
strokeWidth: 4
});
group.add(circle);
layer.add(group);
stage.add(layer);
group.hide();
layer.draw();
},
'GROUPS - create two groups, move first group': function(containerId) {
var stage = new Kinetic.Stage(containerId, 578, 200);
var greenLayer = new Kinetic.Layer();
var blueLayer = new Kinetic.Layer();
var greenGroup = new Kinetic.Group();
var blueGroup = new Kinetic.Group();
var greenCircle = new Kinetic.Circle({
x: stage.width / 2 - 100,
y: stage.height / 2,
radius: 70,
fill: 'green',
stroke: 'black',
strokeWidth: 4,
draggable: true
});
var blueCircle = new Kinetic.Circle({
x: stage.width / 2 + 100,
y: stage.height / 2,
radius: 70,
fill: 'blue',
stroke: 'black',
strokeWidth: 4
});
greenGroup.add(greenCircle);
blueGroup.add(blueCircle);
greenLayer.add(greenGroup);
blueLayer.add(blueGroup);
stage.add(greenLayer);
stage.add(blueLayer);
blueLayer.removeChildren();
var blueGroup2 = new Kinetic.Group();
var blueCircle2 = new Kinetic.Circle({
x: stage.width / 2,
y: stage.height / 2,
radius: 70,
fill: 'blue',
stroke: 'black',
strokeWidth: 4
});
blueGroup2.add(blueCircle2);
blueLayer.add(blueGroup2);
blueLayer.draw();
blueGroup2.setPosition(100, 0);
blueLayer.draw();
},
////////////////////////////////////////////////////////////////////////
// SHAPES tests
////////////////////////////////////////////////////////////////////////
@@ -850,26 +920,6 @@ Test.prototype.tests = {
circle.show();
layer.draw();
},
'GROUPS - hide group': function(containerId) {
var stage = new Kinetic.Stage(containerId, 578, 200);
var layer = new Kinetic.Layer();
var group = new Kinetic.Group();
var circle = new Kinetic.Circle({
x: stage.width / 2,
y: stage.height / 2,
radius: 70,
fill: 'green',
stroke: 'black',
strokeWidth: 4
});
group.add(circle);
layer.add(group);
stage.add(layer);
group.hide();
layer.draw();
},
'SHAPES - set shape alpha to 0.5': function(containerId) {
var stage = new Kinetic.Stage(containerId, 578, 200);
var layer = new Kinetic.Layer();
@@ -1212,16 +1262,16 @@ Test.prototype.tests = {
layer.draw();
});
test(stage.isAnimating === false, 'stage should not be animating');
test(Kinetic.GlobalObject.isAnimating === false, 'global object should not be animating');
test(Kinetic.GlobalObject._isaCanvasAnimating() === false, 'global object should not be animating');
stage.start();
test(stage.isAnimating === true, 'stage should be animating');
test(Kinetic.GlobalObject.isAnimating === true, 'global object should be animating');
test(Kinetic.GlobalObject._isaCanvasAnimating() === true, 'global object should be animating');
stage.stop();
test(stage.isAnimating === false, 'stage should not be animating');
test(Kinetic.GlobalObject.isAnimating === false, 'global object should not be animating');
test(Kinetic.GlobalObject._isaCanvasAnimating() === false, 'global object should not be animating');
}
};