svg-pathdata
Version:
Manipulate SVG path data (path[d] attribute content) simply and efficiently.
109 lines • 5.44 kB
JavaScript
import { describe, test, expect } from '@jest/globals';
import { SVGPathData } from '../index.js';
describe('Parsing line to commands', () => {
test('should not work with single coordinate', () => {
expect(() => new SVGPathData('L100')).toThrow(new SyntaxError('Unterminated command at the path end.'));
});
test('should not work with single complexer coordinate', () => {
expect(() => new SVGPathData('l-10e-5')).toThrow(new SyntaxError('Unterminated command at the path end.'));
});
test('should work with single coordinate followed by another', () => {
expect(() => new SVGPathData('l-10l10 10')).toThrow(new SyntaxError('Unterminated command at index 4.'));
});
test('should work with comma separated coordinates', () => {
const commands = new SVGPathData('L100,100').commands;
expect(commands[0].type).toEqual(SVGPathData.LINE_TO);
expect(commands[0].relative).toEqual(false);
expect(commands[0].x).toEqual(100);
expect(commands[0].y).toEqual(100);
});
test('should work with space separated coordinates', () => {
const commands = new SVGPathData('l100 \t 100').commands;
expect(commands[0].type).toEqual(SVGPathData.LINE_TO);
expect(commands[0].relative).toEqual(true);
expect(commands[0].x).toEqual(100);
expect(commands[0].y).toEqual(100);
});
test('should work with complexer coordinates', () => {
const commands = new SVGPathData('l-10e-5 -10e-5').commands;
expect(commands[0].type).toEqual(SVGPathData.LINE_TO);
expect(commands[0].relative).toEqual(true);
expect(commands[0].x).toEqual(-10e-5);
expect(commands[0].y).toEqual(-10e-5);
});
test('should work with single even more complexer coordinates', () => {
const commands = new SVGPathData('L-10.0032e-5 -10.0032e-5')
.commands;
expect(commands[0].type).toEqual(SVGPathData.LINE_TO);
expect(commands[0].relative).toEqual(false);
expect(commands[0].x).toEqual(-10.0032e-5);
expect(commands[0].y).toEqual(-10.0032e-5);
});
test('should work with comma separated coordinate pairs', () => {
const commands = new SVGPathData('L123,456 7890,9876')
.commands;
expect(commands[0].type).toEqual(SVGPathData.LINE_TO);
expect(commands[0].relative).toEqual(false);
expect(commands[0].x).toEqual(123);
expect(commands[0].y).toEqual(456);
expect(commands[1].type).toEqual(SVGPathData.LINE_TO);
expect(commands[1].relative).toEqual(false);
expect(commands[1].x).toEqual(7890);
expect(commands[1].y).toEqual(9876);
});
test('should work with space separated coordinate pairs', () => {
const commands = new SVGPathData('l123 \t 456 \n 7890 \r 9876')
.commands;
expect(commands[0].type).toEqual(SVGPathData.LINE_TO);
expect(commands[0].relative).toEqual(true);
expect(commands[0].x).toEqual(123);
expect(commands[0].y).toEqual(456);
expect(commands[1].type).toEqual(SVGPathData.LINE_TO);
expect(commands[1].relative).toEqual(true);
expect(commands[1].x).toEqual(7890);
expect(commands[1].y).toEqual(9876);
});
test('should work with nested separated coordinates', () => {
const commands = new SVGPathData('L123 , 456 \t,\n7890 \r\n 9876')
.commands;
expect(commands[0].type).toEqual(SVGPathData.LINE_TO);
expect(commands[0].relative).toEqual(false);
expect(commands[0].x).toEqual(123);
expect(commands[0].y).toEqual(456);
expect(commands[1].type).toEqual(SVGPathData.LINE_TO);
expect(commands[1].relative).toEqual(false);
expect(commands[1].x).toEqual(7890);
expect(commands[1].y).toEqual(9876);
});
test('should work with multiple command declarations', () => {
const commands = new SVGPathData(`
L123 , 456 \t,\n7890 \r\n 9876l123 ,
456 \t,\n7890 \r\n 9876
`).commands;
expect(commands[0].type).toEqual(SVGPathData.LINE_TO);
expect(commands[0].relative).toEqual(false);
expect(commands[0].x).toEqual(123);
expect(commands[0].y).toEqual(456);
expect(commands[1].type).toEqual(SVGPathData.LINE_TO);
expect(commands[1].relative).toEqual(false);
expect(commands[1].x).toEqual(7890);
expect(commands[1].y).toEqual(9876);
expect(commands[2].type).toEqual(SVGPathData.LINE_TO);
expect(commands[2].relative).toEqual(true);
expect(commands[2].x).toEqual(123);
expect(commands[2].y).toEqual(456);
expect(commands[3].type).toEqual(SVGPathData.LINE_TO);
expect(commands[3].relative).toEqual(true);
expect(commands[3].x).toEqual(7890);
expect(commands[3].y).toEqual(9876);
});
});
describe('Encoding line to commands', () => {
test('should work with one command', () => {
expect(new SVGPathData('L-0.000500032 -0.000600032').encode()).toEqual('L-0.000500032 -0.000600032');
});
test('should work with several commands', () => {
expect(new SVGPathData('L-50.0032e-5 -60.0032e-5L-50.0032e-5 -60.0032e-5L-50.0032e-5 -60.0032e-5').encode()).toEqual('L-0.000500032 -0.000600032L-0.000500032 -0.000600032L-0.000500032 -0.000600032');
});
});
//# sourceMappingURL=lineto.test.js.map