<html>
<head>
<script src="../../resources/js-test.js"></script>
<script>
description("getBoundingClientRect() called on a <br> returns a zero-width and -height rect positioned at the end of the preceding line of text, on the baseline of the text.");
function runTest()
{
br = document.getElementById("br")
brRect = br.getBoundingClientRect();
brRects = br.getClientRects();
precedingSpanRect = br.previousSibling.getBoundingClientRect();
shouldBe("brRect.width", "0");
shouldBe("brRect.height", "0");
shouldBe("brRect.left", "precedingSpanRect.right");
shouldBeGreaterThan("brRect.top", "precedingSpanRect.top");
shouldBeGreaterThan("precedingSpanRect.bottom", "brRect.top");
shouldBe("brRects.length", "1");
shouldBe("brRects[0].left", "brRect.left");
shouldBe("brRects[0].top", "brRect.top");
shouldBe("brRects[0].width", "brRect.width");
shouldBe("brRects[0].height", "brRect.height");
}
window.onload = runTest;
</script>
</head>
<body>
<p>Filler text.</p>
<p><span>There's a line break element at the end of this sentence.</span><br id="br">
<span>Here is the second line.</span></p>
</body>
</html>