gecko-dev/testing/web-platform/tests/css/css-grid/parsing/grid-auto-columns-invalid.html
Eric Willigers 55563c9c7d Bug 1582128 [wpt PR 19136] - CSS: Avoid serializing [] in grid-template* specified values, a=testonly
Automatic update from web-platform-tests
CSS: Avoid serializing [] in grid-template* specified values

Any empty list of list items can be discarded when parsing
grid-template-rows, grid-template-columns, etc.

Discussed in
https://github.com/w3c/csswg-drafts/issues/4173

Change-Id: I859020aaa78b71d2540d9ec188335f22db3f278a
Reviewed-on: https://chromium-review.googlesource.com/c/chromium/src/+/1810454
Reviewed-by: Oriol Brufau <obrufau@igalia.com>
Commit-Queue: Eric Willigers <ericwilligers@chromium.org>
Cr-Commit-Position: refs/heads/master@{#699101}

--

wpt-commits: 2478ed1b80bce8204980baf73977bdcc1a609f93
wpt-pr: 19136
2019-09-26 20:26:06 +00:00

39 lines
1.6 KiB
HTML

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>CSS Grid Layout Test: parsing grid-auto-columns with invalid values</title>
<link rel="author" title="Eric Willigers" href="mailto:ericwilligers@chromium.org">
<link rel="help" href="https://drafts.csswg.org/css-grid-1/#propdef-grid-auto-columns">
<meta name="assert" content="grid-auto-columns supports only the grammar '<track-size>+'.">
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<script src="/css/support/parsing-testcommon.js"></script>
</head>
<body>
<script>
// <track-breadth>
test_invalid_value("grid-auto-columns", "none");
test_invalid_value("grid-auto-columns", "-1px");
test_invalid_value("grid-auto-columns", "-4%");
// minmax( <inflexible-breadth> , <track-breadth> )
test_invalid_value("grid-auto-columns", "minmax(1px)");
test_invalid_value("grid-auto-columns", "minmax(1px, 2px, 3px)");
test_invalid_value("grid-auto-columns", "minmax(5fr, 1px)");
test_invalid_value("grid-auto-columns", "minmax(6px, -7%)");
test_invalid_value("grid-auto-columns", "minmax(8px, -9fr)");
// fit-content( <length-percentage> )
test_invalid_value("grid-auto-columns", "fit-content(-1px)");
test_invalid_value("grid-auto-columns", "fit-content(1px, 2px)");
test_invalid_value("grid-auto-columns", "fit-content(1px auto)");
// <track-size>+
test_invalid_value("grid-auto-columns", "2em / 3em");
test_invalid_value("grid-auto-columns", "auto, 10%");
test_invalid_value("grid-auto-columns", "1px [a] 1px");
test_invalid_value("grid-auto-columns", "[] 1px []");
</script>
</body>
</html>