Index: third_party/WebKit/LayoutTests/fast/css-grid-layout/flex-and-intrinsic-sizes.html |
diff --git a/third_party/WebKit/LayoutTests/fast/css-grid-layout/flex-and-intrinsic-sizes.html b/third_party/WebKit/LayoutTests/fast/css-grid-layout/flex-and-intrinsic-sizes.html |
index 9ead765bfa8aea47c7a17c8492686b9ff56e8bf6..45d607357394e6f0bae11b445f851cf5617085f1 100644 |
--- a/third_party/WebKit/LayoutTests/fast/css-grid-layout/flex-and-intrinsic-sizes.html |
+++ b/third_party/WebKit/LayoutTests/fast/css-grid-layout/flex-and-intrinsic-sizes.html |
@@ -1,5 +1,7 @@ |
<!DOCTYPE html> |
+<link href="../css-intrinsic-dimensions/resources/width-keyword-classes.css" rel="stylesheet"> |
+<link href="../css-intrinsic-dimensions/resources/height-keyword-classes.css" rel="stylesheet"> |
<link href="resources/grid.css" rel="stylesheet"> |
<style> |
@@ -15,26 +17,6 @@ |
div { font: 10px/1 Ahem; } |
-.minContent { |
- width: -webkit-min-content; |
- height: -webkit-min-content; |
-} |
- |
-.maxContent { |
- width: -webkit-max-content; |
- height: -webkit-max-content; |
-} |
- |
-.fitContent { |
- width: -webkit-fit-content; |
- height: -webkit-fit-content; |
-} |
- |
-.fillAvailable { |
- width: -webkit-fill-available; |
- height: -webkit-fill-available; |
-} |
- |
</style> |
<script src="../../resources/check-layout.js"></script> |
@@ -51,25 +33,25 @@ div { font: 10px/1 Ahem; } |
<!-- This fails due to https://code.google.com/p/chromium/issues/detail?id=547762 --> |
<div class="container"> |
- <div class="grid minContent" data-expected-width="30" data-expected-height="10"> |
+ <div class="grid min-content" data-expected-width="30" data-expected-height="10"> |
<div>XXX XXX</div> |
</div> |
</div> |
<div class="container"> |
- <div class="grid maxContent" data-expected-width="70" data-expected-height="10"> |
+ <div class="grid max-content" data-expected-width="70" data-expected-height="10"> |
<div>XXX XXX</div> |
</div> |
</div> |
<div class="container"> |
- <div class="grid fitContent" data-expected-width="70" data-expected-height="10"> |
+ <div class="grid fit-content" data-expected-width="70" data-expected-height="10"> |
<div>XXX XXX</div> |
</div> |
</div> |
<div class="container"> |
- <div class="grid fillAvailable" data-expected-width="100" data-expected-height="100"> |
+ <div class="grid fill-available" data-expected-width="100" data-expected-height="100"> |
<div>XXX XXX</div> |
</div> |
</div> |