Commit 2c7529d5 authored by Henrique Ferreiro's avatar Henrique Ferreiro Committed by Commit Bot

[css-grid] Migrate grid-auto-flow-sparse to WPT

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

Bug: 1063749, 767015
Change-Id: Id9bff09a76842aa9d96d566cce5c6731d9b6d530
Reviewed-on: https://chromium-review.googlesource.com/c/chromium/src/+/2148746
Commit-Queue: Henrique Ferreiro <hferreiro@igalia.com>
Reviewed-by: default avatarManuel Rego <rego@igalia.com>
Cr-Commit-Position: refs/heads/master@{#759636}
parent ba229b90
<!DOCTYPE html>
<html>
<link href="resources/grid.css" rel="stylesheet">
<title>CSS Grid: auto-placement with 'grid-auto-flow: column'</title>
<link rel="author" title="Manuel Rego Casasnovas" href="mailto:rego@igalia.com">
<link rel="help" href="https://drafts.csswg.org/css-grid-1/#propdef-grid-auto-flow">
<link rel="help" href="https://drafts.csswg.org/css-grid-1/#auto-placement-algo">
<link rel="help" href="https://bugs.chromium.org/p/chromium/issues/detail?id=384099">
<meta name="assert" content="Check that the auto-placement algorithm is sparse by default.">
<link rel="stylesheet" href="/css/support/grid.css">
<link rel="stylesheet" href="/fonts/ahem.css">
<style>
.grid {
grid-template-columns: 50px 100px 150px 200px;
......@@ -12,11 +19,15 @@
position: relative;
}
</style>
<script src="../../resources/check-layout.js"></script>
<body onload="checkLayout('.grid')">
<p>This test checks that the auto-placement algorithm is sparse by default.</p>
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<script src="/resources/check-layout-th.js"></script>
<script type="text/javascript">
setup({ explicit_done: true });
</script>
<body onload="document.fonts.ready.then(() => { checkLayout('.grid'); })">
<div class="unconstrainedContainer">
<div class="grid">
<div class="sizedToGridArea firstRowSecondColumn" data-offset-x="50" data-offset-y="0" data-expected-width="100" data-expected-height="50"></div>
......@@ -104,6 +115,4 @@
<div class="sizedToGridArea autoRowAutoColumn" data-offset-x="150" data-offset-y="50" data-expected-width="150" data-expected-height="100"></div>
</div>
</div>
</body>
</html>
This test checks that the auto-placement algorithm is sparse by default.
PASS
PASS
PASS
PASS
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