diff options
| author | bors-servo <lbergstrom+bors@mozilla.com> | 2019-08-23 19:22:15 -0400 |
|---|---|---|
| committer | GitHub <noreply@github.com> | 2019-08-23 19:22:15 -0400 |
| commit | 2fb324e174ed75eb545a6936c54c6944f24fadd6 (patch) | |
| tree | 53f4ceac31d7398369d3d490d5d06a2aee6b978d /tests/wpt/web-platform-tests/css/css-logical | |
| parent | 6680f8aae035157167b9b832ef72c43ca8592eff (diff) | |
| parent | 482fda3a78d188fdaa5a6c1a11ead2d27861e8dc (diff) | |
| download | servo-2fb324e174ed75eb545a6936c54c6944f24fadd6.tar.gz servo-2fb324e174ed75eb545a6936c54c6944f24fadd6.zip | |
Auto merge of #24039 - servo-wpt-sync:wpt_update_23-08-2019, r=servo-wpt-sync
Sync WPT with upstream (23-08-2019)
Automated downstream sync of changes from upstream as of 23-08-2019.
[no-wpt-sync]
<!-- Reviewable:start -->
---
This change is [<img src="https://reviewable.io/review_button.svg" height="34" align="absmiddle" alt="Reviewable"/>](https://reviewable.io/reviews/servo/servo/24039)
<!-- Reviewable:end -->
Diffstat (limited to 'tests/wpt/web-platform-tests/css/css-logical')
| -rw-r--r-- | tests/wpt/web-platform-tests/css/css-logical/parsing/margin-block-inline-computed.html | 49 | ||||
| -rw-r--r-- | tests/wpt/web-platform-tests/css/css-logical/parsing/padding-block-inline-computed.html | 54 |
2 files changed, 103 insertions, 0 deletions
diff --git a/tests/wpt/web-platform-tests/css/css-logical/parsing/margin-block-inline-computed.html b/tests/wpt/web-platform-tests/css/css-logical/parsing/margin-block-inline-computed.html new file mode 100644 index 00000000000..6ef52bda3b8 --- /dev/null +++ b/tests/wpt/web-platform-tests/css/css-logical/parsing/margin-block-inline-computed.html @@ -0,0 +1,49 @@ +<!DOCTYPE html> +<html> +<head> +<meta charset="utf-8"> +<title>CSS Logical Properties and Values: getComputedStyle().marginBlockStart etc.</title> +<link rel="help" href="https://drafts.csswg.org/css-logical/#propdef-margin-block"> +<link rel="help" href="https://drafts.csswg.org/cssom/#resolved-values"> +<meta name="assert" content="margin-block, margin-inline resolved values have absolute length."> +<script src="/resources/testharness.js"></script> +<script src="/resources/testharnessreport.js"></script> +<script src="/css/support/computed-testcommon.js"></script> +<style> + #container { + will-change: transform; /* containing block for #target */ + width: 200px; + } + #parent { + width: 0px; + } + #target { + position: absolute; + font-size: 40px; + } +</style> +</head> +<body> +<div id="container"> + <div id="parent"> + <div id="target"></div> + </div> +</div> +<script> +test_computed_value("margin-block-start", "10px"); +test_computed_value("margin-block-end", "10%", "20px"); +test_computed_value("margin-inline-start", "30px"); +test_computed_value("margin-inline-end", "1em", "40px"); + +test_computed_value('margin-block-start', 'calc(10% + 40px)', '60px'); +test_computed_value('margin-block-end', 'calc(10px + 0.5em)', '30px'); +test_computed_value('margin-inline-start', 'calc(10px + 0.5em)', '30px'); +test_computed_value('margin-inline-end', 'calc(10% + 40px)', '60px'); + +test_computed_value("margin-block", "10px"); +test_computed_value("margin-block", "10px 20px"); +test_computed_value("margin-inline", "30px"); +test_computed_value("margin-inline", "30px 40px"); +</script> +</body> +</html> diff --git a/tests/wpt/web-platform-tests/css/css-logical/parsing/padding-block-inline-computed.html b/tests/wpt/web-platform-tests/css/css-logical/parsing/padding-block-inline-computed.html new file mode 100644 index 00000000000..230f18525a0 --- /dev/null +++ b/tests/wpt/web-platform-tests/css/css-logical/parsing/padding-block-inline-computed.html @@ -0,0 +1,54 @@ +<!DOCTYPE html> +<html> +<head> +<meta charset="utf-8"> +<title>CSS Logical Properties and Values: getComputedStyle().paddingBlockStart etc.</title> +<link rel="help" href="https://drafts.csswg.org/css-logical/#propdef-padding-block"> +<link rel="help" href="https://drafts.csswg.org/cssom/#resolved-values"> +<meta name="assert" content="padding-block, padding-inline resolved values have absolute length."> +<script src="/resources/testharness.js"></script> +<script src="/resources/testharnessreport.js"></script> +<script src="/css/support/computed-testcommon.js"></script> +<style> + #container { + will-change: transform; /* containing block for #target */ + width: 200px; + } + #parent { + width: 0px; + } + #target { + position: absolute; + font-size: 40px; + } +</style> +</head> +<body> +<div id="container"> + <div id="parent"> + <div id="target"></div> + </div> +</div> +<script> +test_computed_value("padding-block-start", "10px"); +test_computed_value("padding-block-end", "10%", "20px"); +test_computed_value("padding-inline-start", "30px"); +test_computed_value("padding-inline-end", "1em", "40px"); + +test_computed_value('padding-block-start', 'calc(10% + 40px)', '60px'); +test_computed_value('padding-block-end', 'calc(10% - 40px)', '0px'); +test_computed_value('padding-inline-start', 'calc(10% - 40px)', '0px'); +test_computed_value('padding-inline-end', 'calc(10% + 40px)', '60px'); + +test_computed_value('padding-block-start', 'calc(10px - 0.5em)', '0px'); +test_computed_value('padding-block-end', 'calc(10px + 0.5em)', '30px'); +test_computed_value('padding-inline-start', 'calc(10px + 0.5em)', '30px'); +test_computed_value('padding-inline-end', 'calc(10px - 0.5em)', '0px'); + +test_computed_value("padding-block", "10px"); +test_computed_value("padding-block", "10px 20px"); +test_computed_value("padding-inline", "30px"); +test_computed_value("padding-inline", "30px 40px"); +</script> +</body> +</html> |