Bug 1510092 [wpt PR 14243] - CSS: Serialize contain keywords in canonical order, a=testonly

Automatic update from web-platform-tests
CSS: Serialize contain keywords in canonical order

Keywords size, layout, style, paint now serialize in that order
for the 'contain' property.
https://drafts.csswg.org/css-contain/#contain-property

Bug: 908353
Change-Id: Ifde635f2d313add887dd43a0a0d98249e45bff4b
Reviewed-on: https://chromium-review.googlesource.com/c/1350562
Commit-Queue: Eric Willigers <ericwilligers@chromium.org>
Reviewed-by: Rune Lillesveen <futhark@chromium.org>
Cr-Commit-Position: refs/heads/master@{#611270}

--

wpt-commits: 73507a79fcbaa6cae8b0373fd1133546d71a1678
wpt-pr: 14243
This commit is contained in:
Eric Willigers 2018-11-30 18:04:40 +00:00 коммит произвёл moz-wptsync-bot
Родитель 3b9f7a1f2c
Коммит 1d986e2bf1
3 изменённых файлов: 79 добавлений и 0 удалений

Просмотреть файл

@ -0,0 +1,29 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>CSS Containment Module Level 1: getComputedValue().contain</title>
<link rel="help" href="https://drafts.csswg.org/css-contain/#contain-property">
<meta name="assert" content="contain computed value is as specified.">
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<script src="/css/support/computed-testcommon.js"></script>
</head>
<body>
<div id="target"></div>
<script>
test_computed_value("contain", "none");
test_computed_value("contain", "strict");
test_computed_value("contain", "content");
test_computed_value("contain", "size");
test_computed_value("contain", "layout");
test_computed_value("contain", "style");
test_computed_value("contain", "paint");
test_computed_value("contain", "size layout");
test_computed_value("contain", "style paint");
test_computed_value("contain", "layout style paint");
test_computed_value("contain", "size layout style paint");
</script>
</body>
</html>

Просмотреть файл

@ -0,0 +1,20 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>CSS Containment Module Level 1: parsing contain with invalid values</title>
<link rel="help" href="https://drafts.csswg.org/css-contain/#contain-property">
<meta name="assert" content="contain supports only the grammar 'none | strict | content | [ size || layout || style || paint ]'.">
<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("contain", "auto");
test_invalid_value("contain", "strict content");
test_invalid_value("contain", "size layout size");
test_invalid_value("contain", "paint content");
</script>
</body>
</html>

Просмотреть файл

@ -0,0 +1,30 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>CSS Containment Module Level 1: parsing contain with valid values</title>
<link rel="help" href="https://drafts.csswg.org/css-contain/#contain-property">
<meta name="assert" content="contain supports the full grammar 'none | strict | content | [ size || layout || style || paint ]'.">
<meta name="assert" content="contain serializes in canonical order.">
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<script src="/css/support/parsing-testcommon.js"></script>
</head>
<body>
<script>
test_valid_value("contain", "none");
test_valid_value("contain", "strict");
test_valid_value("contain", "content");
// [ size || layout || style || paint ]
test_valid_value("contain", "size");
test_valid_value("contain", "layout");
test_valid_value("contain", "style");
test_valid_value("contain", "paint");
test_valid_value("contain", "layout size", "size layout");
test_valid_value("contain", "paint style", "style paint");
test_valid_value("contain", "layout style paint");
test_valid_value("contain", "layout paint style size", "size layout style paint");
</script>
</body>
</html>