| This test verifies that accessibility paths for border-radius elements with CSS transforms are correctly positioned. The three items share the same static position and are placed in a circle purely via CSS transforms. Their path bounds must reflect the transformed positions, not the shared untransformed origin. |
| |
| --- All items should have curve paths (border-radius: 50%) --- |
| PASS: pathSegmentCountOfID('item1', 'Curve to') > 0 === true |
| PASS: pathSegmentCountOfID('item2', 'Curve to') > 0 === true |
| PASS: pathSegmentCountOfID('item3', 'Curve to') > 0 === true |
| |
| --- Path bounds should have similar sizes (all are 80x80 circles) --- |
| PASS: Math.abs(bounds1.width - bounds2.width) < 2 === true |
| PASS: Math.abs(bounds1.height - bounds2.height) < 2 === true |
| |
| --- Path bounds must have different positions (CSS transforms applied) --- |
| PASS: Math.abs(bounds1.x - bounds2.x) > tolerance || Math.abs(bounds1.y - bounds2.y) > tolerance === true |
| PASS: Math.abs(bounds1.x - bounds3.x) > tolerance || Math.abs(bounds1.y - bounds3.y) > tolerance === true |
| PASS: Math.abs(bounds2.x - bounds3.x) > tolerance || Math.abs(bounds2.y - bounds3.y) > tolerance === true |
| |
| PASS successfullyParsed is true |
| |
| TEST COMPLETE |
| |