Magic-Mirror/gecko-dev
1
0
Fork 0
mirror of https://github.com/mozilla/gecko-dev.git synced 2024-10-24 18:55:30 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

Bug 1507519 [wpt PR 14075] - SVG Geometry: computed value of properties, a=testonly

Browse Source 
Automatic update from web-platform-testsSVG Geometry: computed value of properties (#14075)

cx cy r rx ry x y computed values are lengths or percentages.
https://svgwg.org/svg2-draft/geometry.html
--

wpt-commits: 39c2331ea623e23849d2f6fc99f804e5e2d374d2
wpt-pr: 14075
This commit is contained in:
Eric Willigers 2018-11-19 18:46:24 +00:00 committed by moz-wptsync-bot
parent 2c2bacc0f0
commit 0309ed1ced
8 changed files with 199 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
testing/web-platform/tests/css/support/computed-testcommon.js
View File

@ -13,10 +13,16 @@ function test_computed_value(property, specified, computed) {
if (!computed)
computed = specified;
test(() => {
const target = document.getElementById('target');
if (!getComputedStyle(target)[property])
return;
target.style[property] = '';
target.style[property] = specified;
assert_equals(getComputedStyle(target)[property], computed);
if (computed !== specified) {
target.style[property] = '';
target.style[property] = computed;
assert_equals(getComputedStyle(target)[property], computed, 'computed value should round-trip');
}
}, "Property " + property + " value '" + specified + "' computes to '" + computed + "'");
}

27
testing/web-platform/tests/svg/geometry/parsing/cx-computed.svg Normal file
View File

@ -0,0 +1,27 @@
<?xml version="1.0" encoding="UTF-8"?>
<svg xmlns="http://www.w3.org/2000/svg"
xmlns:h="http://www.w3.org/1999/xhtml"
width="800px" height="8000px">
<title>SVG Geometry Properties: getComputedValue().cx</title>
<metadata>
<h:link rel="help" href="https://svgwg.org/svg2-draft/geometry.html#CX"/>
</metadata>
<g id="target"></g>
<style>
#target {
font-size: 40px;
}
</style>
<h:script src="/resources/testharness.js"/>
<h:script src="/resources/testharnessreport.js"/>
<h:script src="/css/support/computed-testcommon.js"/>
<script><![CDATA[
test_computed_value("cx", "-10px");
test_computed_value("cx", "0.5em", "20px");
test_computed_value("cx", "calc(10px + 0.5em)", "30px");
test_computed_value("cx", "40%");
test_computed_value("cx", "calc(50% + 60x)");
]]></script>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 829 B

27
testing/web-platform/tests/svg/geometry/parsing/cy-computed.svg Normal file
View File

@ -0,0 +1,27 @@
<?xml version="1.0" encoding="UTF-8"?>
<svg xmlns="http://www.w3.org/2000/svg"
xmlns:h="http://www.w3.org/1999/xhtml"
width="800px" height="8000px">
<title>SVG Geometry Properties: getComputedValue().cy</title>
<metadata>
<h:link rel="help" href="https://svgwg.org/svg2-draft/geometry.html#CY"/>
</metadata>
<g id="target"></g>
<style>
#target {
font-size: 40px;
}
</style>
<h:script src="/resources/testharness.js"/>
<h:script src="/resources/testharnessreport.js"/>
<h:script src="/css/support/computed-testcommon.js"/>
<script><![CDATA[
test_computed_value("cy", "-10px");
test_computed_value("cy", "0.5em", "20px");
test_computed_value("cy", "calc(10px + 0.5em)", "30px");
test_computed_value("cy", "40%");
test_computed_value("cy", "calc(50% + 60x)");
]]></script>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 829 B

27
testing/web-platform/tests/svg/geometry/parsing/r-computed.svg Normal file
View File

@ -0,0 +1,27 @@
<?xml version="1.0" encoding="UTF-8"?>
<svg xmlns="http://www.w3.org/2000/svg"
xmlns:h="http://www.w3.org/1999/xhtml"
width="800px" height="8000px">
<title>SVG Geometry Properties: getComputedValue().r</title>
<metadata>
<h:link rel="help" href="https://svgwg.org/svg2-draft/geometry.html#R"/>
</metadata>
<g id="target"></g>
<style>
#target {
font-size: 40px;
}
</style>
<h:script src="/resources/testharness.js"/>
<h:script src="/resources/testharnessreport.js"/>
<h:script src="/css/support/computed-testcommon.js"/>
<script><![CDATA[
test_computed_value("r", "10px");
test_computed_value("r", "0.5em", "20px");
test_computed_value("r", "calc(10px + 0.5em)", "30px");
test_computed_value("r", "40%");
test_computed_value("r", "calc(50% + 60x)");
]]></script>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 821 B

