| Index: LayoutTests/transitions/svg-layout-transition.html
|
| diff --git a/LayoutTests/transitions/svg-layout-transition.html b/LayoutTests/transitions/svg-layout-transition.html
|
| index 4f9d72fee92a5c7b01c886172b4475be7f568d9a..430a9c6f581efdfac8a4186681d53da6e6d289bf 100644
|
| --- a/LayoutTests/transitions/svg-layout-transition.html
|
| +++ b/LayoutTests/transitions/svg-layout-transition.html
|
| @@ -1,5 +1,4 @@
|
| <!DOCTYPE>
|
| -
|
| <html>
|
| <head>
|
| <style>
|
| @@ -21,6 +20,20 @@
|
| #y.final {
|
| y: 200px;
|
| }
|
| +
|
| + .rx {
|
| + transition-property: rx;
|
| + }
|
| + .rx.final {
|
| + rx: 200px;
|
| + }
|
| +
|
| + .ry {
|
| + transition-property: ry;
|
| + }
|
| + .ry.final {
|
| + ry: 200px;
|
| + }
|
| </style>
|
| <script src="../animations/resources/animation-test-helpers.js"></script>
|
| <script type="text/javascript">
|
| @@ -29,12 +42,15 @@
|
| // [time, element-id, property, expected-value, tolerance]
|
| [0.5, 'x', 'x', 150, 20],
|
| [0.5, 'y', 'y', 150, 20],
|
| + [0.5, 'rx', 'rx', 150, 20],
|
| + [0.5, 'ry', 'ry', 150, 20],
|
| + [0.5, 'erx', 'rx', 150, 20],
|
| + [0.5, 'ery', 'ry', 150, 20],
|
| ];
|
| -
|
| function setupTest()
|
| {
|
| - document.getElementById('x').setAttribute('class', 'init final');
|
| - document.getElementById('y').setAttribute('class', 'init final');
|
| + for (var i = 0; i < expectedValues.length; i++)
|
| + document.getElementById(expectedValues[i][1]).classList.add("final");
|
| }
|
|
|
| runTransitionTest(expectedValues, setupTest);
|
| @@ -44,10 +60,13 @@
|
| <svg>
|
| <rect x="100" y="100" width="100" height="100" class="init" id="x"/>
|
| <rect x="100" y="100" width="100" height="100" class="init" id="y"/>
|
| + <rect x="100" y="100" width="100" height="100" rx="100" ry="100" class="init rx" id="rx"/>
|
| + <rect x="100" y="100" width="100" height="100" rx="100" ry="100" class="init ry" id="ry"/>
|
| + <ellipse class="init rx" rx="100" ry="100" id="erx"/>
|
| + <ellipse class="init ry" rx="100" ry="100" id="ery"/>
|
| </svg>
|
|
|
| <div id="result">
|
| </div>
|
| -
|
| </body>
|
| </html>
|
|
|
Chromium Code Reviews
Issue 955033002:
[svg2] Make 'rx' and 'ry' presentation attributes (Closed)
Base URL: https://chromium.googlesource.com/chromium/blink.git@master