mirror of
https://github.com/scratchfoundation/paper.js.git
synced 2025-01-01 02:38:43 -05:00
Improve messages in bounds tests.
This commit is contained in:
Jürg Lehni
parent
120ead209e
commit
bc759274a1
1 changed files with 81 additions and 27 deletions
|
|
@ -24,31 +24,49 @@ test('path.bounds', function() {
|
|||
]);
|
||||
// Test both closed and open paths, as the bounds for them differ
|
||||
path.closed = false;
|
||||
compareRectangles(path.bounds, { x: 121, y: 275.06796, width: 149.49304, height: 145.87686 });
|
||||
comparePoints(path.position, { x: 195.74652, y: 348.00641 });
|
||||
compareRectangles(path.bounds,
|
||||
{ x: 121, y: 275.06796, width: 149.49304, height: 145.87686 },
|
||||
'open path.bounds');
|
||||
comparePoints(path.position,
|
||||
{ x: 195.74652, y: 348.00641 },
|
||||
'open path.position');
|
||||
|
||||
// Test both closed and open paths, as the bounds for them differ
|
||||
path.closed = true;
|
||||
compareRectangles(path.bounds, { x: 114.82726, y: 275.06796, width: 155.66579, height: 148.12778 });
|
||||
comparePoints(path.position, { x: 192.66016, y: 349.13184 });
|
||||
compareRectangles(path.bounds,
|
||||
{ x: 114.82726, y: 275.06796, width: 155.66579, height: 148.12778 },
|
||||
'closed path.bounds');
|
||||
comparePoints(path.position,
|
||||
{ x: 192.66016, y: 349.13184 },
|
||||
'closed path.position');
|
||||
|
||||
// Scale the path by 0.5 and check bounds
|
||||
path.scale(0.5);
|
||||
compareRectangles(path.bounds, { x: 153.7437, y: 312.09976, width: 77.8329, height: 74.06381 });
|
||||
compareRectangles(path.bounds,
|
||||
{ x: 153.7437, y: 312.09976, width: 77.8329, height: 74.06381 },
|
||||
'scaled path.bounds');
|
||||
|
||||
// Move the path to another position and check bounds
|
||||
path.position = [100, 100];
|
||||
compareRectangles(path.bounds, { x: 61.08355, y: 62.96797, width: 77.83289, height: 74.06384 });
|
||||
compareRectangles(path.bounds,
|
||||
{ x: 61.08355, y: 62.96797, width: 77.83289, height: 74.06384 },
|
||||
'moved path.bounds');
|
||||
|
||||
// Set new bounds and check segment list as result of resizing / positioning
|
||||
path.bounds = { x: 100, y: 100, width: 200, height: 200 };
|
||||
equals(path.segments.toString(), '{ point: { x: 107.93077, y: 179.56917 }, handleIn: { x: -24.41127, y: 51.30707 }, handleOut: { x: 39.52904, y: -83.08194 } },{ point: { x: 271.10084, y: 160.66656 }, handleIn: { x: -53.96176, y: -99.91377 }, handleOut: { x: 53.96176, y: 99.91377 } },{ point: { x: 215.85428, y: 296.96086 }, handleIn: { x: 85.81084, y: -17.18521 }, handleOut: { x: -101.49949, y: 20.32729 } }');
|
||||
equals(path.segments.toString(),
|
||||
'{ point: { x: 107.93077, y: 179.56917 }, handleIn: { x: -24.41127, y: 51.30707 }, handleOut: { x: 39.52904, y: -83.08194 } },{ point: { x: 271.10084, y: 160.66656 }, handleIn: { x: -53.96176, y: -99.91377 }, handleOut: { x: 53.96176, y: 99.91377 } },{ point: { x: 215.85428, y: 296.96086 }, handleIn: { x: 85.81084, y: -17.18521 }, handleOut: { x: -101.49949, y: 20.32729 } }',
|
||||
'resized path.segments');
|
||||
|
||||
// Now rotate by 40 degrees and test bounds and segments again.
|
||||
path.rotate(40);
|
||||
compareRectangles(path.bounds, { x: 92.38109, y: 106.78957, width: 191.4803, height: 203.66878 });
|
||||
compareRectangles(path.bounds,
|
||||
{ x: 92.38109, y: 106.78957, width: 191.4803, height: 203.66878 },
|
||||
'rotated path.bounds');
|
||||
|
||||
equals(path.segments.toString(), '{ point: { x: 142.60356, y: 125.16811 }, handleIn: { x: -51.67967, y: 23.61224 }, handleOut: { x: 83.68504, y: -38.23568 } },{ point: { x: 279.74945, y: 215.57158 }, handleIn: { x: 22.88623, y: -111.22434 }, handleOut: { x: -22.88623, y: 111.22434 } },{ point: { x: 149.81984, y: 284.46726 }, handleIn: { x: 76.78135, y: 41.99351 }, handleOut: { x: -90.81925, y: -49.67101 } }');
|
||||
equals(path.segments.toString(),
|
||||
'{ point: { x: 142.60356, y: 125.16811 }, handleIn: { x: -51.67967, y: 23.61224 }, handleOut: { x: 83.68504, y: -38.23568 } },{ point: { x: 279.74945, y: 215.57158 }, handleIn: { x: 22.88623, y: -111.22434 }, handleOut: { x: -22.88623, y: 111.22434 } },{ point: { x: 149.81984, y: 284.46726 }, handleIn: { x: 76.78135, y: 41.99351 }, handleOut: { x: -90.81925, y: -49.67101 } }',
|
||||
'roated path.segments');
|
||||
});
|
||||
|
||||
test('path.strokeBounds on path without stroke', function() {
|
||||
|
|
@ -79,62 +97,98 @@ test('path.bounds & path.strokeBounds with stroke styles', function() {
|
|||
path.strokeColor = 'black';
|
||||
path.strokeCap = 'butt';
|
||||
path.strokeJoin = 'round';
|
||||
compareRectangles(path.bounds, { x: 199.01325, y: 16.78419, width: 113.50622, height: 90.96766 });
|
||||
compareRectangles(path.strokeBounds, { x: 186.87242, y: 1.78419, width: 140.64705, height: 120.96766 });
|
||||
compareRectangles(path.bounds,
|
||||
{ x: 199.01325, y: 16.78419, width: 113.50622, height: 90.96766 },
|
||||
'butt/round path.bounds');
|
||||
compareRectangles(path.strokeBounds,
|
||||
{ x: 186.87242, y: 1.78419, width: 140.64705, height: 120.96766 },
|
||||
'butt/round path.strokeBounds');
|
||||
|
||||
var path = makePath().translate(150, 0);
|
||||
path.strokeColor = 'black';
|
||||
path.strokeCap = 'butt';
|
||||
path.strokeJoin = 'bevel';
|
||||
compareRectangles(path.bounds, { x: 349.01325, y: 16.78419, width: 113.50622, height: 90.96766 });
|
||||
compareRectangles(path.strokeBounds, { x: 336.87242, y: 1.78419, width: 140.64705, height: 119.73034 });
|
||||
compareRectangles(path.bounds,
|
||||
{ x: 349.01325, y: 16.78419, width: 113.50622, height: 90.96766 },
|
||||
'butt/bevel path.bounds');
|
||||
compareRectangles(path.strokeBounds,
|
||||
{ x: 336.87242, y: 1.78419, width: 140.64705, height: 119.73034 },
|
||||
'butt/bevel path.strokeBounds');
|
||||
|
||||
var path = makePath().translate(300, 0);
|
||||
path.strokeColor = 'black';
|
||||
path.strokeCap = 'butt';
|
||||
path.strokeJoin = 'miter';
|
||||
compareRectangles(path.bounds, { x: 499.01325, y: 16.78419, width: 113.50622, height: 90.96766 });
|
||||
compareRectangles(path.strokeBounds, { x: 486.87242, y: 1.78419, width: 140.64705, height: 133.64882 });
|
||||
compareRectangles(path.bounds,
|
||||
{ x: 499.01325, y: 16.78419, width: 113.50622, height: 90.96766 },
|
||||
'butt/miter path.bounds');
|
||||
compareRectangles(path.strokeBounds,
|
||||
{ x: 486.87242, y: 1.78419, width: 140.64705, height: 133.64882 },
|
||||
'butt/miter path.strokeBounds');
|
||||
|
||||
var path = makePath().translate(0, 150);
|
||||
path.strokeColor = 'black';
|
||||
path.strokeCap = 'square';
|
||||
path.strokeJoin = 'round';
|
||||
compareRectangles(path.bounds, { x: 199.01325, y: 166.78419, width: 113.50622, height: 90.96766 });
|
||||
compareRectangles(path.strokeBounds, { x: 178.06332, y: 150.9807, width: 149.45615, height: 121.77115 });
|
||||
compareRectangles(path.bounds,
|
||||
{ x: 199.01325, y: 166.78419, width: 113.50622, height: 90.96766 },
|
||||
'square/round path.bounds');
|
||||
compareRectangles(path.strokeBounds,
|
||||
{ x: 178.06332, y: 150.9807, width: 149.45615, height: 121.77115 },
|
||||
'square/strokeBounds path.bounds');
|
||||
|
||||
var path = makePath().translate(150, 150);
|
||||
path.strokeColor = 'black';
|
||||
path.strokeCap = 'square';
|
||||
path.strokeJoin = 'bevel';
|
||||
compareRectangles(path.bounds, { x: 349.01325, y: 166.78419, width: 113.50622, height: 90.96766 });
|
||||
compareRectangles(path.strokeBounds, { x: 328.06332, y: 150.9807, width: 149.45615, height: 120.53383 });
|
||||
compareRectangles(path.bounds,
|
||||
{ x: 349.01325, y: 166.78419, width: 113.50622, height: 90.96766 },
|
||||
'square/bevel path.bounds');
|
||||
compareRectangles(path.strokeBounds,
|
||||
{ x: 328.06332, y: 150.9807, width: 149.45615, height: 120.53383 },
|
||||
'square/bevel path.strokeBounds');
|
||||
|
||||
var path = makePath().translate(300, 150);
|
||||
path.strokeColor = 'black';
|
||||
path.strokeCap = 'square';
|
||||
path.strokeJoin = 'miter';
|
||||
compareRectangles(path.bounds, { x: 499.01325, y: 166.78419, width: 113.50622, height: 90.96766 });
|
||||
compareRectangles(path.strokeBounds, { x: 478.06332, y: 150.9807, width: 149.45615, height: 134.45231 });
|
||||
compareRectangles(path.bounds,
|
||||
{ x: 499.01325, y: 166.78419, width: 113.50622, height: 90.96766 },
|
||||
'square/miter path.bounds');
|
||||
compareRectangles(path.strokeBounds,
|
||||
{ x: 478.06332, y: 150.9807, width: 149.45615, height: 134.45231 },
|
||||
'square/miter path.strokeBounds');
|
||||
|
||||
var path = makePath().translate(0, 300);
|
||||
path.strokeColor = 'black';
|
||||
path.strokeCap = 'round';
|
||||
path.strokeJoin = 'round';
|
||||
compareRectangles(path.bounds, { x: 199.01325, y: 316.78419, width: 113.50622, height: 90.96766 });
|
||||
compareRectangles(path.strokeBounds, { x: 184.01325, y: 301.78419, width: 143.50622, height: 120.96766 });
|
||||
compareRectangles(path.bounds,
|
||||
{ x: 199.01325, y: 316.78419, width: 113.50622, height: 90.96766 },
|
||||
'round/round path.bounds');
|
||||
compareRectangles(path.strokeBounds,
|
||||
{ x: 184.01325, y: 301.78419, width: 143.50622, height: 120.96766 },
|
||||
'round/round path.strokeBounds');
|
||||
|
||||
var path = makePath().translate(150, 300);
|
||||
path.strokeColor = 'black';
|
||||
path.strokeCap = 'round';
|
||||
path.strokeJoin = 'bevel';
|
||||
compareRectangles(path.bounds, { x: 349.01325, y: 316.78419, width: 113.50622, height: 90.96766 });
|
||||
compareRectangles(path.strokeBounds, { x: 334.01325, y: 301.78419, width: 143.50622, height: 119.73034 });
|
||||
compareRectangles(path.bounds,
|
||||
{ x: 349.01325, y: 316.78419, width: 113.50622, height: 90.96766 },
|
||||
'round/bevel path.bounds');
|
||||
compareRectangles(path.strokeBounds,
|
||||
{ x: 334.01325, y: 301.78419, width: 143.50622, height: 119.73034 },
|
||||
'round/bevel path.strokeBounds');
|
||||
|
||||
var path = makePath().translate(300, 300);
|
||||
path.strokeColor = 'black';
|
||||
path.strokeCap = 'round';
|
||||
path.strokeJoin = 'miter';
|
||||
compareRectangles(path.bounds, { x: 499.01325, y: 316.78419, width: 113.50622, height: 90.96766 });
|
||||
compareRectangles(path.strokeBounds, { x: 484.01325, y: 301.78419, width: 143.50622, height: 133.64882 });
|
||||
compareRectangles(path.bounds,
|
||||
{ x: 499.01325, y: 316.78419, width: 113.50622, height: 90.96766 },
|
||||
'round/miter path.bounds');
|
||||
compareRectangles(path.strokeBounds,
|
||||
{ x: 484.01325, y: 301.78419, width: 143.50622, height: 133.64882 },
|
||||
'round/miter path.strokeBounds');
|
||||
});
|
||||
Loading…
Reference in a new issue