| Index: LayoutTests/css3/flexbox/style-change.html
|
| diff --git a/LayoutTests/css3/flexbox/style-change.html b/LayoutTests/css3/flexbox/style-change.html
|
| index ea76ccd8b003ea5ea375ae126ec929525a8f323a..91007d54e35051119f1ce41d3fdf09e72ed1c243 100644
|
| --- a/LayoutTests/css3/flexbox/style-change.html
|
| +++ b/LayoutTests/css3/flexbox/style-change.html
|
| @@ -5,7 +5,7 @@ body {
|
| margin: 0;
|
| }
|
| .flexbox {
|
| - display: -webkit-flex;
|
| + display: flex;
|
| background-color: #aaa;
|
| position: relative;
|
| }
|
| @@ -30,8 +30,8 @@ body {
|
| <p>This test verifies that changing order, align-content, align-items, align-self, or justify-content will relayout.</p>
|
|
|
| <div id="flexbox" class="flexbox" style="width: 300px; height: 300px;">
|
| - <div id="a" style="-webkit-flex: 0 0 auto; width: 100px; height: 100px;"></div>
|
| - <div id="b" style="-webkit-flex: 0 0 auto; width: 100px; height: 100px;"></div>
|
| + <div id="a" style="flex: 0 0 auto; width: 100px; height: 100px;"></div>
|
| + <div id="b" style="flex: 0 0 auto; width: 100px; height: 100px;"></div>
|
| </div>
|
| <script>
|
|
|
| @@ -50,21 +50,21 @@ function checkValues(aXOffset, aYOffset, bXOffset, bYOffset)
|
|
|
| checkValues(0, 0, 100, 0);
|
|
|
| -flexbox.style.webkitJustifyContent = "flex-end";
|
| +flexbox.style.justifyContent = "flex-end";
|
| checkValues(100, 0, 200, 0);
|
|
|
| -flexbox.style.webkitAlignItems = "flex-end";
|
| +flexbox.style.alignItems = "flex-end";
|
| checkValues(100, 200, 200, 200);
|
|
|
| bDiv.style.webkitOrder = -1;
|
| checkValues(200, 200, 100, 200);
|
|
|
| -aDiv.style.webkitAlignSelf = "flex-start";
|
| +aDiv.style.alignSelf = "flex-start";
|
| checkValues(200, 0, 100, 200);
|
|
|
| flexbox.style.width = "100px";
|
| -flexbox.style.webkitFlexWrap = "wrap";
|
| -flexbox.style.webkitAlignContent = "flex-end";
|
| +flexbox.style.flexWrap = "wrap";
|
| +flexbox.style.alignContent = "flex-end";
|
| checkValues(0, 200, 0, 100);
|
|
|
| </script>
|
|
|