lsm/konva
1
0
Fork 0
mirror of https://github.com/konvajs/konva.git synced 2025-10-15 12:34:52 +08:00
Code Issues Actions Packages Projects Releases Wiki Activity

prettier

Browse Source
This commit is contained in:
Anton Lavrenov
2020-05-08 09:59:35 -05:00
parent a2adcf5f17
commit d5481b1b72
78 changed files with 3714 additions and 3711 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -1,6 +1,6 @@
suite('Layer', function() {
suite('Layer', function () {
// ======================================================
test('test canvas inline styles', function() {
test('test canvas inline styles', function () {
var stage = addStage();
var layer = new Konva.Layer();
@@ -11,7 +11,7 @@ suite('Layer', function() {
radius: 70,
fill: 'green',
stroke: 'black',
strokeWidth: 4
strokeWidth: 4,
});
layer.add(circle);
@@ -40,7 +40,7 @@ suite('Layer', function() {
assert.equal(style.left, '0px', 'canvas left should be 0px');
});
test('test clear()', function() {
test('test clear()', function () {
var stage = addStage();
var layer = new Konva.Layer();
var circle = new Konva.Circle({
@@ -51,12 +51,12 @@ suite('Layer', function() {
stroke: 'black',
strokeWidth: 4,
name: 'myCircle',
draggable: true
draggable: true,
});
circle.colorKey = '#000000';
circle.on('mouseover', function() {
circle.on('mouseover', function () {
console.log('mouseover');
});
@@ -72,10 +72,7 @@ suite('Layer', function() {
'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();
var hitTrace = layer.getHitCanvas().getContext().getTrace();
//console.log(hitTrace);
assert.equal(
hitTrace,
@@ -85,7 +82,7 @@ suite('Layer', function() {
showHit(layer);
});
test('test clear() with bounds', function() {
test('test clear() with bounds', function () {
var stage = addStage();
var layer = new Konva.Layer();
var circle = new Konva.Circle({
@@ -96,12 +93,12 @@ suite('Layer', function() {
stroke: 'black',
strokeWidth: 4,
name: 'myCircle',
draggable: true
draggable: true,
});
circle.colorKey = '#000000';
circle.on('mouseover', function() {
circle.on('mouseover', function () {
console.log('mouseover');
});
@@ -117,10 +114,7 @@ suite('Layer', function() {
'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();
var hitTrace = layer.getHitCanvas().getContext().getTrace();
//console.log(hitTrace);
assert.equal(
hitTrace,
@@ -131,7 +125,7 @@ suite('Layer', function() {
});
// ======================================================
test('layer getIntersection()', function() {
test('layer getIntersection()', function () {
var stage = addStage();
var layer = new Konva.Layer();
@@ -142,7 +136,7 @@ suite('Layer', function() {
strokeWidth: 4,
fill: 'red',
stroke: 'black',
id: 'redCircle'
id: 'redCircle',
});
var greenCircle = new Konva.Circle({
@@ -152,7 +146,7 @@ suite('Layer', function() {
strokeWidth: 4,
fill: 'green',
stroke: 'black',
id: 'greenCircle'
id: 'greenCircle',
});
layer.add(redCircle);
@@ -177,14 +171,14 @@ suite('Layer', function() {
});
// ======================================================
test('layer getIntersection() with selector', function() {
test('layer getIntersection() with selector', function () {
var stage = addStage();
var layer = new Konva.Layer({
name: 'layer'
name: 'layer',
});
var group = new Konva.Group({
name: 'group'
name: 'group',
});
var circle = new Konva.Circle({
@@ -193,7 +187,7 @@ suite('Layer', function() {
radius: 70,
strokeWidth: 4,
fill: 'red',
stroke: 'black'
stroke: 'black',
});
group.add(circle);
@@ -227,10 +221,10 @@ suite('Layer', function() {
});
// ======================================================
test('set layer visibility', function() {
test('set layer visibility', function () {
var stage = addStage();
var layer = new Konva.Layer({
visible: false
visible: false,
});
var rect = new Konva.Rect({
x: 200,
@@ -241,7 +235,7 @@ suite('Layer', function() {
strokeWidth: 4,
scale: { x: 3, y: 1 },
draggable: true,
strokeScaleEnabled: false
strokeScaleEnabled: false,
});
rect.colorKey = '000000';
@@ -251,12 +245,12 @@ suite('Layer', function() {
});
// ======================================================
test('set clearBeforeDraw to false, and test toDataURL for stage, layer, group, and shape', function() {
test('set clearBeforeDraw to false, and test toDataURL for stage, layer, group, and shape', function () {
var stage = addStage();
var layer = new Konva.Layer({
clearBeforeDraw: false,
throttle: 999
throttle: 999,
});
var group = new Konva.Group();
@@ -267,7 +261,7 @@ suite('Layer', function() {
radius: 70,
fill: 'green',
stroke: 'black',
strokeWidth: 4
strokeWidth: 4,
});
group.add(circle);
@@ -288,7 +282,7 @@ suite('Layer', function() {
});
// ======================================================
test('save layer as png', function() {
test('save layer as png', function () {
var stage = addStage();
var layer = new Konva.Layer();
@@ -298,7 +292,7 @@ suite('Layer', function() {
radius: 70,
fill: 'violet',
stroke: 'black',
strokeWidth: 4
strokeWidth: 4,
});
layer.add(Circle);
@@ -308,7 +302,7 @@ suite('Layer', function() {
});
// ======================================================
test('save layer as low quality jpg', function() {
test('save layer as low quality jpg', function () {
var stage = addStage();
var layer = new Konva.Layer();
@@ -318,7 +312,7 @@ suite('Layer', function() {
radius: 70,
fill: 'violet',
stroke: 'black',
strokeWidth: 4
strokeWidth: 4,
});
layer.add(circle);
@@ -326,12 +320,12 @@ suite('Layer', function() {
var dataUrl = layer.toDataURL({
mimeType: 'image/jpeg',
quality: 0.2
quality: 0.2,
});
});
// ======================================================
test('save layer as high quality jpg', function() {
test('save layer as high quality jpg', function () {
var stage = addStage();
var layer = new Konva.Layer();
@@ -341,7 +335,7 @@ suite('Layer', function() {
radius: 70,
fill: 'violet',
stroke: 'black',
strokeWidth: 4
strokeWidth: 4,
});
layer.add(circle);
@@ -349,12 +343,12 @@ suite('Layer', function() {
var dataUrl = layer.toDataURL({
mimeType: 'image/jpeg',
quality: 1
quality: 1,
});
});
// ======================================================
test('hit graph enable disable', function() {
test('hit graph enable disable', function () {
var stage = addStage();
var layer = new Konva.Layer();
@@ -364,7 +358,7 @@ suite('Layer', function() {
radius: 70,
fill: 'red',
stroke: 'black',
strokeWidth: 4
strokeWidth: 4,
});
layer.add(circle);
@@ -384,7 +378,7 @@ suite('Layer', function() {
assert.equal(layer.shouldDrawHit(), true);
});
test('get/set layer size', function() {
test('get/set layer size', function () {
var stage = addStage();
var layer = new Konva.Layer();
stage.add(layer);
@@ -393,18 +387,18 @@ suite('Layer', function() {
assert.equal(layer.height(), stage.height());
});
test('get/set imageSmoothingEnabled', function(done) {
test('get/set imageSmoothingEnabled', function (done) {
var imageObj = new Image();
imageObj.onload = function() {
imageObj.onload = function () {
var stage = addStage();
var layer = new Konva.Layer({
imageSmoothingEnabled: false
imageSmoothingEnabled: false,
});
var darth = new Konva.Image({
image: imageObj,
scaleX: 5,
scaleY: 5
scaleY: 5,
});
layer.add(darth);