mirror of
https://github.com/mozilla/gecko-dev.git
synced 2025-11-11 05:39:41 +02:00
f4bf6f2143
Automatic update from web-platform-testsCSS: Serialize % before px in calc https://drafts.csswg.org/css-values/#math-function-serialize-a-summation Percentage should be serialized before dimensions with units Also fix typo in WPTs svg/geometry/parsing/*-computed.svg calc(50% + 60x) becomes calc(50% + 60px) BUG=904805 Change-Id: I2ecb732564c405f9315a1ef06e5bd0777c407f19 Reviewed-on: https://chromium-review.googlesource.com/c/1341289 Reviewed-by: Rune Lillesveen <futhark@chromium.org> Commit-Queue: Eric Willigers <ericwilligers@chromium.org> Cr-Commit-Position: refs/heads/master@{#609262} -- wpt-commits: 6f90ad64b9f531ae835623e445a6010031a52aa7 wpt-pr: 14121
49 lines
1.4 KiB
HTML
49 lines
1.4 KiB
HTML
<!DOCTYPE html>
|
|
<html>
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<title>CSS Transform Module Level 2: translate getComputedStyle</title>
|
|
<link rel="author" title="Eric Willigers" href="mailto:ericwilligers@chromium.org">
|
|
<link rel="help" href="https://drafts.csswg.org/css-transforms-2/#propdef-translate">
|
|
<meta name="assert" content="translate computed style does not resolve percentages.">
|
|
<style type="text/css">
|
|
#container {
|
|
transform-style: preserve-3d;;
|
|
}
|
|
#first {
|
|
font-size: 10px;
|
|
translate: 10px 2em;
|
|
}
|
|
#second {
|
|
translate: 30% 40% 50px;
|
|
}
|
|
#third {
|
|
font-size: 10px;
|
|
width: 98px;
|
|
height: 76px;
|
|
translate: calc(7em + 80%) -9em;
|
|
}
|
|
</style>
|
|
<script src="/resources/testharness.js"></script>
|
|
<script src="/resources/testharnessreport.js"></script>
|
|
</head>
|
|
<body>
|
|
<div id="container">
|
|
<div id="first"></div>
|
|
<div id="second"></div>
|
|
<div id="third"></div>
|
|
</div>
|
|
<script>
|
|
'use strict';
|
|
function getTranslateFor(id) {
|
|
return window.getComputedStyle(document.getElementById(id)).getPropertyValue("translate");
|
|
}
|
|
|
|
test(function() {
|
|
assert_equals(getTranslateFor("first"), "10px 20px");
|
|
assert_equals(getTranslateFor("second"), "30% 40% 50px");
|
|
assert_equals(getTranslateFor("third"), "calc(80% + 70px) -90px");
|
|
}, "computed style for translate");
|
|
</script>
|
|
</body>
|
|
</html>
|