| OLD | NEW |
| (Empty) |
| 1 <!DOCTYPE html> | |
| 2 <body> | |
| 3 <script src="../interpolation/resources/interpolation-test.js"></script> | |
| 4 <script> | |
| 5 assertComposition({ | |
| 6 property: 'border-bottom-left-radius', | |
| 7 underlying: '40px 40px', | |
| 8 addFrom: '60px 60px', | |
| 9 addTo: '160px 160px', | |
| 10 }, [ | |
| 11 {at: -0.25, is: '75px'}, | |
| 12 {at: 0, is: '100px'}, | |
| 13 {at: 0.25, is: '125px'}, | |
| 14 {at: 0.5, is: '150px'}, | |
| 15 {at: 0.75, is: '175px'}, | |
| 16 {at: 1, is: '200px'}, | |
| 17 {at: 1.25, is: '225px'}, | |
| 18 ]); | |
| 19 | |
| 20 assertComposition({ | |
| 21 property: 'border-bottom-left-radius', | |
| 22 underlying: '40px 140px', | |
| 23 replaceFrom: '100px 120px', | |
| 24 addTo: '160px 60px', | |
| 25 }, [ | |
| 26 {at: -0.25, is: '75px 100px'}, | |
| 27 {at: 0, is: '100px 120px'}, | |
| 28 {at: 0.25, is: '125px 140px'}, | |
| 29 {at: 0.5, is: '150px 160px'}, | |
| 30 {at: 0.75, is: '175px 180px'}, | |
| 31 {at: 1, is: '200px'}, | |
| 32 {at: 1.25, is: '225px 220px'}, | |
| 33 ]); | |
| 34 | |
| 35 assertComposition({ | |
| 36 property: 'border-bottom-left-radius', | |
| 37 underlying: '40px 60px', | |
| 38 addFrom: '60px 140px', | |
| 39 replaceTo: '200px 120px', | |
| 40 }, [ | |
| 41 {at: -0.25, is: '75px 220px'}, | |
| 42 {at: 0, is: '100px 200px'}, | |
| 43 {at: 0.25, is: '125px 180px'}, | |
| 44 {at: 0.5, is: '150px 160px'}, | |
| 45 {at: 0.75, is: '175px 140px'}, | |
| 46 {at: 1, is: '200px 120px'}, | |
| 47 {at: 1.25, is: '225px 100px'}, | |
| 48 ]); | |
| 49 </script> | |
| 50 </body> | |
| OLD | NEW |