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
This commit is contained in:
Eric Willigers 2018-07-18 09:45:06 +00:00 коммит произвёл moz-wptsync-bot
Родитель 0ff6b6c25d
Коммит 47ef621941
15 изменённых файлов: 350 добавлений и 0 удалений

Просмотреть файл

@ -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