Add tests for basic image contrast + image contrast with tween + image contrast with crop

This commit is contained in:
sarthak saxena 2018-02-01 02:06:28 +05:30
parent 4d96081df7
commit 1741509cf7
No known key found for this signature in database
GPG Key ID: E7872E99D1AC32E4
3 changed files with 105 additions and 0 deletions

View File

@ -107,6 +107,7 @@ require('./unit/filters/Noise-test.js');
require('./unit/filters/Threshold-test.js');
require('./unit/filters/Posterize-test.js');
require('./unit/filters/Sepia-test.js');
require('./unit/filters/Contrast-test.js');
require('./unit/filters/Emboss-test.js');
require('./unit/filters/Solarize-test.js');
require('./unit/filters/Kaleidoscope-test.js');

View File

@ -59,6 +59,7 @@
<script src="../src/filters/Pixelate.js" data-cover></script>
<script src="../src/filters/Threshold.js" data-cover></script>
<script src="../src/filters/Sepia.js" data-cover></script>
<script src="../src/filters/Contrast.js" data-cover></script>
<script src="../src/filters/Solarize.js" data-cover></script>
<script src="../src/filters/Kaleidoscope.js" data-cover></script>
@ -164,6 +165,7 @@
<script src="unit/filters/Threshold-test.js"></script>
<script src="unit/filters/Posterize-test.js"></script>
<script src="unit/filters/Sepia-test.js"></script>
<script src="unit/filters/Contrast-test.js"></script>
<script src="unit/filters/Emboss-test.js"></script>
<script src="unit/filters/Solarize-test.js"></script>
<script src="unit/filters/Kaleidoscope-test.js"></script>

View File

@ -0,0 +1,102 @@
suite('Filter Contrast', function() {
// ======================================================
test('basic', function(done) {
var stage = addStage();
var imageObj = new Image();
imageObj.onload = function() {
var layer = new Konva.Layer();
var darth = new Konva.Image({
x: 10,
y: 10,
image: imageObj,
draggable: true
});
layer.add(darth);
stage.add(layer);
darth.cache();
darth.filters([Konva.Filters.Contrast]);
darth.contrast(40);
layer.draw();
assert.equal(darth.contrast(), 40);
done();
};
imageObj.src = 'assets/darth-vader.jpg';
});
// ======================================================
test('tween', function(done) {
var stage = addStage();
var imageObj = new Image();
imageObj.onload = function() {
var layer = new Konva.Layer();
var darth = new Konva.Image({
x: 10,
y: 10,
image: imageObj,
draggable: true
});
layer.add(darth);
stage.add(layer);
darth.cache();
darth.filters([Konva.Filters.Contrast]);
darth.contrast(40);
layer.draw();
var tween = new Konva.Tween({
node: darth,
duration: 2.0,
contrast: 0,
easing: Konva.Easings.EaseInOut
});
darth.on('mouseover', function() {
tween.play();
});
darth.on('mouseout', function() {
tween.reverse();
});
done();
};
imageObj.src = 'assets/darth-vader.jpg';
});
// ======================================================
test('crop', function(done) {
var stage = addStage();
var imageObj = new Image();
imageObj.onload = function() {
var layer = new Konva.Layer();
var darth = new Konva.Image({
x: 10,
y: 10,
image: imageObj,
crop: {x: 128, y: 48, width: 256, height: 128},
draggable: true
});
layer.add(darth);
stage.add(layer);
darth.cache();
darth.filters([Konva.Filters.Contrast]);
darth.contrast(-40);
layer.draw();
assert.equal(darth.contrast(), -40);
done();
};
imageObj.src = 'assets/darth-vader.jpg';
});
});