Chromium Code Reviews
chromiumcodereview-hr@appspot.gserviceaccount.com (chromiumcodereview-hr) | Please choose your nickname with Settings | Help | Chromium Project | Gerrit Changes | Sign out
(28)

Unified Diff: third_party/WebKit/LayoutTests/fast/css-grid-layout/grid-container-width-should-include-scroll-bar-width.html

Issue 1488493003: [css-grid] refactoring of layout tests (Closed) Base URL: https://chromium.googlesource.com/chromium/src.git@master
Patch Set: Patch rebased and refactoring of alignment css rules. Created 4 years, 11 months ago
Use n/p to move between diff chunks; N/P to move between comments. Draft comments are only viewable by you.
Jump to:
View side-by-side diff with in-line comments
Download patch
Index: third_party/WebKit/LayoutTests/fast/css-grid-layout/grid-container-width-should-include-scroll-bar-width.html
diff --git a/third_party/WebKit/LayoutTests/fast/css-grid-layout/grid-container-width-should-include-scroll-bar-width.html b/third_party/WebKit/LayoutTests/fast/css-grid-layout/grid-container-width-should-include-scroll-bar-width.html
index ea712ab54bc9303b32e40c7857d30f0dadd7810d..00b4cd0fdb13e23e2e999491b98557edf391d3c6 100644
--- a/third_party/WebKit/LayoutTests/fast/css-grid-layout/grid-container-width-should-include-scroll-bar-width.html
+++ b/third_party/WebKit/LayoutTests/fast/css-grid-layout/grid-container-width-should-include-scroll-bar-width.html
@@ -1,11 +1,8 @@
<!DOCTYPE html>
-<link href='resources/grid.css' rel='stylesheet'>
+<link href="../css-intrinsic-dimensions/resources/width-keyword-classes.css" rel="stylesheet">
+<link href="resources/grid.css" rel="stylesheet">
<style>
.grid, .inline-grid {
- width: -webkit-fit-content;
- width: -moz-fit-content;
- width: -ie-fit-content;
- width: fit-content;
overflow: scroll;
}
.gridItem {
@@ -19,16 +16,16 @@
<body onload="checkLayout('.grid'); checkLayout('.inline-grid');">
Test that scrollbar width is added to the width of the grid container.
-<div class='grid' data-expected-width='115'>
+<div class='grid fit-content' data-expected-width='115'>
<span class='gridItem'></span>
</div>
-<div class='grid' style='left: 150px; overflow-y: hidden' data-expected-width='100'>
+<div class='grid fit-content' style='left: 150px; overflow-y: hidden' data-expected-width='100'>
<span class='gridItem'></span>
</div>
-<div class='inline-grid' style='left: 300px' data-expected-width='115'>
+<div class='inline-grid fit-content' style='left: 300px' data-expected-width='115'>
<span class='gridItem'></span>
</div>
-<div class='inline-grid' style='left: 450px; overflow-y: hidden' data-expected-width='100'>
+<div class='inline-grid fit-content' style='left: 450px; overflow-y: hidden' data-expected-width='100'>
<span class='gridItem'></span>
</div>
</body>

Powered by Google App Engine
This is Rietveld 408576698