lsm/konva
1
0
Fork 0
mirror of https://github.com/konvajs/konva.git synced 2025-12-19 10:58:20 +08:00
Code Issues Actions 2 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

224
test/unit/Animation-test.js
View File

@@ -1,125 +1,129 @@
suite('Animation', function() {
// ======================================================
test('test start and stop', function() {
var stage = addStage();
var layer = new Konva.Layer();
var rect = new Konva.Rect({
x: 200,
y: 100,
width: 100,
height: 50,
fill: 'green',
stroke: 'black',
strokeWidth: 4
});
layer.add(rect);
stage.add(layer);
var amplitude = 150;
var period = 1000;
// in ms
var centerX = stage.getWidth() / 2 - 100 / 2;
var anim = new Konva.Animation(function(frame) {
rect.setX(amplitude * Math.sin(frame.time * 2 * Math.PI / period) + centerX);
}, layer);
var a = Konva.Animation.animations;
var startLen = a.length;
assert.equal(a.length, startLen, '1should be no animations running');
anim.start();
assert.equal(a.length, startLen + 1, '2should be 1 animation running');
anim.stop();
assert.equal(a.length, startLen, '3should be no animations running');
anim.start();
assert.equal(a.length, startLen + 1, '4should be 1 animation running');
anim.start();
assert.equal(a.length, startLen + 1, '5should be 1 animation runningg');
anim.stop();
assert.equal(a.length, startLen, '6should be no animations running');
anim.stop();
assert.equal(a.length, startLen, '7should be no animations running');
// ======================================================
test('test start and stop', function() {
var stage = addStage();
var layer = new Konva.Layer();
var rect = new Konva.Rect({
x: 200,
y: 100,
width: 100,
height: 50,
fill: 'green',
stroke: 'black',
strokeWidth: 4
});
// ======================================================
test('layer batch draw', function() {
var stage = addStage();
var layer = new Konva.Layer();
var rect = new Konva.Rect({
x: 200,
y: 100,
width: 100,
height: 50,
fill: 'green',
stroke: 'black',
strokeWidth: 4
});
layer.add(rect);
stage.add(layer);
layer.add(rect);
stage.add(layer);
var amplitude = 150;
var period = 1000;
// in ms
var centerX = stage.getWidth() / 2 - 100 / 2;
draws = 0;
var anim = new Konva.Animation(
function(frame) {
rect.setX(
amplitude * Math.sin(frame.time * 2 * Math.PI / period) + centerX
);
},
layer
);
var a = Konva.Animation.animations;
var startLen = a.length;
layer.on('draw', function() {
//console.log('draw')
draws++;
});
assert.equal(a.length, startLen, '1should be no animations running');
layer.draw();
layer.draw();
layer.draw();
anim.start();
assert.equal(a.length, startLen + 1, '2should be 1 animation running');
assert.equal(draws, 3, 'draw count should be 3');
anim.stop();
assert.equal(a.length, startLen, '3should be no animations running');
layer.batchDraw();
layer.batchDraw();
layer.batchDraw();
anim.start();
assert.equal(a.length, startLen + 1, '4should be 1 animation running');
assert.notEqual(draws, 6, 'should not be 6 draws');
anim.start();
assert.equal(a.length, startLen + 1, '5should be 1 animation runningg');
anim.stop();
assert.equal(a.length, startLen, '6should be no animations running');
anim.stop();
assert.equal(a.length, startLen, '7should be no animations running');
});
// ======================================================
test('layer batch draw', function() {
var stage = addStage();
var layer = new Konva.Layer();
var rect = new Konva.Rect({
x: 200,
y: 100,
width: 100,
height: 50,
fill: 'green',
stroke: 'black',
strokeWidth: 4
});
// ======================================================
test('stage batch draw', function() {
var stage = addStage();
var layer = new Konva.Layer();
var rect = new Konva.Rect({
x: 200,
y: 100,
width: 100,
height: 50,
fill: 'green',
stroke: 'black',
strokeWidth: 4
});
layer.add(rect);
stage.add(layer);
layer.add(rect);
stage.add(layer);
draws = 0;
layer.on('draw', function() {
//console.log('draw')
draws++;
});
stage.draw();
stage.draw();
stage.draw();
assert.equal(draws, 3, 'draw count should be 3');
stage.batchDraw();
stage.batchDraw();
stage.batchDraw();
assert.notEqual(draws, 6, 'should not be 6 draws');
draws = 0;
layer.on('draw', function() {
//console.log('draw')
draws++;
});
});
layer.draw();
layer.draw();
layer.draw();
assert.equal(draws, 3, 'draw count should be 3');
layer.batchDraw();
layer.batchDraw();
layer.batchDraw();
assert.notEqual(draws, 6, 'should not be 6 draws');
});
// ======================================================
test('stage batch draw', function() {
var stage = addStage();
var layer = new Konva.Layer();
var rect = new Konva.Rect({
x: 200,
y: 100,
width: 100,
height: 50,
fill: 'green',
stroke: 'black',
strokeWidth: 4
});
layer.add(rect);
stage.add(layer);
draws = 0;
layer.on('draw', function() {
//console.log('draw')
draws++;
});
stage.draw();
stage.draw();
stage.draw();
assert.equal(draws, 3, 'draw count should be 3');
stage.batchDraw();
stage.batchDraw();
stage.batchDraw();
assert.notEqual(draws, 6, 'should not be 6 draws');
});
});