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 |