Changeset 95644 in webkit
- Timestamp:
- Sep 21, 2011 10:00:43 AM (13 years ago)
- Location:
- trunk/LayoutTests
- Files:
-
- 7 edited
Legend:
- Unmodified
- Added
- Removed
-
trunk/LayoutTests/ChangeLog
r95643 r95644 1 2011-09-21 Ojan Vafai <ojan@chromium.org> 2 3 [flexbox] rename classnames and methods in the tests to not assume horizontal 4 https://bugs.webkit.org/show_bug.cgi?id=68498 5 6 Reviewed by Tony Chang. 7 8 * css3/flexbox/001.html: 9 * css3/flexbox/002.html: 10 * css3/flexbox/003.html: 11 * css3/flexbox/004.html: 12 * css3/flexbox/resources/flexbox.js: 13 (checkFlexBoxen): 14 * css3/flexbox/writing-modes.html: 15 * platform/mac/Skipped: 16 1 17 2011-09-21 Mike Reed <reed@google.com> 2 18 -
trunk/LayoutTests/css3/flexbox/001.html
r94137 r95644 5 5 margin: 0; 6 6 } 7 . horizontal-box {7 .flexbox { 8 8 width: 600px; 9 9 } 10 . horizontal-box div {10 .flexbox div { 11 11 height: 20px; 12 12 border: 0; 13 13 } 14 14 15 . horizontal-box :nth-child(1) {15 .flexbox :nth-child(1) { 16 16 background-color: blue; 17 17 } 18 . horizontal-box :nth-child(2) {18 .flexbox :nth-child(2) { 19 19 background-color: green; 20 20 } 21 . horizontal-box :nth-child(3) {21 .flexbox :nth-child(3) { 22 22 background-color: red; 23 23 } … … 28 28 </script> 29 29 <script src="resources/flexbox.js"></script> 30 <body onload="check HorizontalBoxen()">30 <body onload="checkFlexBoxen()"> 31 31 32 <div style="display: -webkit-flexbox" class=" horizontal-box">32 <div style="display: -webkit-flexbox" class="flexbox"> 33 33 <div data-expected-width="200" style="width: -webkit-flex(1)"></div> 34 34 <div data-expected-width="200" style="width: -webkit-flex(1)"></div> … … 36 36 </div> 37 37 38 <div style="display: -webkit-flexbox" class=" horizontal-box">38 <div style="display: -webkit-flexbox" class="flexbox"> 39 39 <div data-expected-width="200" style="width: -webkit-flex(.5)"></div> 40 40 <div data-expected-width="200" style="width: -webkit-flex(.5)"></div> … … 42 42 </div> 43 43 44 <div style="display: -webkit-flexbox" class=" horizontal-box">44 <div style="display: -webkit-flexbox" class="flexbox"> 45 45 <div data-expected-width="300" style="width: -webkit-flex(3)"></div> 46 46 <div data-expected-width="200" style="width: -webkit-flex(2)"></div> … … 48 48 </div> 49 49 50 <div style="display: -webkit-flexbox" class=" horizontal-box">50 <div style="display: -webkit-flexbox" class="flexbox"> 51 51 <div data-expected-width="250" style="width: -webkit-flex(1)"></div> 52 52 <div data-expected-width="250" style="width: -webkit-flex(1)"></div> … … 54 54 </div> 55 55 56 <div style="display: -webkit-flexbox" class=" horizontal-box">56 <div style="display: -webkit-flexbox" class="flexbox"> 57 57 <div data-expected-width="150" style="width: -webkit-flex(1)"></div> 58 58 <div data-expected-width="150" style="width: -webkit-flex(1)"></div> … … 61 61 62 62 <!-- The first two boxes should fill the extra 300px evenly (each gets 150px extra). --> 63 <div style="display: -webkit-flexbox" class=" horizontal-box">63 <div style="display: -webkit-flexbox" class="flexbox"> 64 64 <div data-expected-width="150" style="width: -webkit-flex(1)"></div> 65 65 <div data-expected-width="350" style="width: -webkit-flex(1 200px)"></div> … … 68 68 69 69 <!-- Like the last test, except the middle box gets more space than the first box. --> 70 <div style="display: -webkit-flexbox" class=" horizontal-box">70 <div style="display: -webkit-flexbox" class="flexbox"> 71 71 <div data-expected-width="100" style="width: -webkit-flex(1)"></div> 72 72 <div data-expected-width="400" style="width: -webkit-flex(2 33.333333%)"></div> … … 75 75 76 76 <!-- Test some negative flexing. --> 77 <div style="display: -webkit-flexbox" class=" horizontal-box">77 <div style="display: -webkit-flexbox" class="flexbox"> 78 78 <div data-expected-width="200" style="width: -webkit-flex(1 1 300px)"></div> 79 79 <div data-expected-width="200" style="width: -webkit-flex(2 1 300px)"></div> … … 81 81 </div> 82 82 83 <div style="display: -webkit-flexbox" class=" horizontal-box">83 <div style="display: -webkit-flexbox" class="flexbox"> 84 84 <div data-expected-width="250" style="width: -webkit-flex(1 1 300px)"></div> 85 85 <div data-expected-width="150" style="width: -webkit-flex(2 3 300px)"></div> … … 88 88 89 89 <!-- Test flexitem borders. --> 90 <div style="display: -webkit-flexbox" class=" horizontal-box">90 <div style="display: -webkit-flexbox" class="flexbox"> 91 91 <div data-expected-width="250" style="width: -webkit-flex(1); border-left: 150px solid black"></div> 92 92 <div data-expected-width="250" style="width: -webkit-flex(1 0 0px); border-right: 150px solid orange"></div> … … 94 94 </div> 95 95 96 <div style="display: -webkit-flexbox" class=" horizontal-box">96 <div style="display: -webkit-flexbox" class="flexbox"> 97 97 <div data-expected-width="300" style="width: 100px; border: 100px solid black"></div> 98 98 <div data-expected-width="200" style="width: -webkit-flex(2)"></div> … … 101 101 102 102 <!-- Test flexitem padding. --> 103 <div style="display: -webkit-flexbox" class=" horizontal-box">103 <div style="display: -webkit-flexbox" class="flexbox"> 104 104 <div data-expected-width="250" style="width: -webkit-flex(1); padding-left: 150px"></div> 105 105 <div data-expected-width="250" style="width: -webkit-flex(1 0 0px); padding-right: 150px"></div> … … 107 107 </div> 108 108 109 <div style="display: -webkit-flexbox" class=" horizontal-box">109 <div style="display: -webkit-flexbox" class="flexbox"> 110 110 <div data-expected-width="300" style="width: 100px; padding: 100px"></div> 111 111 <div data-expected-width="200" style="width: -webkit-flex(2)"></div> … … 113 113 </div> 114 114 115 <div style="display: -webkit-flexbox" class=" horizontal-box">115 <div style="display: -webkit-flexbox" class="flexbox"> 116 116 <div data-expected-width="200" style="width: -webkit-flex(1); padding-left: 25%"></div> 117 117 <div data-expected-width="150" style="width: -webkit-flex(3);"></div> … … 119 119 </div> 120 120 121 <div style="display: -webkit-flexbox" class=" horizontal-box">121 <div style="display: -webkit-flexbox" class="flexbox"> 122 122 <div data-expected-width="200" style="width: -webkit-flex(1); padding-left: 50px; border-right: 50px solid black"></div> 123 123 <div data-expected-width="250" style="width: -webkit-flex(2); border-right: 50px solid orange"></div> … … 126 126 127 127 <!-- Test items with an intrinsic size. --> 128 <div style="display: -webkit-flexbox" class=" horizontal-box">128 <div style="display: -webkit-flexbox" class="flexbox"> 129 129 <div data-expected-width="120" style="width: -webkit-flex(1)"> 130 130 <div style="width: 100px; height: 100%;"></div> … … 134 134 </div> 135 135 136 <div style="display: -webkit-flexbox" class=" horizontal-box">136 <div style="display: -webkit-flexbox" class="flexbox"> 137 137 <div data-expected-width="200" style="width: -webkit-flex(1 0 0)"> 138 138 <div style="width: 100px; height: 100%;"></div> … … 144 144 <!-- Test border/padding/margin on the flexbox itself. --> 145 145 <div style="border: 10px solid; display: inline-block;"> 146 <div data-expected-width="700" style="display: -webkit-flexbox; padding-left: 10px; padding-right: 20px; border-left: 30px solid; border-right: 40px solid; margin-left: 50px; margin-right:60px;" class=" horizontal-box ">146 <div data-expected-width="700" style="display: -webkit-flexbox; padding-left: 10px; padding-right: 20px; border-left: 30px solid; border-right: 40px solid; margin-left: 50px; margin-right:60px;" class="flexbox "> 147 147 <div data-offset-x="100" data-expected-width="200" style="width: -webkit-flex(1)"></div> 148 148 <div data-offset-x="300" data-expected-width="200" style="width: -webkit-flex(1)"></div> -
trunk/LayoutTests/css3/flexbox/002.html
r93921 r95644 5 5 margin: 0; 6 6 } 7 . horizontal-box {7 .flexbox { 8 8 width: 600px; 9 9 display: -webkit-flexbox; … … 11 11 position: relative; 12 12 } 13 . horizontal-box div {13 .flexbox div { 14 14 height: 20px; 15 15 border: 0; 16 16 } 17 17 18 . horizontal-box :nth-child(1) {18 .flexbox :nth-child(1) { 19 19 background-color: blue; 20 20 } 21 . horizontal-box :nth-child(2) {21 .flexbox :nth-child(2) { 22 22 background-color: green; 23 23 } 24 . horizontal-box :nth-child(3) {24 .flexbox :nth-child(3) { 25 25 background-color: red; 26 26 } … … 31 31 </script> 32 32 <script src="resources/flexbox.js"></script> 33 <body onload="check HorizontalBoxen()">34 <div class=" horizontal-box">33 <body onload="checkFlexBoxen()"> 34 <div class="flexbox"> 35 35 <div data-expected-width="200" style="width: -webkit-flex(1 0 0);"></div> 36 36 <div data-expected-width="100" data-offset-x="250" style="width: 100px; margin: 0 50px;"></div> … … 39 39 40 40 <!-- Margins set to auto have a positive flex of 1. In this example, the left and right margin should each be 100px. --> 41 <div class=" horizontal-box">41 <div class="flexbox"> 42 42 <div data-expected-width="100" style="width: -webkit-flex(1 0 0);"></div> 43 43 <div data-expected-width="200" data-offset-x="200" style="width: 200px; margin: 0 auto;"></div> … … 45 45 </div> 46 46 47 <div class=" horizontal-box">47 <div class="flexbox"> 48 48 <div data-expected-width="100" style="width: -webkit-flex(1 0 0);"></div> 49 49 <div data-expected-width="200" data-offset-x="200" style="width: -webkit-flex(1 0 100px); margin-left: auto;"></div> … … 52 52 53 53 <!-- margin: auto has a negative flex of 0 --> 54 <div class=" horizontal-box">54 <div class="flexbox"> 55 55 <div data-expected-width="150" style="width: -webkit-flex(1 1 300px);"></div> 56 56 <div data-expected-width="300" data-offset-x="150" style="width: -webkit-flex(1 0 300px); margin: 0 auto;"></div> … … 59 59 60 60 <!-- The centering use case. --> 61 <div class=" horizontal-box">61 <div class="flexbox"> 62 62 <div data-expected-width="300px" data-offset-x="150" style="width: -webkit-flex(0 0 300px); margin: 0 auto;"></div> 63 63 </div> 64 64 65 <div class=" horizontal-box">65 <div class="flexbox"> 66 66 <div data-expected-width="400px" data-offset-x="100" style="width: -webkit-flex(1 0 300px); margin: 0 auto;"></div> 67 67 </div> 68 68 69 <div class=" horizontal-box">69 <div class="flexbox"> 70 70 <div data-expected-width="400" data-offset-x="100" style="width: -webkit-flex(4); margin: 0 auto;"> 71 71 <div style="width: 100px; height: 100%;"></div> … … 73 73 </div> 74 74 75 <div class=" horizontal-box" style="margin: 100px;">75 <div class="flexbox" style="margin: 100px;"> 76 76 <div data-expected-width="100" data-offset-x="100" style="width: -webkit-flex(1); margin: 0 auto;"></div> 77 77 <div data-expected-width="100" data-offset-x="400" style="width: -webkit-flex(1); margin: 0 auto;"></div> 78 78 </div> 79 79 80 <div class=" horizontal-box" style="padding: 100px;">80 <div class="flexbox" style="padding: 100px;"> 81 81 <div data-expected-width="100" data-offset-x="200" style="width: -webkit-flex(1 0 0px); margin: 0 auto;"></div> 82 82 <div data-expected-width="100" data-offset-x="500" style="width: -webkit-flex(1 0 0em); margin: 0 auto;"></div> 83 83 </div> 84 84 85 <div class=" horizontal-box">85 <div class="flexbox"> 86 86 <div data-expected-width="50" data-offset-x="50" style="width: -webkit-flex(1 0 0); margin: 0 auto;"></div> 87 87 <div data-expected-width="300" data-offset-x="150" style="width: -webkit-flex(2 0 0); padding: 0 100px;"></div> -
trunk/LayoutTests/css3/flexbox/003.html
r93651 r95644 5 5 margin: 0; 6 6 } 7 . horizontal-box {7 .flexbox { 8 8 width: 600px; 9 9 display: -webkit-flexbox; … … 11 11 position: relative; 12 12 } 13 . horizontal-box div {13 .flexbox div { 14 14 height: 20px; 15 15 border: 0; 16 16 } 17 17 18 . horizontal-box :nth-child(1) {18 .flexbox :nth-child(1) { 19 19 background-color: blue; 20 20 } 21 . horizontal-box :nth-child(2) {21 .flexbox :nth-child(2) { 22 22 background-color: green; 23 23 } 24 . horizontal-box :nth-child(3) {24 .flexbox :nth-child(3) { 25 25 background-color: red; 26 26 } … … 31 31 </script> 32 32 <script src="resources/flexbox.js"></script> 33 <body onload="check HorizontalBoxen()">34 <div class=" horizontal-box">33 <body onload="checkFlexBoxen()"> 34 <div class="flexbox"> 35 35 <div data-expected-width="100" style="width: -webkit-flex(1 0 0); max-width: 100px;"></div> 36 36 <div data-expected-width="250" style="width: -webkit-flex(1 0 0);"></div> … … 39 39 40 40 <!-- The first two flexitems should hit their max width and the third item fills the remaining space. --> 41 <div class=" horizontal-box">41 <div class="flexbox"> 42 42 <div data-expected-width="50" style="width: -webkit-flex(1 0 0); max-width: 50px;"></div> 43 43 <div data-expected-width="300" style="width: -webkit-flex(4 0 0); max-width: 300px;"></div> … … 45 45 </div> 46 46 47 <div class=" horizontal-box">47 <div class="flexbox"> 48 48 <div data-expected-width="100" style="width: -webkit-flex(1 0 0); max-width: 100px;"></div> 49 49 <div data-expected-width="300" style="width: -webkit-flex(1 0 200px); max-width: 300px;"></div> … … 52 52 53 53 <!-- Test min-width. --> 54 <div class=" horizontal-box">54 <div class="flexbox"> 55 55 <div data-expected-width="350" style="width: -webkit-flex(1 1 400px); min-width: 350px;"></div> 56 56 <div data-expected-width="250" style="width: -webkit-flex(1 1 400px);"></div> … … 58 58 59 59 <!-- The flex items can overflow the flexbox. --> 60 <div class=" horizontal-box">60 <div class="flexbox"> 61 61 <div data-expected-width="350" style="width: -webkit-flex(1 1 400px); min-width: 350px;"></div> 62 62 <div data-expected-width="300" style="width: -webkit-flex(2 0 300px); max-width: 300px;"></div> … … 64 64 </div> 65 65 66 <div class=" horizontal-box">66 <div class="flexbox"> 67 67 <div data-expected-width="100" data-offset-x="100" style="width: -webkit-flex(1 0 0); margin: 0 auto; max-width: 100px;"></div> 68 68 <div data-expected-width="200" data-offset-x="300" style="width: -webkit-flex(2 0 0);"></div> … … 71 71 72 72 <!-- min-width and max-width take priority over the preferred size. --> 73 <div class=" horizontal-box">73 <div class="flexbox"> 74 74 <div data-expected-width="500" style="width: -webkit-flex(1 0 0); min-width: 300px"></div> 75 75 <div data-expected-width="100" style="width: -webkit-flex(1 0 50%); max-width: 100px"></div> -
trunk/LayoutTests/css3/flexbox/004.html
r93996 r95644 5 5 margin: 0; 6 6 } 7 . horizontal-box {7 .flexbox { 8 8 width: 600px; 9 9 display: -webkit-flexbox; … … 11 11 position: relative; 12 12 } 13 . horizontal-box div {13 .flexbox div { 14 14 height: 20px; 15 15 border: 0; 16 16 } 17 17 18 . horizontal-box :nth-child(1) {18 .flexbox :nth-child(1) { 19 19 background-color: blue; 20 20 } 21 . horizontal-box :nth-child(2) {21 .flexbox :nth-child(2) { 22 22 background-color: green; 23 23 } 24 . horizontal-box :nth-child(3) {24 .flexbox :nth-child(3) { 25 25 background-color: red; 26 26 } … … 31 31 </script> 32 32 <script src="resources/flexbox.js"></script> 33 <body onload="check HorizontalBoxen()">34 <div class=" horizontal-box">33 <body onload="checkFlexBoxen()"> 34 <div class="flexbox"> 35 35 <div data-expected-width="100" data-offset-x="0" style="width: -webkit-flex(1 0 0); max-width: 100px;"></div> 36 36 <div data-expected-width="100" data-offset-x="100" style="width: 100px;"></div> … … 38 38 </div> 39 39 40 <div class=" horizontal-box" style="-webkit-flex-pack: end">40 <div class="flexbox" style="-webkit-flex-pack: end"> 41 41 <div data-expected-width="100" data-offset-x="300" style="width: -webkit-flex(0 0 100px);"></div> 42 42 <div data-expected-width="100" data-offset-x="400" style="width: 100px;"></div> … … 44 44 </div> 45 45 46 <div class=" horizontal-box" style="-webkit-flex-pack: center">46 <div class="flexbox" style="-webkit-flex-pack: center"> 47 47 <div data-expected-width="100" data-offset-x="150" style="width: -webkit-flex(1 0 0); max-width: 100px;"></div> 48 48 <div data-expected-width="100" data-offset-x="250" style="width: 100px;"></div> … … 50 50 </div> 51 51 52 <div class=" horizontal-box" style="-webkit-flex-pack: justify">52 <div class="flexbox" style="-webkit-flex-pack: justify"> 53 53 <div data-expected-width="100" data-offset-x="0" style="width: -webkit-flex(1 0 0); max-width: 100px;"></div> 54 54 <div data-expected-width="100" data-offset-x="250" style="width: 100px;"></div> … … 57 57 58 58 <!-- If there's only one child, we pack start. --> 59 <div class=" horizontal-box" style="-webkit-flex-pack: justify">59 <div class="flexbox" style="-webkit-flex-pack: justify"> 60 60 <div data-expected-width="100" data-offset-x="0" style="width: -webkit-flex(1 0 0); max-width: 100px;"></div> 61 61 </div> 62 62 63 63 <!-- The flex-pack does nothing here because the margin:auto eats all the available space. --> 64 <div class=" horizontal-box" style="-webkit-flex-pack: end">64 <div class="flexbox" style="-webkit-flex-pack: end"> 65 65 <div data-expected-width="100" data-offset-x="0" style="width: 100px;"></div> 66 66 <div data-expected-width="100" data-offset-x="100" style="width: 100px; margin-right: auto"></div> … … 69 69 70 70 <!-- The flex-pack does nothing here because we are shrinking. --> 71 <div class=" horizontal-box" style="-webkit-flex-pack: end">71 <div class="flexbox" style="-webkit-flex-pack: end"> 72 72 <div data-expected-width="200" data-offset-x="0" style="width: -webkit-flex(0 1 300px);"></div> 73 73 <div data-expected-width="200" data-offset-x="200" style="width: 200px;"></div> -
trunk/LayoutTests/css3/flexbox/resources/flexbox.js
r95577 r95644 34 34 } 35 35 36 function check HorizontalBoxen()36 function checkFlexBoxen() 37 37 { 38 var flexboxen = document.getElementsByClassName(" horizontal-box");38 var flexboxen = document.getElementsByClassName("flexbox"); 39 39 Array.prototype.forEach.call(flexboxen, function(flexbox) { 40 40 var failures = []; -
trunk/LayoutTests/css3/flexbox/writing-modes.html
r95577 r95644 5 5 margin: 0; 6 6 } 7 /* FIXME: flexbox.js iterates over horizontal-box elements. Rename this to flexbox. */ 8 .horizontal-box { 7 .flexbox { 9 8 width: 600px; 10 9 display: -webkit-flexbox; 11 10 } 12 . horizontal-box div {11 .flexbox div { 13 12 height: 20px; 14 13 border: 0; … … 39 38 } 40 39 41 . horizontal-box > :nth-child(1) {40 .flexbox > :nth-child(1) { 42 41 background-color: blue; 43 42 } 44 . horizontal-box > :nth-child(2) {43 .flexbox > :nth-child(2) { 45 44 background-color: green; 46 45 } 47 . horizontal-box > :nth-child(3) {46 .flexbox > :nth-child(3) { 48 47 background-color: red; 49 48 } … … 54 53 </script> 55 54 <script src="resources/flexbox.js"></script> 56 <body onload="check HorizontalBoxen()">55 <body onload="checkFlexBoxen()"> 57 56 58 <div class=" horizontal-box rtl">57 <div class="flexbox rtl"> 59 58 <div data-expected-width="50" data-offset-x="500" style="width: -webkit-flex(1 0 0); margin: 0 auto;"></div> 60 59 <div data-expected-width="300" data-offset-x="150" style="width: -webkit-flex(2 0 0); padding: 0 100px;"></div> … … 62 61 </div> 63 62 64 <div class=" horizontal-box rtl">63 <div class="flexbox rtl"> 65 64 <div data-expected-width="50" data-offset-x="500" style="width: -webkit-flex(1 0 0); margin: 0 auto;"></div> 66 65 <div data-expected-width="300" data-offset-x="150" style="width: -webkit-flex(2 0 0); padding: 0 100px;"></div> … … 68 67 </div> 69 68 70 <div class=" horizontal-box rtl" style="-webkit-margin-start: 20px;-webkit-margin-end: 50px;">69 <div class="flexbox rtl" style="-webkit-margin-start: 20px;-webkit-margin-end: 50px;"> 71 70 <div data-expected-width="50" data-offset-x="550" style="width: -webkit-flex(1 0 0); margin: 0 auto;"></div> 72 71 <div data-expected-width="300" data-offset-x="200" style="width: -webkit-flex(2 0 0); padding: 0 100px;"></div> … … 75 74 76 75 <div style="position:relative"> 77 <div class=" horizontal-box vertical-lr">76 <div class="flexbox vertical-lr"> 78 77 <div data-expected-height="150" data-offset-y="0" style="height: -webkit-flex(1 0 0);"></div> 79 78 <div data-expected-height="300" data-offset-y="150" style="height: -webkit-flex(2 0 0);"></div> … … 83 82 84 83 <div style="position:relative"> 85 <div class=" horizontal-box vertical-lr">84 <div class="flexbox vertical-lr"> 86 85 <div data-expected-height="150" data-offset-y="0" style="height: -webkit-flex(1 0 0);"></div> 87 86 <div data-expected-height="300" data-offset-y="150" class="bt" style="height: -webkit-flex(2 0 0);"></div> … … 91 90 92 91 <div style="position:relative"> 93 <div class=" horizontal-box vertical-lr">92 <div class="flexbox vertical-lr"> 94 93 <div data-expected-height="450" data-offset-y="0" style="height: -webkit-flex(1 0 0);-webkit-padding-start:200px;-webkit-padding-end:200px;-webkit-padding-before:100px;-webkit-padding-after:100px;"></div> 95 94 <div data-expected-height="100" data-offset-y="450" style="height: -webkit-flex(2 0 0);"></div> … … 99 98 100 99 <div style="position:relative"> 101 <div class=" horizontal-box vertical-lr">100 <div class="flexbox vertical-lr"> 102 101 <div data-expected-height="300" data-offset-y="0" class="bt" style="height: -webkit-flex(1 0 0);-webkit-padding-start:200px;-webkit-padding-end:200px;-webkit-padding-before:100px;-webkit-padding-after:100px;"></div> 103 102 <div data-expected-height="200" data-offset-y="300" style="height: -webkit-flex(2 0 0);"></div> … … 108 107 109 108 <div style="position:relative"> 110 <div class=" horizontal-box vertical-lr">109 <div class="flexbox vertical-lr"> 111 110 <div data-expected-height="100" data-offset-y="100" style="height: -webkit-flex(1 0 0); margin: auto 0;"></div> 112 111 <div data-expected-height="200" data-offset-y="300" style="height: -webkit-flex(2 0 0);"></div> … … 116 115 117 116 <div style="position:relative"> 118 <div class=" horizontal-box vertical-lr">117 <div class="flexbox vertical-lr"> 119 118 <div data-expected-height="50" data-offset-y="50" style="height: -webkit-flex(1 0 0);margin: auto 0;"></div> 120 119 <div data-expected-height="400" data-offset-y="150" style="height: -webkit-flex(2 0 auto);"><div style="width:200px;height:300px;background-color:orange;"></div></div> … … 124 123 125 124 <div style="position:relative"> 126 <div class=" horizontal-box vertical-lr">125 <div class="flexbox vertical-lr"> 127 126 <div data-expected-height="50" data-offset-y="50" style="height: -webkit-flex(1 0 0);margin: auto 0;"></div> 128 127 <div data-expected-height="400" data-offset-y="150" class="bt" style="height: -webkit-flex(2 0 auto);"><div style="width:200px;height:300px;background-color:orange;"></div></div> … … 132 131 133 132 <div style="position:relative"> 134 <div class=" horizontal-box vertical-lr">133 <div class="flexbox vertical-lr"> 135 134 <div data-expected-height="100" data-offset-y="100" style="height: -webkit-flex(1 0 0);-webkit-margin-start:auto;-webkit-margin-end:auto;-webkit-margin-before:0;-webkit-margin-after:0;;"></div> 136 135 <div data-expected-height="200" data-offset-y="300" style="height: -webkit-flex(2 0 0);"></div> … … 140 139 141 140 <div style="position:relative"> 142 <div class=" horizontal-box vertical-lr">141 <div class="flexbox vertical-lr"> 143 142 <div data-expected-height="150" data-offset-y="0" class="bt" style="height: -webkit-flex(1 0 0);-webkit-margin-start:auto;-webkit-margin-end:auto;-webkit-margin-before:0;-webkit-margin-after:0;;"></div> 144 143 <div data-expected-height="300" data-offset-y="150" style="height: -webkit-flex(2 0 0);"></div> … … 148 147 149 148 <div style="position:relative"> 150 <div class=" horizontal-box vertical-lr rtl">149 <div class="flexbox vertical-lr rtl"> 151 150 <div data-expected-height="50" data-offset-y="500" style="height: -webkit-flex(1 0 0); margin: auto 0;"></div> 152 151 <div data-expected-height="300" data-offset-y="150" class="bt" style="height: -webkit-flex(2 0 0); padding: 100px 0;"></div> … … 155 154 </div> 156 155 157 <div class=" horizontal-box vertical-lr">156 <div class="flexbox vertical-lr"> 158 157 <div data-expected-height="350" style="height: -webkit-flex(1 1 400px); min-height: 350px;"></div> 159 158 <div data-expected-height="250" style="height: -webkit-flex(1 1 400px);"></div> … … 162 161 <!-- FIXME: There's a bug where offsetLeft reports the wrong value in vertical-rl writing-mode.--> 163 162 <div style="position:relative"> 164 <div class=" horizontal-box vertical-rl">163 <div class="flexbox vertical-rl"> 165 164 <div data-expected-height="150" data-offset-y="0" data-offset-x="580" style="height: -webkit-flex(1 0 0);"></div> 166 165 <div data-expected-height="300" data-offset-y="150" data-offset-x="580" style="height: -webkit-flex(2 0 0);"></div> … … 171 170 <!-- FIXME: There's a bug where offsetTop reports the wrong value in horizontal-bt writing-mode.--> 172 171 <div style="position:relative"> 173 <div class=" horizontal-box bt" style="height:200px">172 <div class="flexbox bt" style="height:200px"> 174 173 <div data-offset-y="180" data-offset-x="580" style="width: -webkit-flex(1 0 0);"></div> 175 174 <div data-offset-y="180" data-offset-x="580" style="width: -webkit-flex(2 0 0);"></div>
Note: See TracChangeset
for help on using the changeset viewer.