mirror of
https://github.com/scratchfoundation/paper.js.git
synced 2024-12-28 17:02:24 -05:00
115 lines
3.6 KiB
JavaScript
115 lines
3.6 KiB
JavaScript
/*
|
|
* Paper.js - The Swiss Army Knife of Vector Graphics Scripting.
|
|
* http://paperjs.org/
|
|
*
|
|
* Copyright (c) 2011 - 2020, Jürg Lehni & Jonathan Puckey
|
|
* http://juerglehni.com/ & https://puckey.studio/
|
|
*
|
|
* Distributed under the MIT license. See LICENSE file for details.
|
|
*
|
|
* All rights reserved.
|
|
*/
|
|
|
|
QUnit.module('Item Order');
|
|
|
|
test('Item Order', function() {
|
|
var line = new Path();
|
|
line.add([0, 0], [100, 100]);
|
|
line.name = 'line';
|
|
|
|
var circle = new Path.Circle([50, 50], 50);
|
|
circle.name = 'circle';
|
|
|
|
var group = new Group([circle]);
|
|
group.name = 'group';
|
|
|
|
equals(function() {
|
|
return circle.isAbove(line);
|
|
}, true);
|
|
equals(function() {
|
|
return line.isBelow(circle);
|
|
}, true);
|
|
|
|
equals(function() {
|
|
return group.isAbove(line);
|
|
}, true);
|
|
equals(function() {
|
|
return line.isBelow(group);
|
|
}, true);
|
|
|
|
|
|
equals(function() {
|
|
return group.isAncestor(circle);
|
|
}, true);
|
|
|
|
equals(function() {
|
|
return circle.isDescendant(group);
|
|
}, true);
|
|
|
|
|
|
equals(function() {
|
|
return group.isAbove(circle);
|
|
}, false);
|
|
|
|
equals(function() {
|
|
return group.isBelow(circle);
|
|
}, false);
|
|
});
|
|
|
|
test('Item#insertAbove(item) / Item#insertBelow(item)', function() {
|
|
var item0, item1, item2;
|
|
|
|
function testType(ctor) {
|
|
function testMove(command, indexes) {
|
|
paper.project.clear();
|
|
if (ctor !== Layer)
|
|
new Layer();
|
|
item0 = new ctor();
|
|
item1 = new ctor();
|
|
item2 = new ctor();
|
|
command();
|
|
var str = getFunctionMessage(command);
|
|
var name = item0.className.toLowerCase();
|
|
equals(item0.index, indexes[0], str + ': ' + name + '0.index');
|
|
equals(item1.index, indexes[1], str + ': ' + name + '1.index');
|
|
equals(item2.index, indexes[2], str + ': ' + name + '2.index');
|
|
}
|
|
|
|
testMove(function() { item0.insertBelow(item0); }, [0,1,2]);
|
|
testMove(function() { item0.insertBelow(item1); }, [0,1,2]);
|
|
testMove(function() { item0.insertBelow(item2); }, [1,0,2]);
|
|
testMove(function() { item1.insertBelow(item0); }, [1,0,2]);
|
|
testMove(function() { item1.insertBelow(item1); }, [0,1,2]);
|
|
testMove(function() { item1.insertBelow(item2); }, [0,1,2]);
|
|
|
|
testMove(function() { item2.insertBelow(item0); }, [1,2,0]);
|
|
testMove(function() { item2.insertBelow(item1); }, [0,2,1]);
|
|
testMove(function() { item2.insertBelow(item2); }, [0,1,2]);
|
|
|
|
testMove(function() { item0.insertAbove(item0); }, [0,1,2]);
|
|
testMove(function() { item0.insertAbove(item1); }, [1,0,2]);
|
|
testMove(function() { item0.insertAbove(item2); }, [2,0,1]);
|
|
testMove(function() { item1.insertAbove(item0); }, [0,1,2]);
|
|
testMove(function() { item1.insertAbove(item1); }, [0,1,2]);
|
|
testMove(function() { item1.insertAbove(item2); }, [0,2,1]);
|
|
testMove(function() { item2.insertAbove(item0); }, [0,2,1]);
|
|
testMove(function() { item2.insertAbove(item1); }, [0,1,2]);
|
|
testMove(function() { item2.insertAbove(item2); }, [0,1,2]);
|
|
}
|
|
|
|
testType(Group);
|
|
testType(Layer);
|
|
});
|
|
|
|
test('Item#insertChild() with already inserted children', function() {
|
|
var item1 = new Group(),
|
|
item2 = new Group(),
|
|
item3 = new Group(),
|
|
item4 = new Group(),
|
|
newIndex = 1,
|
|
oldIndex = item4.index;
|
|
item4.parent.insertChild(1, item4);
|
|
equals(function() { return item4.index; }, newIndex);
|
|
item4.parent.insertChild(oldIndex, item4);
|
|
equals(function() { return item4.index; }, oldIndex);
|
|
});
|