svg-pathdata/dist/tests/quadraticbeziercurveto.test.js

Manipulate SVG path data (path[d] attribute content) simply and efficiently.

import { describe, test, expect } from '@jest/globals';
import { SVGPathData } from '../index.js';
describe('Parsing quadratic bezier curve to commands', () => {
    test('should not work when badly declared', () => {
        expect(() => new SVGPathData('Q')).toThrow(new SyntaxError('Unterminated command at the path end.'));
        expect(() => new SVGPathData('Q10')).toThrow(new SyntaxError('Unterminated command at the path end.'));
        expect(() => new SVGPathData('Q10 10')).toThrow(new SyntaxError('Unterminated command at the path end.'));
        expect(() => new SVGPathData('Q10 10 10')).toThrow(new SyntaxError('Unterminated command at the path end.'));
        expect(() => new SVGPathData('Q10 10 10 10 10 10')).toThrow(new SyntaxError('Unterminated command at the path end.'));
        expect(() => new SVGPathData('Q10 10 10Q10 10 10 10')).toThrow(new SyntaxError('Unterminated command at index 9.'));
    });
    test('should work with comma separated coordinates', () => {
        const commands = new SVGPathData('Q123,456 789,987').commands;
        expect(commands[0].type).toEqual(SVGPathData.QUAD_TO);
        expect(commands[0].relative).toEqual(false);
        expect(commands[0].x1).toEqual(123);
        expect(commands[0].y1).toEqual(456);
        expect(commands[0].x).toEqual(789);
        expect(commands[0].y).toEqual(987);
    });
    test('should work with space separated coordinates', () => {
        const commands = new SVGPathData('Q123 456 789 987').commands;
        expect(commands[0].type).toEqual(SVGPathData.QUAD_TO);
        expect(commands[0].relative).toEqual(false);
        expect(commands[0].x1).toEqual(123);
        expect(commands[0].y1).toEqual(456);
        expect(commands[0].x).toEqual(789);
        expect(commands[0].y).toEqual(987);
    });
    test('should work with nested separated complexer coordinate pairs', () => {
        const commands = new SVGPathData('Q-10.0032e-5,-20.0032e-5 -30.0032e-5,-40.0032e-5').commands;
        expect(commands[0].type).toEqual(SVGPathData.QUAD_TO);
        expect(commands[0].relative).toEqual(false);
        expect(commands[0].x1).toEqual(-10.0032e-5);
        expect(commands[0].y1).toEqual(-20.0032e-5);
        expect(commands[0].x).toEqual(-30.0032e-5);
        expect(commands[0].y).toEqual(-40.0032e-5);
    });
    test('should work with multiple pairs of coordinates', () => {
        const commands = new SVGPathData(`
      Q-10.0032e-5,-20.0032e-5 -30.0032e-5,-40.0032e-5
        -10.0032e-5,-20.0032e-5 -30.0032e-5,-40.0032e-5
        -10.0032e-5,-20.0032e-5 -30.0032e-5,-40.0032e-5
    `).commands;
        expect(commands[0].type).toEqual(SVGPathData.QUAD_TO);
        expect(commands[0].relative).toEqual(false);
        expect(commands[0].x1).toEqual(-10.0032e-5);
        expect(commands[0].y1).toEqual(-20.0032e-5);
        expect(commands[0].x).toEqual(-30.0032e-5);
        expect(commands[0].y).toEqual(-40.0032e-5);
        expect(commands[1].type).toEqual(SVGPathData.QUAD_TO);
        expect(commands[1].relative).toEqual(false);
        expect(commands[1].x1).toEqual(-10.0032e-5);
        expect(commands[1].y1).toEqual(-20.0032e-5);
        expect(commands[1].x).toEqual(-30.0032e-5);
        expect(commands[1].y).toEqual(-40.0032e-5);
        expect(commands[2].type).toEqual(SVGPathData.QUAD_TO);
        expect(commands[2].relative).toEqual(false);
        expect(commands[2].x1).toEqual(-10.0032e-5);
        expect(commands[2].y1).toEqual(-20.0032e-5);
        expect(commands[2].x).toEqual(-30.0032e-5);
        expect(commands[2].y).toEqual(-40.0032e-5);
    });
    test('should work with multiple declared pairs of coordinates', () => {
        const commands = new SVGPathData(`
      Q-10.0032e-5,-20.0032e-5 -30.0032e-5,-40.0032e-5
        q-10.0032e-5,-20.0032e-5 -30.0032e-5,-40.0032e-5
      Q-10.0032e-5,-20.0032e-5 -30.0032e-5,-40.0032e-5
    `).commands;
        expect(commands[0].type).toEqual(SVGPathData.QUAD_TO);
        expect(commands[0].relative).toEqual(false);
        expect(commands[0].x1).toEqual(-10.0032e-5);
        expect(commands[0].y1).toEqual(-20.0032e-5);
        expect(commands[0].x).toEqual(-30.0032e-5);
        expect(commands[0].y).toEqual(-40.0032e-5);
        expect(commands[1].type).toEqual(SVGPathData.QUAD_TO);
        expect(commands[1].relative).toEqual(true);
        expect(commands[1].x1).toEqual(-10.0032e-5);
        expect(commands[1].y1).toEqual(-20.0032e-5);
        expect(commands[1].x).toEqual(-30.0032e-5);
        expect(commands[1].y).toEqual(-40.0032e-5);
        expect(commands[2].type).toEqual(SVGPathData.QUAD_TO);
        expect(commands[2].relative).toEqual(false);
        expect(commands[2].x1).toEqual(-10.0032e-5);
        expect(commands[2].y1).toEqual(-20.0032e-5);
        expect(commands[2].x).toEqual(-30.0032e-5);
        expect(commands[2].y).toEqual(-40.0032e-5);
    });
});
describe('Encoding line to commands', () => {
    test('should work with one command', () => {
        expect(new SVGPathData('Q-10.0032e-5 -20.0032e-5 -30.0032e-5 -40.0032e-5').encode()).toEqual('Q-0.000100032 -0.000200032 -0.000300032 -0.000400032');
    });
    test('should work with several commands', () => {
        expect(new SVGPathData('Q-10.0032e-5 -20.0032e-5 -30.0032e-5 -40.0032e-5q-10.0032e-5 -20.0032e-5 -30.0032e-5 -40.0032e-5Q-10.0032e-5 -20.0032e-5 -30.0032e-5 -40.0032e-5').encode()).toEqual('Q-0.000100032 -0.000200032 -0.000300032 -0.000400032q-0.000100032 -0.000200032 -0.000300032 -0.000400032Q-0.000100032 -0.000200032 -0.000300032 -0.000400032');
    });
});
//# sourceMappingURL=quadraticbeziercurveto.test.js.map