Alison Maher
66d7d1f2fb
Automatic update from web-platform-tests [Masonry] Parse auto repeat with intrinsic minmax() In grid-lanes, we support intrinsic auto repeats. This means we need to support auto repeats with minmax() and intrinsic values for both the min and max breadth. For example, repeat(auto-fill, minmax(auto, auto). This change adds parsing support for this addition. The implementation of this will be done in a follow up change. Bug: 465744009, 343257585 Change-Id: Ia1f01858cc277c0ab04f091df37021bb909fda1e Reviewed-on: https://chromium-review.googlesource.com/c/chromium/src/+/7549426 Commit-Queue: Alison Maher <almaher@microsoft.com> Reviewed-by: Ian Kilpatrick <ikilpatrick@chromium.org> Cr-Commit-Position: refs/heads/main@{#1580970} -- wpt-commits: b95be7f2966f1de29108724e9b30193aa97e8751 wpt-pr: 57622
59 lines
4.3 KiB
HTML
59 lines
4.3 KiB
HTML
<!DOCTYPE html>
|
|
<html>
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<title>CSS Grid Layout Test: parsing grid-template-columns with invalid values</title>
|
|
<link rel="help" href="https://drafts.csswg.org/css-grid-1/#propdef-grid-template-columns">
|
|
<meta name="assert" content="grid-template-columns supports only the grammar 'none | <track-list> | <auto-track-list>'.">
|
|
<script src="/resources/testharness.js"></script>
|
|
<script src="/resources/testharnessreport.js"></script>
|
|
<script src="/css/support/parsing-testcommon.js"></script>
|
|
</head>
|
|
<body>
|
|
<script>
|
|
test_invalid_value("grid-template-columns", '-10px');
|
|
test_invalid_value("grid-template-columns", '-20%');
|
|
test_invalid_value("grid-template-columns", '-5fr');
|
|
test_invalid_value("grid-template-columns", 'minmax(5fr, calc(0.5em + 10px))');
|
|
test_invalid_value("grid-template-columns", 'minmax(-10px, auto)');
|
|
test_invalid_value("grid-template-columns", 'minmax(-20%, max-content)');
|
|
test_invalid_value("grid-template-columns", 'minmax(min-content, -20%)');
|
|
test_invalid_value("grid-template-columns", 'fit-content(-10px)');
|
|
test_invalid_value("grid-template-columns", 'fit-content(-20%)');
|
|
test_invalid_value("grid-template-columns", '[one] 10px [two three] repeat(20%) [four five six] 3fr [seven]');
|
|
test_invalid_value("grid-template-columns", '[one]');
|
|
test_invalid_value("grid-template-columns", '[one] 10px [two] [three]');
|
|
test_invalid_value("grid-template-columns", 'repeat(auto-fill, -10px)');
|
|
test_invalid_value("grid-template-columns", 'repeat(auto-fill, 10px) repeat(auto-fit, 20%)');
|
|
test_invalid_value("grid-template-columns", '[auto] 1px');
|
|
test_invalid_value("grid-template-columns", '-5fr repeat(auto-fill, auto)');
|
|
test_invalid_value("grid-template-columns", '-10px repeat(auto-fill, min-content)');
|
|
test_invalid_value("grid-template-columns", '-20% repeat(auto-fit, max-content)');
|
|
test_invalid_value("grid-template-columns", 'repeat(auto-fill, fit-content)');
|
|
test_invalid_value("grid-template-columns", 'auto repeat(auto-fill, auto) auto');
|
|
test_invalid_value("grid-template-columns", 'min-content repeat(auto-fill, auto) min-content');
|
|
test_invalid_value("grid-template-columns", 'max-content repeat(auto-fill, auto) max-content');
|
|
test_invalid_value("grid-template-columns", 'fit-content(200px) repeat(auto-fill, auto) fit-content(200px)');
|
|
test_invalid_value("grid-template-columns", 'auto repeat(auto-fill, auto) repeat(5, auto)');
|
|
test_invalid_value("grid-template-columns", 'auto repeat(auto-fill, min-content) auto');
|
|
test_invalid_value("grid-template-columns", 'min-content repeat(auto-fill, min-content) min-content');
|
|
test_invalid_value("grid-template-columns", 'max-content repeat(auto-fill, min-content) max-content');
|
|
test_invalid_value("grid-template-columns", 'fit-content(200px) repeat(auto-fill, min-content) fit-content(200px)');
|
|
test_invalid_value("grid-template-columns", 'min-content repeat(auto-fill, min-content) repeat(5, min-content)');
|
|
test_invalid_value("grid-template-columns", 'auto repeat(auto-fill, max-content) auto');
|
|
test_invalid_value("grid-template-columns", 'min-content repeat(auto-fill, max-content) min-content');
|
|
test_invalid_value("grid-template-columns", 'max-content repeat(auto-fill, max-content) max-content');
|
|
test_invalid_value("grid-template-columns", 'fit-content(200px) repeat(auto-fill, max-content) fit-content(200px)');
|
|
test_invalid_value("grid-template-columns", 'max-content repeat(auto-fill, max-content) repeat(5, max-content)');
|
|
test_invalid_value("grid-template-columns", 'auto repeat(auto-fill, fit-content(200px)) auto');
|
|
test_invalid_value("grid-template-columns", 'min-content repeat(auto-fill, fit-content(200px)) min-content');
|
|
test_invalid_value("grid-template-columns", 'max-content repeat(auto-fill, fit-content(200px)) max-content');
|
|
test_invalid_value("grid-template-columns", 'fit-content(200px) repeat(auto-fill, fit-content(200px)) fit-content(200px)');
|
|
test_invalid_value("grid-template-columns", 'fit-content(200px) repeat(auto-fill, fit-content(200px)) repeat(5, fit-content(200px))');
|
|
test_invalid_value("grid-template-columns", 'repeat(auto-fill, minmax(fit-content(200px), fit-content(300px)))');
|
|
test_invalid_value("grid-template-columns", 'repeat(auto-fill, minmax(fit-content(200px), auto))');
|
|
test_invalid_value("grid-template-columns", 'repeat(auto-fill, minmax(max-content, fit-content(200px)))');
|
|
</script>
|
|
</body>
|
|
</html>
|