| 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-flexbox; | 6 display: -webkit-flexbox; |
| 7 width: 100px; | 7 width: 100px; |
| 8 height: 100px; | 8 height: 100px; |
| 9 } | 9 } |
| 10 .flexbox :nth-child(1) { | 10 .flexbox :nth-child(1) { |
| (...skipping 33 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 44 } | 44 } |
| 45 | 45 |
| 46 #flex-no-flex div { | 46 #flex-no-flex div { |
| 47 -webkit-flex: 1 0 0px; | 47 -webkit-flex: 1 0 0px; |
| 48 } | 48 } |
| 49 .final #no-flex1 { | 49 .final #no-flex1 { |
| 50 -webkit-flex: 0 0 0px; | 50 -webkit-flex: 0 0 0px; |
| 51 } | 51 } |
| 52 | 52 |
| 53 </style> | 53 </style> |
| 54 <script src="resources/transition-test-helpers.js"></script> | 54 <script src="../animations/resources/animation-test-helpers.js"></script> |
| 55 <script type="text/javascript"> | 55 <script type="text/javascript"> |
| 56 | 56 |
| 57 const expectedValues = [ | 57 const expectedValues = [ |
| 58 // [time, element-id, property, expected-value, tolerance] | 58 // [time, element-id, property, expected-value, tolerance] |
| 59 [0.5, 'row1', '-webkit-flex', [2, 0, 0], .5], | 59 [0.5, 'row1', '-webkit-flex', [2, 0, 0], .5], |
| 60 [0.5, 'column1', '-webkit-flex', [.5, 0, 10], 3], | 60 [0.5, 'column1', '-webkit-flex', [.5, 0, 10], 3], |
| 61 [0.5, 'negative1', '-webkit-flex', [1, .5, 75], 3], | 61 [0.5, 'negative1', '-webkit-flex', [1, .5, 75], 3], |
| 62 [0.5, 'no-flex1', '-webkit-flex', [.5, 0, 0], .4], | 62 [0.5, 'no-flex1', '-webkit-flex', [.5, 0, 0], .4], |
| 63 ]; | 63 ]; |
| 64 | 64 |
| (...skipping 23 matching lines...) Expand all Loading... |
| 88 </div> | 88 </div> |
| 89 | 89 |
| 90 <div id="flex-no-flex" class='flexbox'> | 90 <div id="flex-no-flex" class='flexbox'> |
| 91 <div id="no-flex1"></div> | 91 <div id="no-flex1"></div> |
| 92 <div id="no-flex2"></div> | 92 <div id="no-flex2"></div> |
| 93 </div> | 93 </div> |
| 94 | 94 |
| 95 <div id="result"></div> | 95 <div id="result"></div> |
| 96 </body> | 96 </body> |
| 97 </html> | 97 </html> |
| OLD | NEW |