Commit 542169b4 authored by Mario Sanchez Prada's avatar Mario Sanchez Prada Committed by Commit Bot

[css-grid] Migrate flex-factor-sum-less-than-1.html to WPT

Migrate this test out of blink/web_tests/fast/css-grid-layout
and into the WPT-specific directory, adding links to the relevant
specs and a test assertion describing its purpose.

Bug: 767015, 1063749
Change-Id: Id33b94879966a569e82eda331eed52143012de84
Reviewed-on: https://chromium-review.googlesource.com/c/chromium/src/+/2149355Reviewed-by: default avatarChristian Biesinger <cbiesinger@chromium.org>
Reviewed-by: default avatarJavier Fernandez <jfernandez@igalia.com>
Reviewed-by: default avatarManuel Rego <rego@igalia.com>
Commit-Queue: Mario Sanchez Prada <mario@igalia.com>
Cr-Commit-Position: refs/heads/master@{#759178}
parent 70aa81c8
<!DOCTYPE html> <!DOCTYPE html>
<html> <html>
<link href="resources/grid.css" rel="stylesheet"> <title>CSS Grid Layout Test: flex factor sum smaller than 1.</title>
<link rel="author" title="Javier Fernandez" href="mailto:jfernandez@igalia.com">
<link rel="help" href="https://drafts.csswg.org/css-grid/#algo-find-fr-size">
<link rel="help" href="https://drafts.csswg.org/css-grid-1/#fr-unit">
<link rel="help" href="https://bugs.chromium.org/p/chromium/issues/detail?id=520477">
<link rel="stylesheet" href="/css/support/grid.css">
<meta name="assert" content="Test that resolving auto tracks on grid items works properly even when the flex factor sum is less than 1." />
<style> <style>
.onlyColumnFractionFlexFactors { .onlyColumnFractionFlexFactors {
grid-template-columns: minmax(0,0.1fr) minmax(0,0.2fr) minmax(0,0.3fr); grid-template-columns: minmax(0, 0.1fr) minmax(0, 0.2fr) minmax(0, 0.3fr);
grid-template-rows: 50px; grid-template-rows: 50px;
width: 100px; width: 100px;
} }
.onlyRowFractionFlexFactors { .onlyRowFractionFlexFactors {
grid-template-columns: 50px; grid-template-columns: 50px;
grid-template-rows: minmax(0,0.1fr) minmax(0,0.2fr) minmax(0,0.3fr); grid-template-rows: minmax(0, 0.1fr) minmax(0, 0.2fr) minmax(0, 0.3fr);
width: 50px; width: 50px;
height: 100px; height: 100px;
} }
.fixedAndfractionFlexFactors { .fixedAndfractionFlexFactors {
grid-template-columns: 50px minmax(0,0.2fr) 30px; grid-template-columns: 50px minmax(0, 0.2fr) 30px;
grid-template-rows: minmax(0,0.1fr) 50px minmax(0,0.3fr); grid-template-rows: minmax(0, 0.1fr) 50px minmax(0, 0.3fr);
width: 100px; width: 100px;
height: 100px; height: 100px;
} }
...@@ -45,10 +52,12 @@ ...@@ -45,10 +52,12 @@
grid-row: 3; grid-row: 3;
} }
</style> </style>
<script src="../../resources/check-layout.js"></script>
<body onload="checkLayout('.grid');">
<p>Test that resolving auto tracks on grid items works properly.</p> <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 style="position: relative;"> <div style="position: relative;">
<div class="grid onlyColumnFractionFlexFactors"> <div class="grid onlyColumnFractionFlexFactors">
...@@ -90,5 +99,3 @@ ...@@ -90,5 +99,3 @@
</body> </body>
</html> </html>
Test that resolving auto tracks on grid items works properly.
PASS
PASS
PASS
PASS
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