From e4db57355bdcccfe7e9c707c142d56af907d428e Mon Sep 17 00:00:00 2001 From: ippo615 Date: Sun, 29 Sep 2013 14:49:19 -0400 Subject: [PATCH] Added transparent images to tests. --- test/unit/filters/Blur-test.js | 43 ++++++++++++++++++++++++++++ test/unit/filters/Brighten-test.js | 44 +++++++++++++++++++++++++++++ test/unit/filters/ColorPack-test.js | 32 +++++++++++++++++++-- 3 files changed, 117 insertions(+), 2 deletions(-) diff --git a/test/unit/filters/Blur-test.js b/test/unit/filters/Blur-test.js index 33a03447..ce943c1d 100644 --- a/test/unit/filters/Blur-test.js +++ b/test/unit/filters/Blur-test.js @@ -145,4 +145,47 @@ suite('Blur', function() { imageObj.src = 'assets/darth-vader.jpg'; }); + // ====================================================== + test('transparency', function(done) { + var stage = addStage(); + + var imageObj = new Image(); + imageObj.onload = function() { + + var layer = new Kinetic.Layer(); + darth = new Kinetic.Image({ + x: 10, + y: 10, + image: imageObj, + draggable: true + }); + + layer.add(darth); + stage.add(layer); + + darth.setFilter(Kinetic.Filters.Blur); + darth.setFilterRadius(100); + layer.draw(); + + var tween = new Kinetic.Tween({ + node: darth, + duration: 2.0, + filterRadius: 0, + easing: Kinetic.Easings.EaseInOut + }); + + darth.on('mouseover', function() { + tween.play(); + }); + + darth.on('mouseout', function() { + tween.reverse(); + }); + + done(); + + }; + imageObj.src = 'assets/lion.png'; + }); + }); \ No newline at end of file diff --git a/test/unit/filters/Brighten-test.js b/test/unit/filters/Brighten-test.js index 27cb7f9f..b56184ce 100644 --- a/test/unit/filters/Brighten-test.js +++ b/test/unit/filters/Brighten-test.js @@ -103,4 +103,48 @@ suite('Brighten', function() { imageObj.src = 'assets/darth-vader.jpg'; }); + // ====================================================== + test('tween transparency', function(done) { + var stage = addStage(); + + var imageObj = new Image(); + imageObj.onload = function() { + + var layer = new Kinetic.Layer(); + darth = new Kinetic.Image({ + x: 10, + y: 10, + image: imageObj, + draggable: true + }); + + layer.add(darth); + stage.add(layer); + + darth.setFilter(Kinetic.Filters.Brighten); + darth.setFilterBrightness(100); + layer.draw(); + + var tween = new Kinetic.Tween({ + node: darth, + duration: 2.0, + filterBrightness: -100, + easing: Kinetic.Easings.EaseInOut + }); + + darth.on('mouseover', function() { + tween.play(); + }); + + darth.on('mouseout', function() { + tween.reverse(); + }); + + done(); + + }; + imageObj.src = 'assets/lion.png'; + }); + + }); \ No newline at end of file diff --git a/test/unit/filters/ColorPack-test.js b/test/unit/filters/ColorPack-test.js index 02ff6509..2ab811e5 100644 --- a/test/unit/filters/ColorPack-test.js +++ b/test/unit/filters/ColorPack-test.js @@ -1,6 +1,6 @@ suite('Color Pack', function() { // ====================================================== - test('colorize', function(done) { + test('colorize basic', function(done) { var stage = addStage(); var imageObj = new Image(); @@ -31,7 +31,7 @@ suite('Color Pack', function() { }); // ====================================================== - test('crop', function(done) { + test('colorize crop', function(done) { var stage = addStage(); var imageObj = new Image(); @@ -61,4 +61,32 @@ suite('Color Pack', function() { imageObj.src = 'assets/darth-vader.jpg'; }); + // ====================================================== + test('colorize transparancy', function(done) { + var stage = addStage(); + + var imageObj = new Image(); + imageObj.onload = function() { + + var layer = new Kinetic.Layer(); + darth = new Kinetic.Image({ + x: 10, + y: 10, + image: imageObj, + draggable: true + }); + + layer.add(darth); + stage.add(layer); + + darth.setFilter(Kinetic.Filters.Colorize); + darth.setFilterColorizeColor([0,128,255]); + layer.draw(); + + done(); + }; + imageObj.src = 'assets/lion.png'; + + }); + }); \ No newline at end of file