Index: third_party/WebKit/LayoutTests/fast/css-grid-layout/grid-item-auto-margins-and-stretch.html |
diff --git a/third_party/WebKit/LayoutTests/fast/css-grid-layout/grid-item-auto-margins-and-stretch.html b/third_party/WebKit/LayoutTests/fast/css-grid-layout/grid-item-auto-margins-and-stretch.html |
index 027fbe4f2fe8c43d85e691fefb187d10fe8f2a4f..70b4890f834c99ead532f9c16cd8514ed22ef3af 100644 |
--- a/third_party/WebKit/LayoutTests/fast/css-grid-layout/grid-item-auto-margins-and-stretch.html |
+++ b/third_party/WebKit/LayoutTests/fast/css-grid-layout/grid-item-auto-margins-and-stretch.html |
@@ -1,6 +1,7 @@ |
<!DOCTYPE html> |
<html> |
<head> |
+<link href="../css-intrinsic-dimensions/resources/width-keyword-classes.css" rel="stylesheet"> |
<link href="resources/grid.css" rel="stylesheet"> |
<script src="../../resources/check-layout.js"></script> |
<style> |
@@ -11,7 +12,6 @@ body { |
.grid { |
grid-template-columns: 100px 100px; |
grid-template-rows: 200px 200px; |
- width: -webkit-fit-content; |
margin-bottom: 20px; |
font: 15px/1 Ahem; |
} |
@@ -47,7 +47,7 @@ body { |
<p>This test checks that the 'stretch' value is only applied if neither of its margins (in the appropriate axis) are 'auto'.</p> |
<div style="position: relative"> |
- <div class="grid" data-expected-width="200" data-expected-height="400"> |
+ <div class="grid fit-content" data-expected-width="200" data-expected-height="400"> |
<div class="firstRowFirstColumn" data-offset-x="0" data-offset-y="0" data-expected-width="100" data-expected-height="200"> |
<div class="widthAndHeightSet"></div> |
</div> |
@@ -64,7 +64,7 @@ body { |
</div> |
<div style="position: relative"> |
- <div class="grid verticalRL" data-expected-width="400" data-expected-height="200"> |
+ <div class="grid fit-content verticalRL" data-expected-width="400" data-expected-height="200"> |
<div class="firstRowFirstColumn" data-offset-x="200" data-offset-y="0" data-expected-width="200" data-expected-height="100"> |
<div class="widthAndHeightSet"></div> |
</div> |
@@ -81,7 +81,7 @@ body { |
</div> |
<div style="position: relative"> |
- <div class="grid verticalLR" data-expected-width="400" data-expected-height="200"> |
+ <div class="grid fit-content verticalLR" data-expected-width="400" data-expected-height="200"> |
<div class="firstRowFirstColumn" data-offset-x="0" data-offset-y="0" data-expected-width="200" data-expected-height="100"> |
<div class="widthAndHeightSet"></div> |
</div> |
@@ -99,7 +99,7 @@ body { |
<!-- RTL direction --> |
<div style="position: relative"> |
- <div class="grid directionRTL" data-expected-width="200" data-expected-height="400"> |
+ <div class="grid fit-content directionRTL" data-expected-width="200" data-expected-height="400"> |
<div class="firstRowFirstColumn" data-offset-x="100" data-offset-y="0" data-expected-width="100" data-expected-height="200"> |
<div class="widthAndHeightSet"></div> |
</div> |
@@ -116,7 +116,7 @@ body { |
</div> |
<div style="position: relative"> |
- <div class="grid directionRTL verticalRL" data-expected-width="400" data-expected-height="200"> |
+ <div class="grid fit-content directionRTL verticalRL" data-expected-width="400" data-expected-height="200"> |
<div class="firstRowFirstColumn" data-offset-x="200" data-offset-y="100" data-expected-width="200" data-expected-height="100"> |
<div class="widthAndHeightSet"></div> |
</div> |
@@ -133,7 +133,7 @@ body { |
</div> |
<div style="position: relative"> |
- <div class="grid directionRTL verticalLR" data-expected-width="400" data-expected-height="200"> |
+ <div class="grid fit-content directionRTL verticalLR" data-expected-width="400" data-expected-height="200"> |
<div class="firstRowFirstColumn" data-offset-x="0" data-offset-y="100" data-expected-width="200" data-expected-height="100"> |
<div class="widthAndHeightSet"></div> |
</div> |