paper.js/test/tests/Rectangle.js

/*
 * Paper.js - The Swiss Army Knife of Vector Graphics Scripting.
 * http://paperjs.org/
 *
 * Copyright (c) 2011 - 2016, Juerg Lehni & Jonathan Puckey
 * http://scratchdisk.com/ & http://jonathanpuckey.com/
 *
 * Distributed under the MIT license. See LICENSE file for details.
 *
 * All rights reserved.
 */

QUnit.module('Rectangle');

test('new Rectangle(new Point(10, 20), new Size(30, 40));', function() {
    var rect = new Rectangle(new Point(10, 20), new Size(30, 40));
    equals(rect.toString(), '{ x: 10, y: 20, width: 30, height: 40 }');
});

test('new Rectangle({ point: [10, 20], size: [30, 40] });', function() {
    var rect = new Rectangle({ point: [10, 20], size: [30, 40] });
    equals(rect.toString(), '{ x: 10, y: 20, width: 30, height: 40 }');
});

test('new Rectangle({ point: new Point(10, 20), size: new Size(30, 40)});', function() {
    var rect = new Rectangle({ point: new Point(10, 20), size: new Size(30, 40)});
    equals(rect.toString(), '{ x: 10, y: 20, width: 30, height: 40 }');
});

test('new Rectangle([10, 20], [30, 40]);', function() {
    var rect = new Rectangle([10, 20], [30, 40]);
    equals(rect.toString(), '{ x: 10, y: 20, width: 30, height: 40 }');
});

test('new Rectangle({from: [10, 20], to: [30, 40]});', function() {
    var rect = new Rectangle({from: [10, 20], to: [30, 40]});
    equals(rect.toString(), '{ x: 10, y: 20, width: 20, height: 20 }');
});

test('new Rectangle(new Point(10, 20), new Point(30, 40));', function() {
    var rect = new Rectangle(new Point(10, 20), new Point(30, 40));
    equals(rect.toString(), '{ x: 10, y: 20, width: 20, height: 20 }');
});

test('new Rectangle(10, 20, 30, 40);', function() {
    var rect = new Rectangle(10, 20, 30, 40);
    equals(rect.toString(), '{ x: 10, y: 20, width: 30, height: 40 }');
});

test('new Rectangle({x: 10, y: 20, width: 30, height: 40});', function() {
    var rect = new Rectangle({x: 10, y: 20, width: 30, height: 40});
    equals(rect.toString(), '{ x: 10, y: 20, width: 30, height: 40 }');
});

test('get size', function() {
    var rect = new Rectangle(10, 10, 20, 30);
    equals(function() {
        return rect.size.equals([20, 30]);
    }, true);
});

test('set size', function() {
    var rect = new Rectangle(10, 10, 20, 20);
    rect.size = new Size(30, 30);
    equals(rect.toString(), '{ x: 10, y: 10, width: 30, height: 30 }');
});

test('topLeft', function() {
    var rect = new Rectangle(10, 10, 20, 20);
    var point = rect.topLeft;
    equals(point.toString(), '{ x: 10, y: 10 }');
});

test('set topLeft', function() {
    var rect = new Rectangle(10, 10, 20, 20);
    rect.topLeft = [10, 15];
    var point = rect.topLeft;
    equals(point.toString(), '{ x: 10, y: 15 }');
});

test('get topRight', function() {
    var rect = new Rectangle(10, 10, 20, 20);
    var point = rect.topRight;
    equals(point.toString(), '{ x: 30, y: 10 }');
});

test('set topRight', function() {
    var rect = new Rectangle(10, 10, 20, 20);
    rect.topRight = [10, 15];
    var point = rect.topRight;
    equals(point.toString(), '{ x: 10, y: 15 }');
});

test('get bottomLeft', function() {
    var rect = new Rectangle(10, 10, 20, 20);
    var point = rect.bottomLeft;
    equals(point.toString(), '{ x: 10, y: 30 }');
});

