Commit a9b484ec authored by Mario Sanchez Prada's avatar Mario Sanchez Prada Committed by Commit Bot

[css-grid] Migrate flex-content-distribution.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: Ia971e3e34dc3835cb03302150edc59e88ee7f82c
Reviewed-on: https://chromium-review.googlesource.com/c/chromium/src/+/2148314Reviewed-by: default avatarChristian Biesinger <cbiesinger@chromium.org>
Reviewed-by: default avatarManuel Rego <rego@igalia.com>
Commit-Queue: Mario Sanchez Prada <mario@igalia.com>
Cr-Commit-Position: refs/heads/master@{#759180}
parent a1e5c2d0
<!DOCTYPE html>
<title>CSS Grid Layout Test: free space computation with flex lengths.</title>
<link rel="author" title="Sergio Villar Senin" href="mailto:svillar@igalia.com">
<link rel="help" href="https://drafts.csswg.org/css-grid-1/#algo-flex-tracks">
<link rel="help" href="https://drafts.csswg.org/css-grid-1/#fr-unit">
<link rel="help" href="https://bugs.webkit.org/show_bug.cgi?id=150359">
<link rel="stylesheet" href="/css/support/grid.css">
<link rel="stylesheet" href="/css/support/alignment.css">
<meta name="assert" content="Test that free space is properly computed after computing fr tracks so that we could use it for content distribution." />
<link href="resources/grid.css" rel="stylesheet">
<link href="resources/grid-alignment.css" rel="stylesheet">
<style>
.freeSpaceForColumnsGrid {
grid-template: 100% / minmax(20px, 0.7fr);
......@@ -31,12 +37,12 @@
</style>
<script src="../../resources/check-layout.js"></script>
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<script src="/resources/check-layout-th.js"></script>
<body onload="checkLayout('.grid');">
<p>This test checks that freeSpace is properly computed after computing fr tracks so that we could use it for content distribution</p>
<p>Grid with justify-content: start.</p>
<div class="container">
<div class="grid freeSpaceForColumnsGrid justifyContentStart">
......
This test checks that freeSpace is properly computed after computing fr tracks so that we could use it for content distribution
Grid with justify-content: start.
PASS
Grid with justify-content: center.
PASS
Grid with justify-content: end.
PASS
Grid with align-content: start.
PASS
Grid with align-content: center.
PASS
Grid with align-content: end.
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