Index: third_party/WebKit/LayoutTests/fast/css-grid-layout/grid-sizing-positioned-items.html |
diff --git a/third_party/WebKit/LayoutTests/fast/css-grid-layout/grid-sizing-positioned-items.html b/third_party/WebKit/LayoutTests/fast/css-grid-layout/grid-sizing-positioned-items.html |
index 432a9eb466b7783328436096e451c047e4a362dc..b50cef4cbc0736bdf1baaa9e1d3e33775253a0db 100644 |
--- a/third_party/WebKit/LayoutTests/fast/css-grid-layout/grid-sizing-positioned-items.html |
+++ b/third_party/WebKit/LayoutTests/fast/css-grid-layout/grid-sizing-positioned-items.html |
@@ -49,8 +49,11 @@ |
} |
</style> |
-<script src="../../resources/check-layout.js"></script> |
+<script src="../../resources/testharness.js"></script> |
+<script src="../../resources/testharnessreport.js"></script> |
+<script src="../../resources/check-layout-th.js"></script> |
<body onload="checkLayout('.grid')"> |
+<div id="log"></div> |
<p>This test checks the different size options for absolutely positioned grid items.</p> |
@@ -122,4 +125,55 @@ |
</div> |
</div> |
+<div class="unconstrainedContainer"> |
+ <div class="grid directionRTL"> |
+ <div class="absolute autoRowAutoColumn sizedToGridArea" |
+ data-offset-x="-15" data-offset-y="15" data-expected-width="1030" data-expected-height="1030"> |
+ </div> |
+ <div class="absolute secondRowSecondColumn sizedToGridArea" |
+ data-offset-x="0" data-offset-y="65" data-expected-width="915" data-expected-height="965"> |
+ </div> |
+ <div class="absolute onlyFirstRowOnlyFirstColumn sizedToGridArea" |
+ data-offset-x="915" data-offset-y="15" data-expected-width="100" data-expected-height="50"> |
+ </div> |
+ <div class="absolute endSecondRowEndSecondColumn sizedToGridArea" |
+ data-offset-x="700" data-offset-y="15" data-expected-width="315" data-expected-height="215"> |
+ </div> |
+ </div> |
+</div> |
+ |
+<div class="unconstrainedContainer"> |
+ <div class="grid directionRTL"> |
+ <div class="absolute autoRowAutoColumn lengthSize" |
+ data-offset-x="965" data-offset-y="15" data-expected-width="50" data-expected-height="20"> |
+ </div> |
+ <div class="absolute secondRowSecondColumn lengthSize" |
+ data-offset-x="865" data-offset-y="65" data-expected-width="50" data-expected-height="20"> |
+ </div> |
+ <div class="absolute onlyFirstRowOnlyFirstColumn lengthSize" |
+ data-offset-x="965" data-offset-y="15" data-expected-width="50" data-expected-height="20"> |
+ </div> |
+ <div class="absolute endSecondRowEndSecondColumn lengthSize" |
+ data-offset-x="965" data-offset-y="15" data-expected-width="50" data-expected-height="20"> |
+ </div> |
+ </div> |
+</div> |
+ |
+<div class="unconstrainedContainer"> |
+ <div class="grid directionRTL"> |
+ <div class="absolute autoRowAutoColumn percentageSize" |
+ data-offset-x="500" data-offset-y="15" data-expected-width="515" data-expected-height="206"> |
+ </div> |
+ <div class="absolute secondRowSecondColumn percentageSize" |
+ data-offset-x="457.5" data-offset-y="65" data-expected-width="457.5" data-expected-height="193"> |
+ </div> |
+ <div class="absolute onlyFirstRowOnlyFirstColumn percentageSize" |
+ data-offset-x="965" data-offset-y="15" data-expected-width="50" data-expected-height="10"> |
+ </div> |
+ <div class="absolute endSecondRowEndSecondColumn percentageSize" |
+ data-offset-x="858" data-offset-y="15" data-expected-width="157.5" data-expected-height="43"> |
+ </div> |
+ </div> |
+</div> |
+ |
</body> |