Chromium Code Reviews
chromiumcodereview-hr@appspot.gserviceaccount.com (chromiumcodereview-hr) | Please choose your nickname with Settings | Help | Chromium Project | Gerrit Changes | Sign out
(292)

Side by Side Diff: LayoutTests/transitions/flex-transitions.html

Issue 1300323003: Make flex-grow and flex-shrink interpolation continuous with 0 (Closed) Base URL: svn://svn.chromium.org/blink/trunk
Patch Set: Update test Created 5 years, 4 months ago
Use n/p to move between diff chunks; N/P to move between comments. Draft comments are only viewable by you.
Jump to:
View unified diff | Download patch | Annotate | Revision Log
OLDNEW
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
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
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>
OLDNEW

Powered by Google App Engine
This is Rietveld 408576698