29
testing/web-platform/tests/svg/geometry/parsing/rx-computed.svg Normal file
View File

@ -0,0 +1,29 @@
<?xml version="1.0" encoding="UTF-8"?>
<svg xmlns="http://www.w3.org/2000/svg"
xmlns:h="http://www.w3.org/1999/xhtml"
width="800px" height="8000px">
<title>SVG Geometry Properties: getComputedValue().rx</title>
<metadata>
<h:link rel="help" href="https://svgwg.org/svg2-draft/geometry.html#RX"/>
</metadata>
<g id="target"></g>
<style>
#target {
font-size: 40px;
}
</style>
<h:script src="/resources/testharness.js"/>
<h:script src="/resources/testharnessreport.js"/>
<h:script src="/css/support/computed-testcommon.js"/>
<script><![CDATA[
test_computed_value("rx", "auto");
test_computed_value("rx", "10px");
test_computed_value("rx", "0.5em", "20px");
test_computed_value("rx", "calc(10px + 0.5em)", "30px");
test_computed_value("rx", "40%");
test_computed_value("rx", "calc(50% + 60x)");
]]></script>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 864 B

29
testing/web-platform/tests/svg/geometry/parsing/ry-computed.svg Normal file
View File

@ -0,0 +1,29 @@
<?xml version="1.0" encoding="UTF-8"?>
<svg xmlns="http://www.w3.org/2000/svg"
xmlns:h="http://www.w3.org/1999/xhtml"
width="800px" height="8000px">
<title>SVG Geometry Properties: getComputedValue().ry</title>
<metadata>
<h:link rel="help" href="https://svgwg.org/svg2-draft/geometry.html#RY"/>
</metadata>
<g id="target"></g>
<style>
#target {
font-size: 40px;
}
</style>
<h:script src="/resources/testharness.js"/>
<h:script src="/resources/testharnessreport.js"/>
<h:script src="/css/support/computed-testcommon.js"/>
<script><![CDATA[
test_computed_value("ry", "auto");
test_computed_value("ry", "10px");
test_computed_value("ry", "0.5em", "20px");
test_computed_value("ry", "calc(10px + 0.5em)", "30px");
test_computed_value("ry", "40%");
test_computed_value("ry", "calc(50% + 60x)");
]]></script>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 864 B

27
testing/web-platform/tests/svg/geometry/parsing/x-computed.svg Normal file
View File

@ -0,0 +1,27 @@
<?xml version="1.0" encoding="UTF-8"?>
<svg xmlns="http://www.w3.org/2000/svg"
xmlns:h="http://www.w3.org/1999/xhtml"
width="800px" height="8000px">
<title>SVG Geometry Properties: getComputedValue().x</title>
<metadata>
<h:link rel="help" href="https://svgwg.org/svg2-draft/geometry.html#X"/>
</metadata>
<g id="target"></g>
<style>
#target {
font-size: 40px;
}
</style>
<h:script src="/resources/testharness.js"/>
<h:script src="/resources/testharnessreport.js"/>
<h:script src="/css/support/computed-testcommon.js"/>
<script><![CDATA[
test_computed_value("x", "-10px");
test_computed_value("x", "0.5em", "20px");
test_computed_value("x", "calc(10px + 0.5em)", "30px");
test_computed_value("x", "40%");
test_computed_value("x", "calc(50% + 60x)");
]]></script>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 822 B

27
testing/web-platform/tests/svg/geometry/parsing/y-computed.svg Normal file
View File

@ -0,0 +1,27 @@
<?xml version="1.0" encoding="UTF-8"?>
<svg xmlns="http://www.w3.org/2000/svg"
xmlns:h="http://www.w3.org/1999/xhtml"
width="800px" height="8000px">
<title>SVG Geometry Properties: getComputedValue().y</title>
<metadata>
<h:link rel="help" href="https://svgwg.org/svg2-draft/geometry.html#Y"/>
</metadata>
<g id="target"></g>
<style>
#target {
font-size: 40px;
}
</style>
<h:script src="/resources/testharness.js"/>
<h:script src="/resources/testharnessreport.js"/>
<h:script src="/css/support/computed-testcommon.js"/>
<script><![CDATA[
test_computed_value("y", "-10px");
test_computed_value("y", "0.5em", "20px");
test_computed_value("y", "calc(10px + 0.5em)", "30px");
test_computed_value("y", "40%");
test_computed_value("y", "calc(50% + 60x)");
]]></script>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 822 B