Index: third_party/WebKit/LayoutTests/fast/css-grid-layout/absolute-positioning-grid-container-containing-block.html |
diff --git a/third_party/WebKit/LayoutTests/fast/css-grid-layout/absolute-positioning-grid-container-containing-block.html b/third_party/WebKit/LayoutTests/fast/css-grid-layout/absolute-positioning-grid-container-containing-block.html |
index 261bbdd6a03d7196b0612c0b485b23906b9d3acd..07ff815643b70d41702985ab1944d90c96f3d678 100644 |
--- a/third_party/WebKit/LayoutTests/fast/css-grid-layout/absolute-positioning-grid-container-containing-block.html |
+++ b/third_party/WebKit/LayoutTests/fast/css-grid-layout/absolute-positioning-grid-container-containing-block.html |
@@ -106,8 +106,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 behavior of the absolutely positioned elements with a grid container as containing block.</p> |
@@ -227,5 +230,71 @@ |
</div> |
</div> |
+<div class="grid directionRTL"> |
+ <div class="sizedToGridArea absolute autoRowAutoColumn" |
+ data-offset-x="-15" data-offset-y="15" data-expected-width="530" data-expected-height="530"> |
+ </div> |
+ <div class="sizedToGridArea absolute firstRowFirstColumn" |
+ data-offset-x="0" data-offset-y="15" data-expected-width="515" data-expected-height="515"> |
+ </div> |
+ <div class="sizedToGridArea absolute secondRowFirstColumn" |
+ data-offset-x="0" data-offset-y="65" data-expected-width="515" data-expected-height="465"> |
+ </div> |
+ <div class="sizedToGridArea absolute firstRowSecondColumn" |
+ data-offset-x="0" data-offset-y="15" data-expected-width="465" data-expected-height="515"> |
+ </div> |
+ <div class="sizedToGridArea absolute secondRowSecondColumn" |
+ data-offset-x="0" data-offset-y="65" data-expected-width="465" data-expected-height="465"> |
+ </div> |
+ <div class="sizedToGridArea absolute thirdRowThirdColumnSpanning2Rows" |
+ data-offset-x="0" data-offset-y="165" data-expected-width="365" data-expected-height="350"> |
+ </div> |
+ <div class="sizedToGridArea absolute thirdRowThirdColumnSpanning2Rows2Columns" |
+ data-offset-x="15" data-offset-y="165" data-expected-width="350" data-expected-height="350"> |
+ </div> |
+</div> |
+ |
+<div class="grid directionRTL"> |
+ <div class="sizedToGridArea absolute endThirdRowEndThirdColumnSpanning2Rows" |
+ data-offset-x="200" data-offset-y="65" data-expected-width="315" data-expected-height="250"> |
+ </div> |
+ <div class="sizedToGridArea absolute endThirdRowEndThirdColumnSpanning2Rows2Columns" |
+ data-offset-x="215" data-offset-y="65" data-expected-width="250" data-expected-height="250"> |
+ </div> |
+ <div class="sizedToGridArea absolute endSecondRowEndSecondColumn" |
+ data-offset-x="350" data-offset-y="15" data-expected-width="165" data-expected-height="165"> |
+ </div> |
+ <div class="sizedToGridArea absolute endSecondRowEndFirstColumn" |
+ data-offset-x="450" data-offset-y="15" data-expected-width="65" data-expected-height="165"> |
+ </div> |
+ <div class="sizedToGridArea absolute endFirstRowEndSecondColumn" |
+ data-offset-x="350" data-offset-y="15" data-expected-width="165" data-expected-height="65"> |
+ </div> |
+ <div class="sizedToGridArea absolute endFirstRowEndFirstColumn" |
+ data-offset-x="450" data-offset-y="15" data-expected-width="65" data-expected-height="65"> |
+ </div> |
+</div> |
+ |
+<div class="grid directionRTL"> |
+ <div class="sizedToGridArea absolute onlyFirstRowOnlyFirstColumn" |
+ data-offset-x="465" data-offset-y="15" data-expected-width="50" data-expected-height="50"> |
+ </div> |
+ <div class="sizedToGridArea absolute onlySecondRowOnlyFirstColumn" |
+ data-offset-x="465" data-offset-y="65" data-expected-width="50" data-expected-height="100"> |
+ </div> |
+ <div class="sizedToGridArea absolute onlyFirstRowOnlySecondColumn" |
+ data-offset-x="365" data-offset-y="15" data-expected-width="100" data-expected-height="50"> |
+ </div> |
+ <div class="sizedToGridArea absolute onlySecondRowOnlySecondColumn" |
+ data-offset-x="365" data-offset-y="65" data-expected-width="100" data-expected-height="100"> |
+ </div> |
+ <div class="sizedToGridArea absolute onlyThirdRowOnlyThirdColumnSpanning2Rows2Columns" |
+ data-offset-x="15" data-offset-y="165" data-expected-width="350" data-expected-height="350"> |
+ </div> |
+ <div class="sizedToGridArea absolute onlyThirdRowOnlyThirdColumnSpanning2Rows" |
+ data-offset-x="215" data-offset-y="165" data-expected-width="150" data-expected-height="350"> |
+ </div> |
+</div> |
+ |
</body> |
</html> |