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