| OLD | NEW |
|---|
| 1 <!DOCTYPE html> | 1 <!DOCTYPE html> |
| 2 | 2 |
| 3 <html> | 3 <html> |
| 4 <head> | 4 <head> |
| 5 <style> | 5 <style> |
| 6 #box { | 6 #box { |
| 7 display: inline; | 7 display: inline; |
| 8 font-size: 10px; | 8 font-size: 10px; |
| 9 font-family: sans-serif; | 9 font-family: sans-serif; |
| 10 -webkit-transition: font-size 2s linear; | 10 -webkit-transition: font-size 2s linear; |
| 11 } | 11 } |
| 12 | 12 |
| 13 #control { | 13 #control { |
| 14 display: inline; | 14 display: inline; |
| 15 font-size: 15px; | 15 font-size: 15px; |
| 16 font-family: sans-serif; | 16 font-family: sans-serif; |
| 17 } | 17 } |
| 18 | 18 |
| 19 #box.changed { | 19 #box.changed { |
| 20 font-size: 20px; | 20 font-size: 20px; |
| 21 } | 21 } |
| 22 </style> | 22 </style> |
| 23 | 23 |
| 24 <script src="resources/transition-test-helpers.js" type="text/javascript" char
set="utf-8"></script> | 24 <script src="../animations/resources/animation-test-helpers.js" type="text/jav
ascript" charset="utf-8"></script> |
| 25 <script type="text/javascript" charset="utf-8"> | 25 <script type="text/javascript" charset="utf-8"> |
| 26 const expectedValues = [ | 26 const expectedValues = [ |
| 27 // [time, element-id, property, expected-value, tolerance] | 27 // [time, element-id, property, expected-value, tolerance] |
| 28 [1, 'box', 'font-size', 15, 2, checkSize], | 28 [1, 'box', 'font-size', 15, 2, checkSize], |
| 29 ]; | 29 ]; |
| 30 | 30 |
| 31 function checkSize() | 31 function checkSize() |
| 32 { | 32 { |
| 33 var boxWidth = document.getElementById('box').offsetWidth; | 33 var boxWidth = document.getElementById('box').offsetWidth; |
| 34 var controlWidth = document.getElementById('control').offsetWidth; | 34 var controlWidth = document.getElementById('control').offsetWidth; |
| (...skipping 14 matching lines...) Expand all Loading... |
| 49 runTransitionTest(expectedValues, setupTest, usePauseAPI); | 49 runTransitionTest(expectedValues, setupTest, usePauseAPI); |
| 50 </script> | 50 </script> |
| 51 </head> | 51 </head> |
| 52 <body> | 52 <body> |
| 53 <div id="box">Here is some text</div> | 53 <div id="box">Here is some text</div> |
| 54 <br> | 54 <br> |
| 55 <div id="control">Here is some text</div> | 55 <div id="control">Here is some text</div> |
| 56 <div id="result"></div> | 56 <div id="result"></div> |
| 57 </body> | 57 </body> |
| 58 </html> | 58 </html> |
| OLD | NEW |
|---|
Chromium Code Reviews
Issue 15738009:
Beat the transition tests with a sanity stick. (Closed)
Base URL: svn://svn.chromium.org/blink/trunk