| OLD | NEW | 
|---|
| (Empty) |  | 
|  | 1 var simpleTests = { | 
|  | 2   tests: { | 
|  | 3     transformTranslate: { | 
|  | 4       keyframes: [ | 
|  | 5         {transform: 'translateX(0px)'}, | 
|  | 6         {transform: 'translateX(600px)'} | 
|  | 7       ], | 
|  | 8       style: 'background: darkgreen; float: none;', | 
|  | 9       samples: [ | 
|  | 10         {at: 0}, | 
|  | 11         {at: 0.15}, | 
|  | 12         {at: 0.25}, | 
|  | 13         {at: 0.35}, | 
|  | 14         {at: 0.5}, | 
|  | 15         {at: 0.65}, | 
|  | 16         {at: 0.75}, | 
|  | 17         {at: 0.85}, | 
|  | 18         {at: 1.05}, | 
|  | 19         {at: 1.15}, | 
|  | 20       ] | 
|  | 21     }, | 
|  | 22 | 
|  | 23     transformRotate: { | 
|  | 24       keyframes: [ | 
|  | 25         {transform: 'rotate(-10deg)'}, | 
|  | 26         {transform: 'rotate(360deg)'} | 
|  | 27       ], | 
|  | 28       style: 'background: maroon; margin: 5px;', | 
|  | 29       samples: [ | 
|  | 30         {at: 0}, | 
|  | 31         {at: 0.05}, | 
|  | 32         {at: 0.15}, | 
|  | 33         {at: 0.25}, | 
|  | 34         {at: 0.35}, | 
|  | 35         {at: 0.45}, | 
|  | 36         {at: 0.5}, | 
|  | 37         {at: 0.55}, | 
|  | 38         {at: 0.65}, | 
|  | 39         {at: 0.75}, | 
|  | 40         {at: 0.85}, | 
|  | 41         {at: 0.95}, | 
|  | 42         {at: 1.05}, | 
|  | 43         {at: 1.15}, | 
|  | 44       ] | 
|  | 45     }, | 
|  | 46 | 
|  | 47     transformScale: { | 
|  | 48       keyframes: [ | 
|  | 49         {transform: 'scale(0.1)'}, | 
|  | 50         {transform: 'scale(1)'} | 
|  | 51       ], | 
|  | 52       style: 'background: peru; margin: 5px;', | 
|  | 53       markerStyle: '', // No marker. This mustn't affect cc/blink consistency, c
    rbug.com/531290 | 
|  | 54       samples: [ | 
|  | 55         {at: 0}, | 
|  | 56         {at: 0.05}, | 
|  | 57         {at: 0.15}, | 
|  | 58         {at: 0.25}, | 
|  | 59         {at: 0.35}, | 
|  | 60         {at: 0.45}, | 
|  | 61         {at: 0.5}, | 
|  | 62         {at: 0.55}, | 
|  | 63         {at: 0.65}, | 
|  | 64         {at: 0.75}, | 
|  | 65         {at: 0.85}, | 
|  | 66         {at: 0.95}, | 
|  | 67         {at: 1.05}, | 
|  | 68         {at: 1.15}, | 
|  | 69       ] | 
|  | 70     }, | 
|  | 71 | 
|  | 72     animateOpacity: { | 
|  | 73       keyframes: [ | 
|  | 74         {opacity: 0}, | 
|  | 75         {opacity: 1} | 
|  | 76       ], | 
|  | 77       style: 'background: navy; margin: 5px;', | 
|  | 78       samples: [ | 
|  | 79         {at: 0}, | 
|  | 80         {at: 0.05}, | 
|  | 81         {at: 0.15}, | 
|  | 82         {at: 0.25}, | 
|  | 83         {at: 0.35}, | 
|  | 84         {at: 0.45}, | 
|  | 85         {at: 0.5}, | 
|  | 86         {at: 0.55}, | 
|  | 87         {at: 0.65}, | 
|  | 88         {at: 0.75}, | 
|  | 89         {at: 0.85}, | 
|  | 90         {at: 0.95}, | 
|  | 91         {at: 1.05}, | 
|  | 92         {at: 1.15}, | 
|  | 93       ] | 
|  | 94     }, | 
|  | 95   } | 
|  | 96 }; | 
| OLD | NEW | 
|---|