Magic-Mirror/gecko-dev
1
0
Fork 0
mirror of https://github.com/mozilla/gecko-dev.git synced 2024-10-22 09:45:41 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

Bug 1555289 [wpt PR 17062] - CSS: border-block, border-inline parsing, a=testonly

Browse Source 
Automatic update from web-platform-tests
CSS: border-block, border-inline parsing

The following shorthand properties now allow any 1 or 2
of the 3 values (width, style, color) to be omitted:
- border-block
- border-block-start
- border-block-end
- border-inline
- border-inline-start
- border-inline-end

https://drafts.csswg.org/css-logical-1/#border-shorthands
Value:	<'...-width'> || <'...-style'> || <color>

Bug: 968057
Change-Id: I571ccf0e8bea38d985a96cf3cccf49d7adfe4d76
Reviewed-on: https://chromium-review.googlesource.com/c/chromium/src/+/1635169
Commit-Queue: Eric Willigers <ericwilligers@chromium.org>
Commit-Queue: Anders Hartvoll Ruud <andruud@chromium.org>
Auto-Submit: Eric Willigers <ericwilligers@chromium.org>
Reviewed-by: Anders Hartvoll Ruud <andruud@chromium.org>
Cr-Commit-Position: refs/heads/master@{#664230}

--

wp5At-commits: aa5e01d02070204babb709b2b135e09dbac9b9a5
wpt-pr: 17062
This commit is contained in:
Eric Willigers 2019-06-13 14:20:30 +00:00 committed by James Graham
parent 9a2cd218d3
commit 0d0127119e
2 changed files with 50 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

25
testing/web-platform/tests/css/css-logical/parsing/border-block-valid.html Normal file
View File

@ -0,0 +1,25 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>CSS Logical Properties and Values: parsing border-block with valid values</title>
<link rel="help" href="https://drafts.csswg.org/css-logical/#propdef-border-block">
<meta name="assert" content="border-block supports the full grammar '<line-width> || <line-style> || <color>'.">
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<script src="/css/support/parsing-testcommon.js"></script>
</head>
<body>
<script>
// Similar to css-backgrounds/parsing/border-valid.html
test_valid_value("border-block", "1px dotted red");
test_valid_value("border-block", "double", ["double", "medium double"]);
test_valid_value("border-block-start", "green double thin", "thin double green");
test_valid_value("border-block-start", "green", ["green", "medium none green"]);
test_valid_value("border-block-end", "thin", ["thin", "thin none"]);
test_valid_value("border-block-end", "calc(10px - 0.5em) dotted red");
</script>
</body>
</html>

25
testing/web-platform/tests/css/css-logical/parsing/border-inline-valid.html Normal file
View File

@ -0,0 +1,25 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>CSS Logical Properties and Values: parsing border-inline with valid values</title>
<link rel="help" href="https://drafts.csswg.org/css-logical/#propdef-border-inline">
<meta name="assert" content="border-inline supports the full grammar '<line-width> || <line-style> || <color>'.">
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<script src="/css/support/parsing-testcommon.js"></script>
</head>
<body>
<script>
// Similar to css-backgrounds/parsing/border-valid.html
test_valid_value("border-inline", "1px dotted red");
test_valid_value("border-inline", "double", ["double", "medium double"]);
test_valid_value("border-inline-start", "green double thin", "thin double green");
test_valid_value("border-inline-start", "green", ["green", "medium none green"]);
test_valid_value("border-inline-end", "thin", ["thin", "thin none"]);
test_valid_value("border-inline-end", "calc(10px - 0.5em) dotted red");
</script>
</body>
</html>