lsm/konva
1
0
Fork 0
mirror of https://github.com/konvajs/konva.git synced 2025-09-18 18:27:58 +08:00
Code Issues Actions 2 Packages Projects Releases Wiki Activity

fixed #609 and also made sure that layer.clear() also clears the hit context

Browse Source
This commit is contained in:
Eric Rowell
2013-09-23 08:31:14 -07:00
parent e39bc36190
commit 10dfeb5ef1
3 changed files with 88 additions and 10 deletions
Download Patch File Download Diff File Expand all files Collapse all files

72
test/unit/Layer-test.js
View File

@@ -29,6 +29,78 @@ suite('Layer', function() {
assert.equal(style.left, '0px', 'canvas left should be 0px');
});
test('test clear()', function(){
var stage = addStage();
var layer = new Kinetic.Layer();
var circle = new Kinetic.Circle({
x: 100,
y: 100,
radius: 70,
fill: 'green',
stroke: 'black',
strokeWidth: 4,
name: 'myCircle',
draggable: true
});
circle.colorKey = '#000000';
circle.on('mouseover', function() {
console.log('mouseover');
});
layer.add(circle);
stage.add(layer);
layer.clear();
var trace = layer.getContext().getTrace();
//console.log(trace);
assert.equal(trace, 'clearRect(0,0,578,200);save();transform(1,0,0,1,100,100);beginPath();arc(0,0,70,0,6.283,false);closePath();fillStyle=green;fill();lineWidth=4;strokeStyle=black;stroke();restore();clearRect(0,0,578,200);');
var hitTrace = layer.getHitCanvas().getContext().getTrace();
//console.log(hitTrace);
assert.equal(hitTrace, 'clearRect(0,0,578,200);save();transform(1,0,0,1,100,100);beginPath();arc(0,0,70,0,6.283,false);closePath();save();fillStyle=#000000;fill();restore();lineWidth=4;strokeStyle=#000000;stroke();restore();clearRect(0,0,578,200);');
showHit(layer);
});
test('test clear() with bounds', function(){
var stage = addStage();
var layer = new Kinetic.Layer();
var circle = new Kinetic.Circle({
x: 100,
y: 100,
radius: 70,
fill: 'green',
stroke: 'black',
strokeWidth: 4,
name: 'myCircle',
draggable: true
});
circle.colorKey = '#000000';
circle.on('mouseover', function() {
console.log('mouseover');
});
layer.add(circle);
stage.add(layer);
layer.clear(100, 100, 100, 100);
var trace = layer.getContext().getTrace();
//console.log(trace);
assert.equal(trace, 'clearRect(0,0,578,200);save();transform(1,0,0,1,100,100);beginPath();arc(0,0,70,0,6.283,false);closePath();fillStyle=green;fill();lineWidth=4;strokeStyle=black;stroke();restore();clearRect(100,100,100,100);');
var hitTrace = layer.getHitCanvas().getContext().getTrace();
//console.log(hitTrace);
assert.equal(hitTrace, 'clearRect(0,0,578,200);save();transform(1,0,0,1,100,100);beginPath();arc(0,0,70,0,6.283,false);closePath();save();fillStyle=#000000;fill();restore();lineWidth=4;strokeStyle=#000000;stroke();restore();clearRect(100,100,100,100);');
showHit(layer);
});
// ======================================================
test('layer getIntersection()', function() {
var stage = addStage();