jeffemmett
/
folk-canvas
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

update tests

This commit is contained in:
Orion Reed 2024-12-07 13:20:46 -05:00
parent e33b5fa404
commit e5b535b9d0
1 changed files with 39 additions and 25 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

64
src/__tests__/TransformDOMRect.test.ts
View File

@ -233,43 +233,57 @@ describe('TransformDOMRect', () => {
// Verify the corner is actually at the expected position in local space // Verify the corner is actually at the expected position in local space
expectPointClose(rect.bottomRight, { x: 150, y: 75 }); expectPointClose(rect.bottomRight, { x: 150, y: 75 });
}); });
});
describe('point conversion with rotation', () => { test('resizing from corners keeps the opposite corner fixed without rotation', () => {
test('converts points correctly with 90-degree rotation', () => {
const rect = new TransformDOMRect({ const rect = new TransformDOMRect({
x: 100, x: 100,
y: 100, y: 100,
width: 200, width: 200,
height: 100, height: 100,
rotation: Math.PI / 2, // 90 degrees rotation: 0,
}); });
// Test points in local space and their expected parent space coordinates const originalTopLeft = rect.topLeft;
const testCases = [
{
local: { x: 0, y: 0 }, // Top-left
parent: { x: 150, y: 50 }, // After rotation: center + (-height/2, -width/2)
},
{
local: { x: 200, y: 0 }, // Top-right
parent: { x: 150, y: 250 }, // After rotation: center + (height/2, -width/2)
},
{
local: { x: 100, y: 50 }, // Center
parent: { x: 200, y: 150 }, // After rotation: stays at center
},
];
testCases.forEach(({ local, parent }) => { // Resize from bottom-right corner
const toParent = rect.toParentSpace(local); rect.setBottomRight({ x: 300, y: 200 });
expectPointClose(toParent, parent);
const backToLocal = rect.toLocalSpace(toParent); // Opposite corner (top-left) should remain the same
expectPointClose(backToLocal, local); expectPointClose(rect.topLeft, originalTopLeft);
});
}); });
test('resizing from corners keeps the opposite corner fixed with rotation', () => {
const rect = new TransformDOMRect({
x: 100,
y: 100,
width: 200,
height: 100,
rotation: Math.PI / 4, // 45 degrees
});
const originalTopLeft = rect.toParentSpace(rect.topLeft);
const originalBottomRight = rect.toParentSpace(rect.bottomRight);
// Resize from bottom-right corner in local space
rect.setBottomRight({ x: 300, y: 150 });
// Transform corners back to parent space to compare
const newTopLeft = rect.toParentSpace(rect.topLeft);
const newBottomRight = rect.toParentSpace(rect.bottomRight);
// Opposite corner (top-left) should remain the same in parent space
expectPointClose(newTopLeft, originalTopLeft);
// New bottom-right should be updated correctly in parent space
// Calculate the expected new bottom-right position
const expectedBottomRightLocal = { x: 300, y: 150 };
const expectedBottomRightParent = rect.toParentSpace(expectedBottomRightLocal);
expectPointClose(newBottomRight, expectedBottomRightParent);
});
});
describe('point conversion with rotation', () => {
test('converts points correctly with 45-degree rotation', () => { test('converts points correctly with 45-degree rotation', () => {
const rect = new TransformDOMRect({ const rect = new TransformDOMRect({
x: 100, x: 100,