<!DOCTYPE html>
<html>
  <script>
    function check_rect_bbox(bbox, test_name)
    {
        var result_str = "";

        if (bbox.x == 50 && bbox.y == 50 && bbox.width == 50 && bbox.height == 0) {                           
            result_str = "Passed";
	    } else {
            result_str += test_name + ": Failed";
            result_str += "("+bbox.x+","+bbox.y+":"+bbox.width + "," + bbox.height+")";
        }
        
        var p_result = document.querySelector("#result");
        p_result.appendChild(document.createTextNode(result_str + "; "));
    }
  
    function run()
    {
        if (window.testRunner)
            testRunner.dumpAsText();
        
        var svg = document.querySelector("svg");        
        var rect = document.createElementNS("http://www.w3.org/2000/svg", "rect");
        rect.setAttribute("x", "50");
        rect.setAttribute("y", "50");
        rect.setAttribute("width", "50");
        rect.setAttribute("height", "0");
        svg.appendChild(rect);
        check_rect_bbox(rect.getBBox(), "Rectangle with zero height");
        
        rect.setAttribute("stroke-width", "10");
        rect.setAttribute("stroke", "red");
        check_rect_bbox(rect.getBBox(), "With stroke");
 
        var vector_effect_orig = rect.getAttribute("vector-effect");
        rect.setAttribute("vector-effect", "non-scaling-stroke");
        check_rect_bbox(rect.getBBox(), "With non-scaling-stroke");
        
        rect.setAttribute("vector-effect", vector_effect_orig);
        rect.setAttribute("rx", "10");
        check_rect_bbox(rect.getBBox(), "Rounded");
    }
  </script>

<body onload="run()">
<p>Bug <a href="https://bugs.webkit.org/show_bug.cgi?id=93290">93290</a>: getBBox() returns (0,0) incorrectly when width or height is zero.</p>
<p>For this test to pass, you should see 'Passed' four times below.</a>
<p id="result"></p>
<svg xmlns="http://www.w3.org/2000/svg">
</svg>
</body>
</html>