diff options
| author | WPT Sync Bot <josh+wptsync@joshmatthews.net> | 2019-10-15 10:23:11 +0000 |
|---|---|---|
| committer | WPT Sync Bot <josh+wptsync@joshmatthews.net> | 2019-10-15 13:26:56 +0000 |
| commit | 4bc7277be1e4efc5739a57609d48191e5dfdee4e (patch) | |
| tree | 262d9b5ef01c250d2050c25bc5c89386f118495a /tests/wpt/web-platform-tests/css/css-logical | |
| parent | 1f6402465579e787e63b34b24ac46593c27c2f3d (diff) | |
| download | servo-4bc7277be1e4efc5739a57609d48191e5dfdee4e.tar.gz servo-4bc7277be1e4efc5739a57609d48191e5dfdee4e.zip | |
Update web-platform-tests to revision 9f31d497bf87bdf5ebc3ba70b5cb9f87786f4071
Diffstat (limited to 'tests/wpt/web-platform-tests/css/css-logical')
3 files changed, 105 insertions, 0 deletions
diff --git a/tests/wpt/web-platform-tests/css/css-logical/parsing/inset-block-inline-shorthand.html b/tests/wpt/web-platform-tests/css/css-logical/parsing/inset-block-inline-shorthand.html new file mode 100644 index 00000000000..3b2ce6c040b --- /dev/null +++ b/tests/wpt/web-platform-tests/css/css-logical/parsing/inset-block-inline-shorthand.html @@ -0,0 +1,35 @@ +<!DOCTYPE html> +<html> +<head> +<meta charset="utf-8"> +<title>CSS Logical Properties and Values: inset-block and inset-inline set longhands</title> +<link rel="help" href="https://drafts.csswg.org/css-logical/#propdef-inset-block"> +<meta name="assert" content="inset-block, inset-inline support the full grammar '<'top'>{1,2}'."> +<script src="/resources/testharness.js"></script> +<script src="/resources/testharnessreport.js"></script> +<script src="/css/support/parsing-testcommon.js"></script> +</head> +<body> +<script> +test_shorthand_value('inset-block', '10px', { + 'inset-block-start': '10px', + 'inset-block-end': '10px' +}); + +test_shorthand_value('inset-block', '20% auto', { + 'inset-block-start': '20%', + 'inset-block-end': 'auto' +}); + +test_shorthand_value('inset-inline', '30%', { + 'inset-inline-start': '30%', + 'inset-inline-end': '30%' +}); + +test_shorthand_value('inset-inline', 'auto 40px', { + 'inset-inline-start': 'auto', + 'inset-inline-end': '40px' +}); +</script> +</body> +</html> diff --git a/tests/wpt/web-platform-tests/css/css-logical/parsing/margin-block-inline-shorthand.html b/tests/wpt/web-platform-tests/css/css-logical/parsing/margin-block-inline-shorthand.html new file mode 100644 index 00000000000..9cdae57402b --- /dev/null +++ b/tests/wpt/web-platform-tests/css/css-logical/parsing/margin-block-inline-shorthand.html @@ -0,0 +1,35 @@ +<!DOCTYPE html> +<html> +<head> +<meta charset="utf-8"> +<title>CSS Logical Properties and Values: margin-block and margin-inline sets longhands</title> +<link rel="help" href="https://drafts.csswg.org/css-logical/#propdef-margin-block"> +<meta name="assert" content="margin-block, margin-inline support the full grammar '<'margin-top'>{1,2}'."> +<script src="/resources/testharness.js"></script> +<script src="/resources/testharnessreport.js"></script> +<script src="/css/support/shorthand-testcommon.js"></script> +</head> +<body> +<script> +test_shorthand_value('margin-block', '10px', { + 'margin-block-start': '10px', + 'margin-block-end': '10px' +}); + +test_shorthand_value('margin-block', '20% auto', { + 'margin-block-start': '20%', + 'margin-block-end': 'auto' +}); + +test_shorthand_value('margin-inline', '30%', { + 'margin-inline-start': '30%', + 'margin-inline-end': '30%' +}); + +test_shorthand_value('margin-inline', 'auto 40px', { + 'margin-inline-start': 'auto', + 'margin-inline-end': '40px' +}); +</script> +</body> +</html> diff --git a/tests/wpt/web-platform-tests/css/css-logical/parsing/padding-block-inline-shorthand.html b/tests/wpt/web-platform-tests/css/css-logical/parsing/padding-block-inline-shorthand.html new file mode 100644 index 00000000000..d0811c27dc8 --- /dev/null +++ b/tests/wpt/web-platform-tests/css/css-logical/parsing/padding-block-inline-shorthand.html @@ -0,0 +1,35 @@ +<!DOCTYPE html> +<html> +<head> +<meta charset="utf-8"> +<title>CSS Logical Properties and Values: padding-block and padding-inline set longhands</title> +<link rel="help" href="https://drafts.csswg.org/css-logical/#propdef-padding-block"> +<meta name="assert" content="padding-block, padding-inline support the full grammar '<'padding-top'>{1,2}'."> +<script src="/resources/testharness.js"></script> +<script src="/resources/testharnessreport.js"></script> +<script src="/css/support/shorthand-testcommon.js"></script> +</head> +<body> +<script> +test_shorthand_value('padding-block', '0% 10px', { + 'padding-block-start': '0%', + 'padding-block-end': '10px' +}); + +test_shorthand_value('padding-block', '20%', { + 'padding-block-start': '20%', + 'padding-block-end': '20%' +}); + +test_shorthand_value('padding-inline', '10px 30%', { + 'padding-inline-start': '10px', + 'padding-inline-end': '30%' +}); + +test_shorthand_value('padding-inline', '0%', { + 'padding-inline-start': '0%', + 'padding-inline-end': '0%' +}); +</script> +</body> +</html> |