test('set bottomLeft', function() {
    var rect = new Rectangle(10, 10, 20, 20);
    rect.bottomLeft = [10, 15];
    var point = rect.bottomLeft;
    equals(point.toString(), '{ x: 10, y: 15 }');
});

test('get bottomRight', function() {
    var rect = new Rectangle(10, 10, 20, 20);
    var point = rect.bottomRight;
    equals(point.toString(), '{ x: 30, y: 30 }');
});

test('set bottomRight', function() {
    var rect = new Rectangle(10, 10, 20, 20);
    rect.bottomRight = [10, 15];
    var point = rect.bottomRight;
    equals(point.toString(), '{ x: 10, y: 15 }');
});

test('get bottomCenter', function() {
    var rect = new Rectangle(10, 10, 20, 20);
    var point = rect.bottomCenter;
    equals(point.toString(), '{ x: 20, y: 30 }');
});

test('set bottomCenter', function() {
    var rect = new Rectangle(10, 10, 20, 20);
    rect.bottomCenter = [10, 15];
    var point = rect.bottomCenter;
    equals(point.toString(), '{ x: 10, y: 15 }');
});

test('get topCenter', function() {
    var rect = new Rectangle(10, 10, 20, 20);
    var point = rect.topCenter;
    equals(point.toString(), '{ x: 20, y: 10 }');
});

test('set topCenter', function() {
    var rect = new Rectangle(10, 10, 20, 20);
    rect.topCenter = [10, 15];
    var point = rect.topCenter;
    equals(point.toString(), '{ x: 10, y: 15 }');
});

test('get leftCenter', function() {
    var rect = new Rectangle(10, 10, 20, 20);
    var point = rect.leftCenter;
    equals(point.toString(), '{ x: 10, y: 20 }');
});

test('set leftCenter', function() {
    var rect = new Rectangle(10, 10, 20, 20);
    rect.leftCenter = [10, 15];
    var point = rect.leftCenter;
    equals(point.toString(), '{ x: 10, y: 15 }');
});

test('get rightCenter', function() {
    var rect = new Rectangle(10, 10, 20, 20);
    var point = rect.rightCenter;
    equals(point.toString(), '{ x: 30, y: 20 }');
});

test('set rightCenter', function() {
    var rect = new Rectangle(10, 10, 20, 20);
    rect.rightCenter = [10, 15];
    var point = rect.rightCenter;
    equals(point.toString(), '{ x: 10, y: 15 }');
});

test('intersects(rect)', function() {
    var rect1 = new Rectangle({ x: 160, y: 270, width: 20, height: 20 });
    var rect2 = { x: 195, y: 301, width: 19, height: 19 };
    equals(function() {
        return rect1.intersects(rect2);
    }, false);
    rect1 = new Rectangle({ x: 160, y: 270, width: 20, height: 20 });
    rect2 = { x: 170.5, y: 280.5, width: 19, height: 19 };
    equals(function() {
        return rect1.intersects(rect2);
    }, true);
});

test('contains(rect)', function() {
    var rect1 = new Rectangle({ x: 160, y: 270, width: 20, height: 20 });
    var rect2 = { x: 195, y: 301, width: 19, height: 19 };
    equals(function() {
        return rect1.contains(rect2);
    }, false);
    rect1 = new Rectangle({ x: 160, y: 270, width: 20, height: 20 });
    rect2 = new Rectangle({ x: 170.5, y: 280.5, width: 19, height: 19 });
    equals(function() {
        return rect1.contains(rect2);
    }, false);

    rect1 = new Rectangle({ x: 299, y: 161, width: 137, height: 129 });
    rect2 = new Rectangle({ x: 340, y: 197, width: 61, height: 61 });
    equals(function() {
        return rect1.contains(rect2);
    }, true);
    equals(function() {
        return rect2.contains(rect1);
    }, false);
});

