Bug 1474128 [wpt PR 11844] - SVG ellipse supports rx/ry properties, a=testonly
Automatic update from web-platform-testsMerge pull request #11844 from ewilligers/ellipse-auto-radius SVG ellipse supports rx/ry properties -- wpt-commits: 7400064b74cfdd7c1a81d0de38e2846b44af77fc wpt-pr: 11844
|
@ -184727,6 +184727,102 @@
|
|||
{}
|
||||
]
|
||||
],
|
||||
"svg/shapes/ellipse-01.svg": [
|
||||
[
|
||||
"/svg/shapes/ellipse-01.svg",
|
||||
[
|
||||
[
|
||||
"/svg/shapes/ellipse-01-ref.svg",
|
||||
"=="
|
||||
]
|
||||
],
|
||||
{}
|
||||
]
|
||||
],
|
||||
"svg/shapes/ellipse-02.svg": [
|
||||
[
|
||||
"/svg/shapes/ellipse-02.svg",
|
||||
[
|
||||
[
|
||||
"/svg/shapes/ellipse-02-ref.svg",
|
||||
"=="
|
||||
]
|
||||
],
|
||||
{}
|
||||
]
|
||||
],
|
||||
"svg/shapes/ellipse-03.svg": [
|
||||
[
|
||||
"/svg/shapes/ellipse-03.svg",
|
||||
[
|
||||
[
|
||||
"/svg/shapes/ellipse-03-ref.svg",
|
||||
"=="
|
||||
]
|
||||
],
|
||||
{}
|
||||
]
|
||||
],
|
||||
"svg/shapes/ellipse-04.svg": [
|
||||
[
|
||||
"/svg/shapes/ellipse-04.svg",
|
||||
[
|
||||
[
|
||||
"/svg/shapes/ellipse-04-ref.svg",
|
||||
"=="
|
||||
]
|
||||
],
|
||||
{}
|
||||
]
|
||||
],
|
||||
"svg/shapes/ellipse-05.svg": [
|
||||
[
|
||||
"/svg/shapes/ellipse-05.svg",
|
||||
[
|
||||
[
|
||||
"/svg/shapes/ellipse-02-ref.svg",
|
||||
"=="
|
||||
]
|
||||
],
|
||||
{}
|
||||
]
|
||||
],
|
||||
"svg/shapes/ellipse-06.svg": [
|
||||
[
|
||||
"/svg/shapes/ellipse-06.svg",
|
||||
[
|
||||
[
|
||||
"/svg/shapes/ellipse-03-ref.svg",
|
||||
"=="
|
||||
]
|
||||
],
|
||||
{}
|
||||
]
|
||||
],
|
||||
"svg/shapes/ellipse-07.svg": [
|
||||
[
|
||||
"/svg/shapes/ellipse-07.svg",
|
||||
[
|
||||
[
|
||||
"/svg/shapes/ellipse-07-ref.svg",
|
||||
"=="
|
||||
]
|
||||
],
|
||||
{}
|
||||
]
|
||||
],
|
||||
"svg/shapes/ellipse-08.svg": [
|
||||
[
|
||||
"/svg/shapes/ellipse-08.svg",
|
||||
[
|
||||
[
|
||||
"/svg/shapes/ellipse-07-ref.svg",
|
||||
"=="
|
||||
]
|
||||
],
|
||||
{}
|
||||
]
|
||||
],
|
||||
"svg/shapes/line-dasharray.svg": [
|
||||
[
|
||||
"/svg/shapes/line-dasharray.svg",
|
||||
|
@ -298610,6 +298706,31 @@
|
|||
{}
|
||||
]
|
||||
],
|
||||
"svg/shapes/ellipse-01-ref.svg": [
|
||||
[
|
||||
{}
|
||||
]
|
||||
],
|
||||
"svg/shapes/ellipse-02-ref.svg": [
|
||||
[
|
||||
{}
|
||||
]
|
||||
],
|
||||
"svg/shapes/ellipse-03-ref.svg": [
|
||||
[
|
||||
{}
|
||||
]
|
||||
],
|
||||
"svg/shapes/ellipse-04-ref.svg": [
|
||||
[
|
||||
{}
|
||||
]
|
||||
],
|
||||
"svg/shapes/ellipse-07-ref.svg": [
|
||||
[
|
||||
{}
|
||||
]
|
||||
],
|
||||
"svg/shapes/line-dasharray-ref.svg": [
|
||||
[
|
||||
{}
|
||||
|
@ -380922,6 +381043,12 @@
|
|||
{}
|
||||
]
|
||||
],
|
||||
"svg/shapes/rx-ry-not-inherited.svg": [
|
||||
[
|
||||
"/svg/shapes/rx-ry-not-inherited.svg",
|
||||
{}
|
||||
]
|
||||
],
|
||||
"svg/struct/UnknownElement/interface.svg": [
|
||||
[
|
||||
"/svg/struct/UnknownElement/interface.svg",
|
||||
|
@ -622729,6 +622856,58 @@
|
|||
"1660ebba379a218ba1ce74a655df2725d788622c",
|
||||
"testharness"
|
||||
],
|
||||
"svg/shapes/ellipse-01-ref.svg": [
|
||||
"0d8b6dd9a471759dda8d9e33904b8a936c146b3a",
|
||||
"support"
|
||||
],
|
||||
"svg/shapes/ellipse-01.svg": [
|
||||
"1d4ed53ac1c02fef27c83ccdefe7df95750ecd9b",
|
||||
"reftest"
|
||||
],
|
||||
"svg/shapes/ellipse-02-ref.svg": [
|
||||
"ed927fa98a12be61040b6f9254fa209581f104a1",
|
||||
"support"
|
||||
],
|
||||
"svg/shapes/ellipse-02.svg": [
|
||||
"041dbe27f4e08542f147d235244f0f98b155f5b2",
|
||||
"reftest"
|
||||
],
|
||||
"svg/shapes/ellipse-03-ref.svg": [
|
||||
"0bae74326f227df4bf539bf046aea4ecb269c218",
|
||||
"support"
|
||||
],
|
||||
"svg/shapes/ellipse-03.svg": [
|
||||
"81164201dc7116cf11d4047e5a7626159283603f",
|
||||
"reftest"
|
||||
],
|
||||
"svg/shapes/ellipse-04-ref.svg": [
|
||||
"f42c2e31193806301d525b89227761f8156408e1",
|
||||
"support"
|
||||
],
|
||||
"svg/shapes/ellipse-04.svg": [
|
||||
"a13ba9204163bc2ef59cfc91f4d1266632448f1f",
|
||||
"reftest"
|
||||
],
|
||||
"svg/shapes/ellipse-05.svg": [
|
||||
"0592f5ffc8b8d7a04d63c3aec59969b95a526e21",
|
||||
"reftest"
|
||||
],
|
||||
"svg/shapes/ellipse-06.svg": [
|
||||
"b164ebcf3b84265f5791751246c62a7e4e163786",
|
||||
"reftest"
|
||||
],
|
||||
"svg/shapes/ellipse-07-ref.svg": [
|
||||
"db865e15becdd56b4a6646eda4a5d34e9ae60f01",
|
||||
"support"
|
||||
],
|
||||
"svg/shapes/ellipse-07.svg": [
|
||||
"da30b99a5945cd508f1e285457ae5bb744b63169",
|
||||
"reftest"
|
||||
],
|
||||
"svg/shapes/ellipse-08.svg": [
|
||||
"c56c1ec7f6c00f2291805a62d51b21ef2be6bfdb",
|
||||
"reftest"
|
||||
],
|
||||
"svg/shapes/line-dasharray-ref.svg": [
|
||||
"1703bd2fa544c3b2a0cd9a2ff3ff329089f19e6a",
|
||||
"support"
|
||||
|
@ -622777,6 +622956,10 @@
|
|||
"ad79ad2f821e30c3c016bb1e156c1fafb4a4decf",
|
||||
"reftest"
|
||||
],
|
||||
"svg/shapes/rx-ry-not-inherited.svg": [
|
||||
"47c4d5ed23e7f6a73b5f6495168df31cdd6a591d",
|
||||
"testharness"
|
||||
],
|
||||
"svg/struct/UnknownElement/interface.svg": [
|
||||
"42ecd7bc94a3379d920687c79c12e2d3c55b9e98",
|
||||
"testharness"
|
||||
|
|
|
@ -0,0 +1,4 @@
|
|||
<?xml version="1.0" encoding="UTF-8"?>
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="100" height="100">
|
||||
<ellipse cx="50" cy="50" rx="40" ry="30" fill="none" stroke="blue" stroke-width="5"/>
|
||||
</svg>
|
После Ширина: | Высота: | Размер: 200 B |
|
@ -0,0 +1,15 @@
|
|||
<?xml version="1.0" encoding="UTF-8"?>
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="100" height="100">
|
||||
<metadata>
|
||||
<link xmlns="http://www.w3.org/1999/xhtml" rel="help" href="https://www.w3.org/TR/SVG2/shapes.html#EllipseElement"/>
|
||||
<link xmlns="http://www.w3.org/1999/xhtml" rel="match" href="ellipse-01-ref.svg"/>
|
||||
<meta xmlns="http://www.w3.org/1999/xhtml" name="assert" content="ellipse element uses rx/ry properties."/>
|
||||
</metadata>
|
||||
<style>
|
||||
ellipse {
|
||||
rx: 40px;
|
||||
ry: 30px;
|
||||
}
|
||||
</style>
|
||||
<ellipse cx="50" cy="50" fill="none" stroke="blue" stroke-width="5"/>
|
||||
</svg>
|
После Ширина: | Высота: | Размер: 604 B |
|
@ -0,0 +1,4 @@
|
|||
<?xml version="1.0" encoding="UTF-8"?>
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="100" height="100">
|
||||
<ellipse cx="50" cy="50" rx="40" ry="40" fill="none" stroke="blue" stroke-width="5"/>
|
||||
</svg>
|
После Ширина: | Высота: | Размер: 200 B |
|
@ -0,0 +1,15 @@
|
|||
<?xml version="1.0" encoding="UTF-8"?>
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="100" height="100">
|
||||
<metadata>
|
||||
<link xmlns="http://www.w3.org/1999/xhtml" rel="help" href="https://www.w3.org/TR/SVG2/shapes.html#EllipseElement"/>
|
||||
<link xmlns="http://www.w3.org/1999/xhtml" rel="match" href="ellipse-02-ref.svg"/>
|
||||
<meta xmlns="http://www.w3.org/1999/xhtml" name="assert" content="ry auto means rx is used"/>
|
||||
</metadata>
|
||||
<style>
|
||||
ellipse {
|
||||
rx: 40px;
|
||||
ry: auto;
|
||||
}
|
||||
</style>
|
||||
<ellipse cx="50" cy="50" fill="none" stroke="blue" stroke-width="5"/>
|
||||
</svg>
|
После Ширина: | Высота: | Размер: 590 B |
|
@ -0,0 +1,4 @@
|
|||
<?xml version="1.0" encoding="UTF-8"?>
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="100" height="100">
|
||||
<ellipse cx="50" cy="50" rx="30" ry="30" fill="none" stroke="blue" stroke-width="5"/>
|
||||
</svg>
|
После Ширина: | Высота: | Размер: 200 B |
|
@ -0,0 +1,15 @@
|
|||
<?xml version="1.0" encoding="UTF-8"?>
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="100" height="100">
|
||||
<metadata>
|
||||
<link xmlns="http://www.w3.org/1999/xhtml" rel="help" href="https://www.w3.org/TR/SVG2/shapes.html#EllipseElement"/>
|
||||
<link xmlns="http://www.w3.org/1999/xhtml" rel="match" href="ellipse-03-ref.svg"/>
|
||||
<meta xmlns="http://www.w3.org/1999/xhtml" name="assert" content="rx auto means ry is used."/>
|
||||
</metadata>
|
||||
<style>
|
||||
ellipse {
|
||||
rx: auto;
|
||||
ry: 30px;
|
||||
}
|
||||
</style>
|
||||
<ellipse cx="50" cy="50" fill="none" stroke="blue" stroke-width="5"/>
|
||||
</svg>
|
После Ширина: | Высота: | Размер: 591 B |
|
@ -0,0 +1,3 @@
|
|||
<?xml version="1.0" encoding="UTF-8"?>
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="100" height="100">
|
||||
</svg>
|
После Ширина: | Высота: | Размер: 112 B |
|
@ -0,0 +1,15 @@
|
|||
<?xml version="1.0" encoding="UTF-8"?>
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="100" height="100">
|
||||
<metadata>
|
||||
<link xmlns="http://www.w3.org/1999/xhtml" rel="help" href="https://www.w3.org/TR/SVG2/shapes.html#EllipseElement"/>
|
||||
<link xmlns="http://www.w3.org/1999/xhtml" rel="match" href="ellipse-04-ref.svg"/>
|
||||
<meta xmlns="http://www.w3.org/1999/xhtml" name="assert" content="rx and ry auto disables rendering."/>
|
||||
</metadata>
|
||||
<style>
|
||||
ellipse {
|
||||
rx: auto;
|
||||
ry: auto;
|
||||
}
|
||||
</style>
|
||||
<ellipse cx="50" cy="50" fill="none" stroke="red" stroke-width="5"/>
|
||||
</svg>
|
После Ширина: | Высота: | Размер: 599 B |
|
@ -0,0 +1,14 @@
|
|||
<?xml version="1.0" encoding="UTF-8"?>
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="100" height="100">
|
||||
<metadata>
|
||||
<link xmlns="http://www.w3.org/1999/xhtml" rel="help" href="https://www.w3.org/TR/SVG2/shapes.html#EllipseElement"/>
|
||||
<link xmlns="http://www.w3.org/1999/xhtml" rel="match" href="ellipse-02-ref.svg"/>
|
||||
<meta xmlns="http://www.w3.org/1999/xhtml" name="assert" content="ry defaults to auto."/>
|
||||
</metadata>
|
||||
<style>
|
||||
ellipse {
|
||||
rx: 40px;
|
||||
}
|
||||
</style>
|
||||
<ellipse cx="50" cy="50" fill="none" stroke="blue" stroke-width="5"/>
|
||||
</svg>
|
После Ширина: | Высота: | Размер: 570 B |
|
@ -0,0 +1,14 @@
|
|||
<?xml version="1.0" encoding="UTF-8"?>
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="100" height="100">
|
||||
<metadata>
|
||||
<link xmlns="http://www.w3.org/1999/xhtml" rel="help" href="https://www.w3.org/TR/SVG2/shapes.html#EllipseElement"/>
|
||||
<link xmlns="http://www.w3.org/1999/xhtml" rel="match" href="ellipse-03-ref.svg"/>
|
||||
<meta xmlns="http://www.w3.org/1999/xhtml" name="assert" content="rx defaults to auto."/>
|
||||
</metadata>
|
||||
<style>
|
||||
ellipse {
|
||||
ry: 30px;
|
||||
}
|
||||
</style>
|
||||
<ellipse cx="50" cy="50" fill="none" stroke="blue" stroke-width="5"/>
|
||||
</svg>
|
После Ширина: | Высота: | Размер: 570 B |
|
@ -0,0 +1,4 @@
|
|||
<?xml version="1.0" encoding="UTF-8"?>
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="240px" height="160px" viewBox="0 0 60 40">
|
||||
<ellipse cx="20" cy="20" rx="15" ry="15" fill="none" stroke="blue" stroke-width="5"/>
|
||||
</svg>
|
После Ширина: | Высота: | Размер: 224 B |
|
@ -0,0 +1,15 @@
|
|||
<?xml version="1.0" encoding="UTF-8"?>
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="240px" height="160px" viewBox="0 0 60 40">
|
||||
<metadata>
|
||||
<link xmlns="http://www.w3.org/1999/xhtml" rel="help" href="https://www.w3.org/TR/SVG2/shapes.html#EllipseElement"/>
|
||||
<link xmlns="http://www.w3.org/1999/xhtml" rel="match" href="ellipse-07-ref.svg"/>
|
||||
<meta xmlns="http://www.w3.org/1999/xhtml" name="assert" content="ry auto means rx absolute length is used"/>
|
||||
</metadata>
|
||||
<style>
|
||||
ellipse {
|
||||
rx: 25%;
|
||||
ry: auto;
|
||||
}
|
||||
</style>
|
||||
<ellipse cx="20" cy="20" fill="none" stroke="blue" stroke-width="5"/>
|
||||
</svg>
|
После Ширина: | Высота: | Размер: 629 B |
|
@ -0,0 +1,15 @@
|
|||
<?xml version="1.0" encoding="UTF-8"?>
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="240px" height="160px" viewBox="0 0 60 40">
|
||||
<metadata>
|
||||
<link xmlns="http://www.w3.org/1999/xhtml" rel="help" href="https://www.w3.org/TR/SVG2/shapes.html#EllipseElement"/>
|
||||
<link xmlns="http://www.w3.org/1999/xhtml" rel="match" href="ellipse-07-ref.svg"/>
|
||||
<meta xmlns="http://www.w3.org/1999/xhtml" name="assert" content="rx auto means ry absolute length is used"/>
|
||||
</metadata>
|
||||
<style>
|
||||
ellipse {
|
||||
rx: auto;
|
||||
ry: 37.5%;
|
||||
}
|
||||
</style>
|
||||
<ellipse cx="20" cy="20" fill="none" stroke="blue" stroke-width="5"/>
|
||||
</svg>
|
После Ширина: | Высота: | Размер: 631 B |
|
@ -0,0 +1,30 @@
|
|||
<?xml version="1.0" encoding="UTF-8"?>
|
||||
<svg xmlns="http://www.w3.org/2000/svg"
|
||||
xmlns:h="http://www.w3.org/1999/xhtml">
|
||||
<metadata>
|
||||
<h:link rel="help" href="https://www.w3.org/TR/SVG2/shapes.html#EllipseElement"/>
|
||||
<h:meta name="assert" content="rx,ry are not inherited by default"/>
|
||||
</metadata>
|
||||
<style>
|
||||
g {
|
||||
rx: 10px;
|
||||
ry: 20px;
|
||||
}
|
||||
</style>
|
||||
<g>
|
||||
<ellipse id="spot" cx="50" cy="50"/>
|
||||
</g>
|
||||
<h:script src="/resources/testharness.js"/>
|
||||
<h:script src="/resources/testharnessreport.js"/>
|
||||
<script><![CDATA[
|
||||
test(function() {
|
||||
var spot = document.getElementById('spot');
|
||||
assert_equals(getComputedStyle(spot).rx, "auto");
|
||||
assert_equals(getComputedStyle(spot).ry, "auto");
|
||||
spot.style.rx = 'inherit';
|
||||
spot.style.ry = 'inherit';
|
||||
assert_equals(getComputedStyle(spot).rx, "10px");
|
||||
assert_equals(getComputedStyle(spot).ry, "20px");
|
||||
});
|
||||
]]></script>
|
||||
</svg>
|
После Ширина: | Высота: | Размер: 923 B |