OLD | NEW |
(Empty) | |
| 1 <!DOCTYPE html> |
| 2 |
| 3 <style> |
| 4 svg { width: 500px; height: 500px; } |
| 5 </style> |
| 6 |
| 7 <script src="../../resources/js-test.js"></script> |
| 8 |
| 9 <svg viewBox="0 0 1000 1000" version="1.1"> |
| 10 <defs id="defs"> |
| 11 <ellipse id="ellipse" cx="200" cy="150" rx="200" ry="150" fill="salmon"/
> |
| 12 </defs> |
| 13 <use id="use" x="0" y="0" xlink:href="#ellipse"/> |
| 14 </svg> |
| 15 |
| 16 <script> |
| 17 description("Adding or removing the element referenced by <use> should update th
e rendering."); |
| 18 |
| 19 var defs = document.getElementById("defs"); |
| 20 var use = document.getElementById("use"); |
| 21 var ellipse = document.getElementById("ellipse"); |
| 22 var bigElipse = ellipse.cloneNode(true); |
| 23 bigElipse.setAttribute("rx", "500"); |
| 24 |
| 25 shouldBe("use.getBoundingClientRect().width", "200"); |
| 26 |
| 27 ellipse.remove(); |
| 28 shouldBe("use.getBoundingClientRect().width", "0"); |
| 29 |
| 30 defs.appendChild(bigElipse); |
| 31 shouldBe("use.getBoundingClientRect().width", "500"); |
| 32 </script> |
OLD | NEW |