| OLD | NEW |
| 1 | 1 |
| 2 <!DOCTYPE html> | 2 <!DOCTYPE html> |
| 3 <html> | 3 <html> |
| 4 <head> | 4 <head> |
| 5 <style type="text/css" media="screen"> | 5 <style type="text/css" media="screen"> |
| 6 body { | 6 body { |
| 7 margin: 0; | 7 margin: 0; |
| 8 } | 8 } |
| 9 | 9 |
| 10 .box { | 10 .box { |
| (...skipping 16 matching lines...) Expand all Loading... |
| 27 } | 27 } |
| 28 #indicator2 { | 28 #indicator2 { |
| 29 top: 100px; | 29 top: 100px; |
| 30 } | 30 } |
| 31 | 31 |
| 32 #box1 { | 32 #box1 { |
| 33 left: 100px; | 33 left: 100px; |
| 34 } | 34 } |
| 35 | 35 |
| 36 #box2 { | 36 #box2 { |
| 37 -webkit-transform: translateX(100px); | 37 transform: translateX(100px); |
| 38 } | 38 } |
| 39 | 39 |
| 40 </style> | 40 </style> |
| 41 </head> | 41 </head> |
| 42 <body> | 42 <body> |
| 43 <!-- In the pixel result, you should see two vertically adjacent green squares
. There should be no red. | 43 <!-- In the pixel result, you should see two vertically adjacent green squares
. There should be no red. |
| 44 Test is only reliable when run in DRT. --> | 44 Test is only reliable when run in DRT. --> |
| 45 <div class="indicator" id="indicator1"></div> | 45 <div class="indicator" id="indicator1"></div> |
| 46 <div class="indicator" id="indicator2"></div> | 46 <div class="indicator" id="indicator2"></div> |
| 47 | 47 |
| 48 <div class="box" id="box1"></div> | 48 <div class="box" id="box1"></div> |
| 49 <div class="box" id="box2"></div> | 49 <div class="box" id="box2"></div> |
| 50 | 50 |
| 51 <div id="result"> | 51 <div id="result"> |
| 52 PASS - "left" property for "box1" element at 0.5s saw something close to: 10
0<br> | 52 PASS - "left" property for "box1" element at 0.5s saw something close to: 10
0<br> |
| 53 PASS - "webkitTransform.4" property for "box2" element at 0.5s saw something
close to: 100 | 53 PASS - "webkitTransform.4" property for "box2" element at 0.5s saw something
close to: 100 |
| 54 </div> | 54 </div> |
| 55 </body> | 55 </body> |
| 56 </html> | 56 </html> |
| OLD | NEW |