| OLD | NEW |
| (Empty) | |
| 1 <!DOCTYPE html> |
| 2 <script src="../resources/testharness.js"></script> |
| 3 <script src="../resources/testharnessreport.js"></script> |
| 4 <style> |
| 5 #actual { |
| 6 transition: transform 2s -1s linear; |
| 7 } |
| 8 </style> |
| 9 <div id="actual"></div> |
| 10 <div id="expected"></div> |
| 11 <script> |
| 12 function setTransform(transform) { |
| 13 actual.style.transform = transform; |
| 14 } |
| 15 |
| 16 function expectTransform(transform) { |
| 17 expected.style.transform = transform; |
| 18 assert_equals(getComputedStyle(actual).transform, getComputedStyle(expected).t
ransform, transform); |
| 19 } |
| 20 |
| 21 test(() => { |
| 22 expectTransform('none'); |
| 23 |
| 24 setTransform('rotateX(100deg) rotateY(100deg) rotateZ(100deg) rotate3d(1, 1, 1
, 100deg)'); |
| 25 expectTransform('rotateX(50deg) rotateY(50deg) rotateZ(50deg) rotate3d(1, 1, 1
, 50deg)'); |
| 26 |
| 27 setTransform('rotateX(250deg) rotateY(250deg) rotateZ(250deg) rotate3d(1, 1, 1
, 250deg)'); |
| 28 expectTransform('rotateX(150deg) rotateY(150deg) rotateZ(150deg) rotate3d(1, 1
, 1, 150deg)'); |
| 29 |
| 30 setTransform('rotateX(350deg) rotateY(350deg) rotateZ(350deg) rotate3d(1, 1, 1
, 350deg)'); |
| 31 expectTransform('rotateX(250deg) rotateY(250deg) rotateZ(250deg) rotate3d(1, 1
, 1, 250deg)'); |
| 32 }, 'Retargeted rotation transform transitions should not decompose when rotation
operations match'); |
| 33 </script> |
| OLD | NEW |