snap.js/test/path.js

describe("Path methods", function () {
    it("Snap.path.getTotalLength", function () {
        expect(+Snap.path.getTotalLength("M0,0 100,0").toFixed(2)).to.be(100);
    });
    it("Snap.path.getPointAtLength", function () {
        expect(Snap.path.getPointAtLength("M0,0 100,0", 50)).to.eql({
            x: 50,
            y: 0,
            m: {
                x: 25,
                y: 0
            },
            n: {
                x: 75,
                y: 0
            },
            start: {
                x: 0,
                y: 0
            },
            end: {
                x: 100,
                y: 0
            },
            alpha: 180
        });
    });
    it("Snap.path.getSubpath", function () {
        expect(Snap.path.getSubpath("M0,0 100,0", 10, 90)).to.be("M9.995,0C29.153,0,70.839,0,90,0");
        expect(Snap.path.getSubpath("M0,0 100,0", 0, 90)).to.be("M0,0C0,0,64.674,0,90,0");
        expect(Snap.path.getSubpath("M0,0 100,0", 10, 120)).to.be("M10,0C35.326,0,100,0,100,0");
    });
    it("Snap.path.findDotsAtSegment", function () {
        expect(Snap.path.findDotsAtSegment(0,0,0,0,100,0,100,0,.5)).to.eql({
            x: 50,
            y: 0,
            m: {
                x: 25,
                y: 0
            },
            n: {
                x: 75,
                y: 0
            },
            start: {
                x: 0,
                y: 0
            },
            end: {
                x: 100,
                y: 0
            },
            alpha: 180
        });
    });
    it("Snap.path.bezierBBox - params", function () {
        var bbox = Snap.path.bezierBBox(10, 10, 10, 20, 110, 0, 110, 10);
        expect(bbox.cx).to.be(60);
        expect(bbox.cy).to.be(10);
        expect(bbox.x).to.be(10);
        expect(bbox.w).to.be(100);
        expect(bbox.width).to.be(100);
        expect(bbox.x2).to.be(110);
    });
    it("Snap.path.bezierBBox - array", function () {
        var bbox = Snap.path.bezierBBox([10, 10, 10, 20, 110, 0, 110, 10]);
        expect(bbox.cx).to.be(60);
        expect(bbox.cy).to.be(10);
        expect(bbox.x).to.be(10);
        expect(bbox.w).to.be(100);
        expect(bbox.width).to.be(100);
        expect(bbox.x2).to.be(110);
    });
    it("Snap.path.getBBox", function() {
        // same as 10,20,30,40 rect
        var bbox = Snap.path.getBBox("M10,20h30v40h-30z");
        expect(bbox.x).to.eql(10);
        expect(bbox.y).to.eql(20);
        expect(bbox.width).to.eql(30);
        expect(bbox.height).to.eql(40);
        expect(bbox.x2).to.eql(10 + 30);
        expect(bbox.y2).to.eql(20 + 40);
    });
    it("Snap.path.isPointInsideBBox", function () {
        expect(Snap.path.isPointInsideBBox({x: 0, y: 0, width: 10, height: 10}, 5, 5)).to.be(true);
        expect(Snap.path.isPointInsideBBox({x: 0, y: 0, width: 10, height: 10}, 10, 5)).to.be(true);
        expect(Snap.path.isPointInsideBBox({x: 0, y: 0, width: 10, height: 10}, 10, 10)).to.be(true);
    });
    it("Snap.path.isBBoxIntersect", function () {
        expect(Snap.path.isBBoxIntersect({
                x: 0,
                y: 0,
                width: 10,
                height: 10
            }, {
                x: 5,
                y: 5,
                width: 15,
                height: 15
            })).to.be(true);
        expect(Snap.path.isBBoxIntersect({
                x: 0,
                y: 0,
                width: 10,
                height: 10
            }, {
                x: 5,
                y: 5,
                width: 7,
                height: 7
            })).to.be(true);
        expect(Snap.path.isBBoxIntersect({
                x: 0,
                y: 0,
                width: 10,
                height: 10
            }, {
                x: 15,
                y: 15,
                width: 10,
                height: 10
            })).to.be(false);
    });
    it("Snap.path.toAbsolute", function() {
        var relPath = "M 10 10" +
                        "h 40" +
                        "v 30" +
                        "h -40" +
                        "l 0 -30" +
                        "m 0 40" +
                        "l 30 0" +
                        "l 0 40" +
                        "l -30 0" +
                        "m 0 10" +
                        "c 20 20 40 20 40 0" +
                        "m -40 40" +
                        "c 10 -25 20 -25 30 0" +
                        "s 10 25 20 0" +
                        "m 20 -130" +
                        "q 30 30 60 0" +
                        "m -60 40" +
                        "q 10 20 20 0" +
                        "t 20 0" +
                        "m -40 30" +
                        "a 10 10 0 0 0 40 0";
        var absPath = Snap.path.toAbsolute(relPath);
        var i = 0;
        var checkNext = function(arr) {
            expect(absPath[i++]).to.eql(arr);
        }
        checkNext(['M', 10, 10]);
        checkNext(['H', 50]);
        checkNext(['V', 40]);
        checkNext(['H', 10]);
        checkNext(['L', 10, 10]);
        checkNext(['M', 10, 50]);
        checkNext(['L', 40, 50]);
        checkNext(['L', 40, 90]);
        checkNext(['L', 10, 90]);
        checkNext(['M', 10, 100]);
        checkNext(['C', 30, 120, 50, 120, 50, 100]);
        checkNext(['M', 10, 140]);
        checkNext(['C', 20, 115, 30, 115, 40, 140]);
        checkNext(['S', 50, 165, 60, 140]);
        checkNext(['M', 80, 10]);
        checkNext(['Q', 110, 40, 140, 10]);
        checkNext(['M', 80, 50]);
        checkNext(['Q', 90, 70, 100, 50]);
        checkNext(['T', 120, 50]);
        checkNext(['M', 80, 80]);
        checkNext(['A', 10, 10, 0, 0, 0, 120, 80]);
    });
    it("Snap.path.toRelative", function() {
        var absPath = "M10 10 H 50 V 40 H 10 L 10 10" +
                    "M10 50 L 40 50 L 40 90 L 10 90" +
                    "M10 100 C 30 120, 50 120, 50 100" +
                    "M10 140 C 20 115, 30, 115, 40 140 S 50 165, 60 140" +
                    "M80 10 Q 110 40, 140 10" +
                    "M80 50 Q 90 70, 100 50 T 120 50" +
                    "M80 80 A 10 10 0 0 0 120 80";
        var relPath = Snap.path.toRelative(absPath);
        var i = 0;
        var checkNext = function(arr) {
            expect(relPath[i++]).to.eql(arr);
        }
        
        checkNext(['M', 10, 10]);
        checkNext(['h', 40]);
        checkNext(['v', 30]);
        checkNext(['h', -40]);
        checkNext(['l', 0, -30]);
        checkNext(['m', 0, 40]);
        checkNext(['l', 30, 0]);
        checkNext(['l', 0, 40]);
        checkNext(['l', -30, 0]);
        checkNext(['m', 0, 10]);
        checkNext(['c', 20, 20, 40, 20, 40, 0]);
        checkNext(['m', -40, 40]);
        checkNext(['c', 10, -25, 20, -25, 30, 0]);
        checkNext(['s', 10, 25, 20, 0]);
        checkNext(['m', 20, -130]);
        checkNext(['q', 30, 30, 60, 0]);
        checkNext(['m', -60, 40]);
        checkNext(['q', 10, 20, 20, 0]);
        checkNext(['t', 20, 0]);
        checkNext(['m', -40, 30]);
        checkNext(['a', 10, 10, 0, 0, 0, 40, 0]);
    });
    it("Snap.path.toCubic", function() {
        var absPath = "M10 10 H 50 V 40 H 10 L 10 10" +
                    "M10 50 L 40 50 L 40 90 L 10 90" +
                    "M10 100 C 30 120, 50 120, 50 100" +
                    "M10 140 C 20 115, 30, 115, 40 140 S 50 165, 60 140" +
                    "M80 10 Q 110 40, 140 10" +
                    "M80 50 Q 90 70, 100 50 T 120 50" +
                    "M80 80 A 10 10 0 0 0 120 80";
        var relPath = "M 10 10" +
                        "h 40" +
                        "v 30" +
                        "h -40" +
                        "l 0 -30" +
                        "m 0 40" +
                        "l 30 0" +
                        "l 0 40" +
                        "l -30 0" +
                        "m 0 10" +
                        "c 20 20 40 20 40 0" +
                        "m -40 40" +
                        "c 10 -25 20 -25 30 0" +
                        "s 10 25 20 0" +
                        "m 20 -130" +
                        "q 30 30 60 0" +
                        "m -60 40" +
                        "q 10 20 20 0" +
                        "t 20 0" +
                        "m -40 30" +
                        "a 10 10 0 0 0 40 0";
        var cubicPathFromAbs = Snap.path.toCubic(absPath);
        var cubicPathFromRel = Snap.path.toCubic(relPath);
        var i = 0;
        var checkNext = function(arr) {
            expect(cubicPathFromAbs[i]).to.eql(arr);
            expect(cubicPathFromRel[i]).to.eql(arr);
            i++;
        }       
        
        checkNext(['M', 10, 10]);
        checkNext(['C', 10, 10, 50, 10, 50, 10]);
        checkNext(['C', 50, 10, 50, 40, 50, 40]);
        checkNext(['C', 50, 40, 10, 40, 10, 40]);
        checkNext(['C', 10, 40, 10, 10, 10, 10]);
        checkNext(['M', 10, 50]);
        checkNext(['C', 10, 50, 40, 50, 40, 50]);
        checkNext(['C', 40, 50, 40, 90, 40, 90]);
        checkNext(['C', 40, 90, 10, 90, 10, 90]);
        checkNext(['M', 10, 100]);
        checkNext(['C', 30, 120, 50, 120, 50, 100]);
        checkNext(['M', 10, 140]);
        checkNext(['C', 20, 115, 30, 115, 40, 140]);
        checkNext(['C', 50, 165, 50, 165, 60, 140]);
        checkNext(['M', 80, 10]);
        checkNext(['C', 100, 29.999999999999996, 120, 29.999999999999996, 140, 10]);
        checkNext(['M', 80, 50]);
        checkNext(['C', 86.66666666666666, 63.33333333333333, 93.33333333333333, 63.33333333333333, 100, 50]);
        checkNext(['C', 106.66666666666666, 36.666666666666664, 113.33333333333333, 36.666666666666664, 120, 50]);
        checkNext(['M', 80, 80]);
        checkNext(['C', 80, 95.39600717839002, 96.66666666666667, 105.01851166488379, 110, 97.32050807568878]);
        checkNext(['C', 116.18802153517007, 93.74785217660714, 120, 87.14531179816328, 120, 80]);
        
    });
    it("Snap.path.map", function() {
        var absPath = "M10 10 H 50 V 40 H 10 L 10 10" +
                    "M10 50 L 40 50 L 40 90 L 10 90" +
                    "M10 100 C 30 120, 50 120, 50 100" +
                    "M10 140 C 20 115, 30, 115, 40 140 S 50 165, 60 140" +
                    "M80 10 Q 110 40, 140 10" +
                    "M80 50 Q 90 70, 100 50 T 120 50" +
                    "M80 80 A 10 10 0 0 0 120 80";
        var matrix = new Snap.Matrix(1, 0, 0, 1, 1000, 0);
        var transformedPath = Snap.path.map(absPath, matrix);
        
        var i = 0;
        var checkNext = function(arr) {
            expect(transformedPath[i++]).to.eql(arr);
        }
        checkNext(['M', 1010, 10]);
        checkNext(['C', 1010, 10, 1050, 10, 1050, 10]);
        checkNext(['C', 1050, 10, 1050, 40, 1050, 40]);
        checkNext(['C', 1050, 40, 1010, 40, 1010, 40]);
        checkNext(['C', 1010, 40, 1010, 10, 1010, 10]);
        checkNext(['M', 1010, 50]);
        checkNext(['C', 1010, 50, 1040, 50, 1040, 50]);
        checkNext(['C', 1040, 50, 1040, 90, 1040, 90]);
        checkNext(['C', 1040, 90, 1010, 90, 1010, 90]);
        checkNext(['M', 1010, 100]);
        checkNext(['C', 1030, 120, 1050, 120, 1050, 100]);
        checkNext(['M', 1010, 140]);
        checkNext(['C', 1020, 115, 1030, 115, 1040, 140]);
        checkNext(['C', 1050, 165, 1050, 165, 1060, 140]);
        checkNext(['M', 1080, 10]);
        checkNext(['C', 1100, 29.999999999999996, 1120, 29.999999999999996, 1140, 10]);
        checkNext(['M', 1080, 50]);
        checkNext(['C', 1086.66666666666666, 63.33333333333333, 1093.33333333333333, 63.33333333333333, 1100, 50]);
        checkNext(['C', 1106.66666666666666, 36.666666666666664, 1113.33333333333333, 36.666666666666664, 1120, 50]);
        checkNext(['M', 1080, 80]);
        checkNext(['C', 1080, 95.39600717839002, 1096.66666666666667, 105.01851166488379, 1110, 97.32050807568878]);
        checkNext(['C', 1116.18802153517007, 93.74785217660714, 1120, 87.14531179816328, 1120, 80]);
    });
    it("Snap.path.isPointInside", function () {
        var path = "M10 10 H 50 V 40 H 10 L 10 10 Z" +
            "M10 50 L 40 50 L 40 90 L 10 90 Z" +
            "M10 100 C 30 120, 50 120, 50 100 Z" +
            "M10 140 C 20 115, 30, 115, 40 140 S 50 165, 60 140 Z" +
            "M80 10 Q 110 40, 140 10 Z" +
            "M80 50 Q 90 70, 100 50 T 120 50 Z" +
            "M80 80 A 10 10 0 0 0 120 80 Z";

        expect(Snap.path.isPointInside(path, 15, 35)).to.be(true);
        expect(Snap.path.isPointInside(path, 35, 75)).to.be(true);
        expect(Snap.path.isPointInside(path, 15, 102)).to.be(true);
        expect(Snap.path.isPointInside(path, 15, 135)).to.be(true);
        expect(Snap.path.isPointInside(path, 50, 145)).to.be(true);
        expect(Snap.path.isPointInside(path, 130, 15)).to.be(true);
        expect(Snap.path.isPointInside(path, 110, 45)).to.be(true);
        expect(Snap.path.isPointInside(path, 85, 55)).to.be(true);
        expect(Snap.path.isPointInside(path, 115, 82)).to.be(true);
        expect(Snap.path.isPointInside(path, 95, 98)).to.be(true);
        
        expect(Snap.path.isPointInside(path, 5, 5)).to.be(false);
        expect(Snap.path.isPointInside(path, 25, 48)).to.be(false);
        expect(Snap.path.isPointInside(path, 42, 87)).to.be(false);
        expect(Snap.path.isPointInside(path, 12, 105)).to.be(false);
        expect(Snap.path.isPointInside(path, 47, 113)).to.be(false);
        expect(Snap.path.isPointInside(path, 47, 135)).to.be(false);
        expect(Snap.path.isPointInside(path, 25, 142)).to.be(false);
        expect(Snap.path.isPointInside(path, 15, 125)).to.be(false);
        expect(Snap.path.isPointInside(path, 43, 152)).to.be(false);
        expect(Snap.path.isPointInside(path, 58, 152)).to.be(false);
        expect(Snap.path.isPointInside(path, 90, 21)).to.be(false);
        expect(Snap.path.isPointInside(path, 130, 21)).to.be(false);
        expect(Snap.path.isPointInside(path, 95, 48)).to.be(false);
        expect(Snap.path.isPointInside(path, 110, 55)).to.be(false);
        expect(Snap.path.isPointInside(path, 100, 70)).to.be(false);
        expect(Snap.path.isPointInside(path, 115, 96)).to.be(false);
        expect(Snap.path.isPointInside(path, 85, 96)).to.be(false);
    });
    
    it("Snap.path.intersection", function () {
        var path1 = "M10 10 H 50 V 40 H 10 L 10 10 Z" +
            "M10 50 L 40 50 L 40 90 L 10 90 Z" +
            "M10 100 C 30 120, 50 120, 50 100 Z" +
            "M10 140 C 20 115, 30, 115, 40 140 S 50 165, 60 140 Z" +
            "M80 10 Q 110 40, 140 10 Z" +
            "M80 50 Q 90 70, 100 50 T 120 50 Z" +
            "M80 80 A 10 10 0 0 0 120 80 Z";
        var path2 = "M10,0 L80,200 L20, 200 L30, 0 L110, 15 L90, 150";
        var intersection = Snap.path.intersection(path1, path2);
        expect(intersection.length).to.be(22);
        var first = intersection[0];
        expect(first.x).to.be.a('number');
        expect(first.y).to.be.a('number');
        expect(first.t1).to.be.a('number');
        expect(first.t2).to.be.a('number');
        expect(first.segment1).to.be.a('number');
        expect(first.segment2).to.be.a('number');
        expect(first.bez1).to.be.an('array');
        expect(first.bez2).to.be.an('array');
        
        var checkXY = function(index, x, y) {
            expect(+intersection[index].x.toFixed(2)).to.be(x);
            expect(+intersection[index].y.toFixed(2)).to.be(y);
        }
        
        checkXY(0, 13.5, 10);
        checkXY(1, 29.5, 10);
        checkXY(2, 24, 40);
        checkXY(3, 28, 40);
        checkXY(4, 27.5, 50);
        checkXY(5, 27.5, 50);
        checkXY(6, 40, 85.71);
        checkXY(7, 25.5, 90);
        checkXY(8, 48.08, 108.79);
        checkXY(9, 24.45, 110.99);
        checkXY(10, 45, 100);
        checkXY(11, 25, 100);
        checkXY(12, 23.92, 121.52);
        checkXY(13, 59.46, 141.32);
        checkXY(14, 59, 140);
        checkXY(15, 23, 140);
        checkXY(16, 108.53, 24.91);
        checkXY(17, 83.33, 10);
        checkXY(18, 106, 42);
        checkXY(19, 104.81, 50);
        checkXY(20, 97.45, 99.7);
        checkXY(21, 100.37, 80);
    });
});