mirror of
https://github.com/scratchfoundation/paper.js.git
synced 2024-12-29 09:22:22 -05:00
parent
b485724f83
commit
4172eafba0
1 changed files with 27 additions and 0 deletions
|
@ -192,3 +192,30 @@ test('setting Group#fillColor and #strokeColor 2', function() {
|
||||||
// The second path still has its strokeColor set to red:
|
// The second path still has its strokeColor set to red:
|
||||||
equals(secondPath.strokeColor, new Color('red'), 'secondPath.strokeColor');
|
equals(secondPath.strokeColor, new Color('red'), 'secondPath.strokeColor');
|
||||||
});
|
});
|
||||||
|
|
||||||
|
test('Color change propagation (#1672)', function(assert) {
|
||||||
|
// We use this trick to take a snapshot of the current canvas content
|
||||||
|
// without any kind of side effect that `item.rasterize()` or other
|
||||||
|
// techniques would have.
|
||||||
|
function getDataURL() {
|
||||||
|
view.update();
|
||||||
|
return view.context.canvas.toDataURL();
|
||||||
|
}
|
||||||
|
|
||||||
|
var item = new Path.Circle({
|
||||||
|
center: view.center,
|
||||||
|
radius: 70,
|
||||||
|
fillColor: 'red'
|
||||||
|
});
|
||||||
|
var imageDataBefore = getDataURL();
|
||||||
|
|
||||||
|
// Change style property and check that change was detected.
|
||||||
|
item.fillColor.hue += 100;
|
||||||
|
var imageDataAfter = getDataURL();
|
||||||
|
|
||||||
|
// We are limited to check that both snapshots are different.
|
||||||
|
equals(
|
||||||
|
imageDataBefore !== imageDataAfter, true,
|
||||||
|
'Canvas content should change after a change of item.fillColor.'
|
||||||
|
);
|
||||||
|
});
|
||||||
|
|
Loading…
Reference in a new issue