Skip to content

GitLab

T
tangled
Commit 4f37ace8 authored by Antonio Gomes's avatar Antonio Gomes Committed by Commit Bot
Browse files
Options

[css-grid] Migrate grid-container-percentage-rows.html to WPT 

Note: This test fails in Firefox (and EdgeHTML) but this is
expected as both haven't implemented the change on the spec yet.
This is the Firefox bug about [1].

[1] https://bugzilla.mozilla.org/show_bug.cgi?id=1481876

BUG=767015, 1063749
R=rego@igalia.com

Change-Id: I42392e66f6fabb3550907ad3309907f48e5fe18d
Reviewed-on: https://chromium-review.googlesource.com/c/chromium/src/+/2153268
Commit-Queue: Antonio Gomes <tonikitoo@igalia.com>
Reviewed-by: default avatarManuel Rego <rego@igalia.com>
Cr-Commit-Position: refs/heads/master@{#760048}
parent 98cc92c5
Hide whitespace changes
Inline Side-by-side
Showing with 18 additions and 9 deletions
third_party/blink/web_tests/fast/css-grid-layout/grid-container-percentage-rows.html → third_party/blink/web_tests/external/wpt/css/css-grid/layout-algorithm/grid-container-percentage-002.html
View file @ 4f37ace8
<!DOCTYPE html> <!DOCTYPE html>
<link href="../css-intrinsic-dimensions/resources/height-keyword-classes.css" rel="stylesheet"> <html>
<link href="resources/grid.css" rel="stylesheet"> <title>CSS Grid: indefinite grid container and percentage rows.</title>
<link rel="author" title="Manuel Rego Casasnovas" href="mailto:rego@igalia.com"/>
<link rel="help" href="https://drafts.csswg.org/css-grid-1/#track-sizing"/>
<link rel="help" href="https://drafts.csswg.org/css-grid/#valdef-grid-template-columns-length-percentage"/>
<meta name="assert" content="This test checks that percentage rows behave as 'auto' if the height of the grid container is indefinite to compute the grid container intrinsic height, but are afterwards resolved against that size."/>
<link rel="issue" href="https://crbug.com/616716"/>
<link rel="stylesheet" href="/css/support/grid.css"/>
<link rel="stylesheet" href="/css/support/height-keyword-classes.css"/>
<link rel="stylesheet" type="text/css" href="/fonts/ahem.css"/>
<style> <style>
.wrapper { .wrapper {
position: relative; position: relative;
...@@ -33,14 +41,14 @@ ...@@ -33,14 +41,14 @@
grid-template-rows: 100px 50%; grid-template-rows: 100px 50%;
} }
</style> </style>
<script src="../../resources/testharness.js"></script> <script src="/resources/testharness.js"></script>
<script src="../../resources/testharnessreport.js"></script> <script src="/resources/testharnessreport.js"></script>
<script src="../../resources/check-layout-th.js"></script> <script src="/resources/check-layout-th.js"></script>
<body onload="checkLayout('.grid')"> <script type="text/javascript">
setup({ explicit_done: true });
</script>
<body onload="document.fonts.ready.then(() => { checkLayout('.grid'); })">
<div id="log"></div> <div id="log"></div>
<p>This test checks that percentage rows behave as "auto" if the height of the grid container is indefinite.</p>
<div class="wrapper"> <div class="wrapper">
<div class="grid oneRow100" data-expected-width="40" data-expected-height="10"> <div class="grid oneRow100" data-expected-width="40" data-expected-height="10">
<div class="firstRowFirstColumn" <div class="firstRowFirstColumn"
...@@ -294,3 +302,4 @@ ...@@ -294,3 +302,4 @@
</div> </div>
</body> </body>
</html>
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment