Bug 1574890 [wpt PR 18520] - [css-sizing] padding computed value, a=testonly
authorEric Willigers <ewilligers@users.noreply.github.com>
Mon, 26 Aug 2019 11:20:41 +0000
changeset 553871 02add6ff5ae12d7a43a8aef6d1b7c33a0b0b9733
parent 553870 e67bf30b97ac4eea91266c76370d73afb428fe47
child 553872 44c573c1dcb134355e40bc19bd46178aab546769
push id2165
push userffxbld-merge
push dateMon, 14 Oct 2019 16:30:58 +0000
treeherdermozilla-release@0eae18af659f [default view] [failures only]
perfherder[talos] [build metrics] [platform microbench] (compared to previous push)
reviewerstestonly
bugs1574890, 18520
milestone70.0a1
first release with
nightly linux32
nightly linux64
nightly mac
nightly win32
nightly win64
last release without
nightly linux32
nightly linux64
nightly mac
nightly win32
nightly win64
Bug 1574890 [wpt PR 18520] - [css-sizing] padding computed value, a=testonly Automatic update from web-platform-tests [css-sizing] padding computed value (#18520) Test that padding resolved value returned by getComputedStyle() is an absolute length. https://drafts.csswg.org/css-box-3/#propdef-padding https://drafts.csswg.org/cssom/#resolved-values -- wpt-commits: 5574dccca96d922559c009ec27bf43ddf1f0f91d wpt-pr: 18520
testing/web-platform/tests/css/css-box/parsing/padding-computed.html
new file mode 100644
--- /dev/null
+++ b/testing/web-platform/tests/css/css-box/parsing/padding-computed.html
@@ -0,0 +1,51 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta charset="utf-8">
+<title>CSS basic box model: getComputedStyle().padding</title>
+<link rel="help" href="https://drafts.csswg.org/css-box-3/#propdef-padding">
+<link rel="help" href="https://drafts.csswg.org/cssom/#resolved-values">
+<meta name="assert" content="padding resolved value is an 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", "10px");
+test_computed_value("padding", "10px 20px 30px 40px");
+
+test_computed_value("padding-top", "10px");
+test_computed_value("padding-right", "20px");
+test_computed_value("padding-bottom", "30px");
+test_computed_value("padding-left", "40px");
+
+test_computed_value("padding", "20%", "40px");
+test_computed_value("padding", "10px 20% 30% 40px", "10px 40px 60px");
+test_computed_value("padding-right", "20%", "40px");
+
+test_computed_value('padding-top', 'calc(10% - 40px)', '0px');
+test_computed_value('padding-right', 'calc(10% + 40px)', '60px');
+test_computed_value('padding-bottom', 'calc(10px - 0.5em)', '0px');
+test_computed_value('padding-left', 'calc(10px + 0.5em)', '30px');
+</script>
+</body>
+</html>