| OLD | NEW |
| 1 <!DOCTYPE> | 1 <!DOCTYPE> |
| 2 <html> | 2 <html> |
| 3 <head> | 3 <head> |
| 4 <style> | 4 <style> |
| 5 .flexbox { | 5 .flexbox { |
| 6 display: -webkit-flex; | 6 display: -webkit-flex; |
| 7 width: 100px; | 7 width: 100px; |
| 8 height: 100px; | 8 height: 100px; |
| 9 margin-bottom: 10px; | 9 margin-bottom: 10px; |
| 10 } | 10 } |
| (...skipping 40 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 51 -webkit-flex: 0 0 0px; | 51 -webkit-flex: 0 0 0px; |
| 52 } | 52 } |
| 53 | 53 |
| 54 </style> | 54 </style> |
| 55 <script src="../animations/resources/animation-test-helpers.js"></script> | 55 <script src="../animations/resources/animation-test-helpers.js"></script> |
| 56 <script type="text/javascript"> | 56 <script type="text/javascript"> |
| 57 | 57 |
| 58 const expectedValues = [ | 58 const expectedValues = [ |
| 59 // [time, element-id, property, expected-value, tolerance] | 59 // [time, element-id, property, expected-value, tolerance] |
| 60 [0.2, 'row1', '-webkit-flex', [140, 0, 0], 10], | 60 [0.2, 'row1', '-webkit-flex', [140, 0, 0], 10], |
| 61 [0.2, 'column1', '-webkit-flex', [0, 0, 40], 10], // grow/shrink do
not transition to/from zero | 61 [0.2, 'column1', '-webkit-flex', [80, 0, 40], 10], |
| 62 [0.2, 'negative1', '-webkit-flex', [100, 100, 60], 10], | 62 [0.2, 'negative1', '-webkit-flex', [100, 100, 60], 10], |
| 63 [0.2, 'no-flex1', '-webkit-flex', [0, 0, 0], 10], // grow/shrink do
not transition to/from zero | 63 [0.2, 'no-flex1', '-webkit-flex', [80, 0, 0], 10], |
| 64 [0.8, 'row1', '-webkit-flex', [260, 0, 0], 10], | 64 [0.8, 'row1', '-webkit-flex', [260, 0, 0], 10], |
| 65 [0.8, 'column1', '-webkit-flex', [0, 0, 160], 10], // grow/shrink do
not transition to/from zero | 65 [0.8, 'column1', '-webkit-flex', [20, 0, 160], 10], |
| 66 [0.8, 'negative1', '-webkit-flex', [100, 100, 90], 10], | 66 [0.8, 'negative1', '-webkit-flex', [100, 100, 90], 10], |
| 67 [0.8, 'no-flex1', '-webkit-flex', [0, 0, 0], 10], // grow/shrink do
not transition to/from zero | 67 [0.8, 'no-flex1', '-webkit-flex', [20, 0, 0], 10], |
| 68 ]; | 68 ]; |
| 69 | 69 |
| 70 function setupTest() | 70 function setupTest() |
| 71 { | 71 { |
| 72 document.body.className = 'final'; | 72 document.body.className = 'final'; |
| 73 } | 73 } |
| 74 | 74 |
| 75 runTransitionTest(expectedValues, setupTest); | 75 runTransitionTest(expectedValues, setupTest); |
| 76 </script> | 76 </script> |
| 77 </head> | 77 </head> |
| (...skipping 15 matching lines...) Expand all Loading... |
| 93 </div> | 93 </div> |
| 94 | 94 |
| 95 <div id="flex-no-flex" class='flexbox'> | 95 <div id="flex-no-flex" class='flexbox'> |
| 96 <div id="no-flex1"></div> | 96 <div id="no-flex1"></div> |
| 97 <div id="no-flex2"></div> | 97 <div id="no-flex2"></div> |
| 98 </div> | 98 </div> |
| 99 | 99 |
| 100 <div id="result"></div> | 100 <div id="result"></div> |
| 101 </body> | 101 </body> |
| 102 </html> | 102 </html> |
| OLD | NEW |