paper.js/test/tests/SymbolItem.js

/*
 * 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('Symbol & Placed Symbol');

test('SymbolItem#bounds', function() {
    var path = new Path.Circle([50, 50], 50);
    path.strokeColor = 'black';
    path.strokeWidth = 1;
    path.strokeCap = 'round';
    path.strokeJoin = 'round';
    equals(path.strokeBounds,
        new Rectangle(-0.5, -0.5, 101, 101),
        'Path initial bounds');
    var definition = new SymbolDefinition(path);
    var item = new SymbolItem(definition);

    equals(item.bounds,
        new Rectangle(-50.5, -50.5, 101, 101),
        'SymbolItem initial bounds');

    item.scale(1, 0.5);
    equals(item.bounds,
        new Rectangle(-50.5, -25.25, 101, 50.5),
        'Bounds after scale');

    item.rotate(40);
    equals(item.bounds,
        new Rectangle(-41.96283, -37.79252, 83.92567, 75.58503),
        'Bounds after rotation');
});

test('bounds of group of SymbolItem instances', function() {
    var path = new Path.Circle(new Point(), 10);
    var definition = new SymbolDefinition(path);
    var instances = [];
    for (var i = 0; i < 10; i++) {
        var instance = definition.place(new Point(i * 20, 20));
        instances.push(instance);
    }
    var group = new Group(instances);
    equals(group.bounds,
        new Rectangle(-10, 10, 200, 20),
        'Group bounds');
});

test('bounds of a SymbolItem that contains a group of items', function() {
    var path = new Path.Circle(new Point(), 10);
    var path2 = path.clone();
    path2.position.x += 20;
    equals(path.bounds,
        new Rectangle(-10, -10, 20, 20),
        'path bounds');
    equals(path2.bounds,
        new Rectangle(10, -10, 20, 20),
        'path2 bounds');
    var group = new Group(path, path2);
    equals(group.bounds,
        new Rectangle(-10, -10, 40, 20),
        'Group bounds');
    var definition = new SymbolDefinition(group);
    var instance = definition.place(new Point(50, 50));
    equals(instance.bounds,
        new Rectangle(30, 40, 40, 20),
        'Instance bounds');
});

test('Changing the definition of a symbol should change the bounds of all instances of it.', function() {
    var path = new Path.Circle(new Point(), 10);
    var path2 = new Path.Circle(new Point(), 20);
    var definition = new SymbolDefinition(path);
    var instance = definition.place(new Point(0, 0));
    equals(instance.bounds,
        new Rectangle(-10, -10, 20, 20),
        'Initial bounds');
    definition.item = path2;
    equals(instance.bounds,
        new Rectangle(-20, -20, 40, 40),
        'Bounds after changing symbol definition');
    definition.item.scale(0.5, 0.5);
    equals(instance.bounds,
        new Rectangle(-10, -10, 20, 20),
        'Bounds after modifying symbol definition');
});

test('SymbolDefinition item selection', function() {
    var path = new Path.Circle([50, 50], 50);
    path.selected = true;
    var definition = new SymbolDefinition(path);
    equals(function() {
        return definition.item.selected == false;
    }, true);
    equals(function() {
        return paper.project.selectedItems.length === 0;
    }, true);
});

test('SymbolDefinition#place()', function() {
    var path = new Path.Circle([50, 50], 50);
    var symbol = new SymbolDefinition(path);
    var placed = symbol.place();
    equals(function() {
        return placed.parent == paper.project.activeLayer;
    }, true);

    equals(function() {
        return placed.definition == symbol;
    }, true);

    equals(function() {
        return placed.position.toString();
    }, '{ x: 0, y: 0 }');
});

test('SymbolDefinition#place(position)', function() {
    var path = new Path.Circle([50, 50], 50);
    var symbol = new SymbolDefinition(path);
    var placed = symbol.place(new Point(100, 100));
    equals(function() {
        return placed.position.toString();
    }, '{ x: 100, y: 100 }');
});

test('SymbolItem#bounds with #applyMatrix = false', function() {
    var path = new Path.Rectangle({
        point: [100, 100],
        size: [50, 50],
        strokeColor: 'red',
        applyMatrix: false,
        strokeWidth: 50
    });
    var symbol = new SymbolDefinition(path);
    var placed = symbol.place([200, 200]);
    equals(function() { return placed.bounds; },
        { x: 150, y: 150, width: 100, height: 100 });
});

test('SymbolItem#hitTestAll', function() {
    var symbol = new SymbolDefinition(
        new Path.Circle({
            center: [0, 0],
            radius: 10,
            fillColor: 'orange'
        })
    );
    var symbolItem = symbol.place([50, 50]);

    var hitTestAll = symbolItem.hitTestAll([50, 50]);
    equals(hitTestAll.length, 1);
    equals(hitTestAll[0].item.id, symbolItem.id);
});