LayoutTests/svg/custom/relative-sized-content-with-resources.xhtml - WebKit - Git at Google

 <html xmlns="http://www.w3.org/1999/xhtml">
 <head>
 <script src="../../fast/repaint/resources/repaint.js"></script>
 </head>
 <body onload="runRepaintTest()">
     <p>The svg area contained in the div element (red box), should fill out the whole area with a circle, which contains a radial gradient in its center</p>
     <div id="contentBox" style="width: 100px; height: 400px; border: 1px solid red;">
         <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
             <defs>
                 <radialGradient id="grad" cx="50%" cy="50%" r="40%" gradientUnits="userSpaceOnUse">
                     <stop offset="0" stop-color="black" />
                     <stop offset="1" stop-color="white" />
                 </radialGradient>
              </defs>

              <circle cx="50%" cy="50%" r="40%" stroke="gray" fill="url(#grad)"/>
         </svg>
     </div>
     <script type="JavaScript">
         function repaintTest() {
             document.getElementById("contentBox").style.setProperty("width", "400px");
         }
     </script>
 </body>
 </html>
	<html xmlns="http://www.w3.org/1999/xhtml">
	<head>
	<script src="../../fast/repaint/resources/repaint.js"></script>
	</head>
	<body onload="runRepaintTest()">
	<p>The svg area contained in the div element (red box), should fill out the whole area with a circle, which contains a radial gradient in its center</p>
	<div id="contentBox" style="width: 100px; height: 400px; border: 1px solid red;">
	<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
	<defs>
	<radialGradient id="grad" cx="50%" cy="50%" r="40%" gradientUnits="userSpaceOnUse">
	<stop offset="0" stop-color="black" />
	<stop offset="1" stop-color="white" />
	</radialGradient>
	</defs>

	<circle cx="50%" cy="50%" r="40%" stroke="gray" fill="url(#grad)"/>
	</svg>
	</div>
	<script type="JavaScript">
	function repaintTest() {
	document.getElementById("contentBox").style.setProperty("width", "400px");
	}
	</script>
	</body>
	</html>