test('contains(point)', function() {
    var rect = new Rectangle({ x: 160, y: 270, width: 20, height: 20 });
    var point = new Point(166, 280);
    equals(function() {
        return rect.contains(point);
    }, true);
    var point = new Point(30, 30);
    equals(function() {
        return rect.contains(point);
    }, false);
});

test('intersect(rect)', function() {
    var rect1 = new Rectangle({ x: 160, y: 270, width: 20, height: 20 });
    var rect2 = { x: 170.5, y: 280.5, width: 19, height: 19 };
    var intersected = rect1.intersect(rect2);
    equals(function() {
        return intersected.equals({ x: 170.5, y: 280.5, width: 9.5, height: 9.5 });
    }, true);
});

test('unite(rect)', function() {
    var rect1 = new Rectangle({ x: 160, y: 270, width: 20, height: 20 });
    var rect2 = { x: 170.5, y: 280.5, width: 19, height: 19 };
    var united = rect1.unite(rect2);
    equals(function() {
        return united.equals({ x: 160, y: 270, width: 29.5, height: 29.5 });
    }, true);
});

test('include(point)', function() {
    var rect1 = new Rectangle({ x: 95, y: 151, width: 20, height: 20 });
    var included = rect1.include([50, 50]);
    equals(function() {
        return included.equals({ x: 50, y: 50, width: 65, height: 121 });
    }, true);
});

test('toString()', function() {
    var string = new Rectangle(10, 20, 30, 40).toString();
    equals(string, '{ x: 10, y: 20, width: 30, height: 40 }');
});

test('new Rectangle(object)', function() {
    equals(function() {
        return new Rectangle({
            center: [50, 100],
            size: [100, 200]
        }).toString();
    }, '{ x: 0, y: 0, width: 100, height: 200 }');

    equals(function() {
        return new Rectangle({
            topLeft: [100, 50],
            size: [100, 200]
        }).toString();
    }, '{ x: 100, y: 50, width: 100, height: 200 }');

    equals(function() {
        return new Rectangle({
            size: [100, 200],
            topLeft: [100, 50]
        }).toString();
    }, '{ x: 100, y: 50, width: 100, height: 200 }');

    equals(function() {
        return new Rectangle({
            topRight: [200, 50],
            size: [100, 200]
        }).toString();
    }, '{ x: 100, y: 50, width: 100, height: 200 }');

    equals(function() {
        return new Rectangle({
            size: [100, 200],
            topRight: [200, 50]
        }).toString();
    }, '{ x: 100, y: 50, width: 100, height: 200 }');

    equals(function() {
        return new Rectangle({
            bottomRight: [200, 250],
            size: [100, 200]
        }).toString();
    }, '{ x: 100, y: 50, width: 100, height: 200 }');

    equals(function() {
        return new Rectangle({
            size: [100, 200],
            bottomRight: [200, 250]
        }).toString();
    }, '{ x: 100, y: 50, width: 100, height: 200 }');

    equals(function() {
        return new Rectangle({
            bottomLeft: [100, 250],
            size: [100, 200]
        }).toString();
    }, '{ x: 100, y: 50, width: 100, height: 200 }');

    equals(function() {
        return new Rectangle({
            size: [100, 200],
            bottomLeft: [100, 250]
        }).toString();
    }, '{ x: 100, y: 50, width: 100, height: 200 }');

    equals(function() {
        return new Rectangle({
            topRight: [200, 50],
            bottomLeft: [100, 250]
        }).toString();
    }, '{ x: 100, y: 50, width: 100, height: 200 }');

    equals(function() {
        return new Rectangle({
            topLeft: [100, 50],
            bottomRight: [200, 250]
        }).toString();
    }, '{ x: 100, y: 50, width: 100, height: 200 }');

    equals(function() {
        return new Rectangle({
            top: 50,
            right: 200,
            bottom: 250,
            left: 100
        }).toString();
    }, '{ x: 100, y: 50, width: 100, height: 200 }');
});