<html>
<head>
<script>
function test()
{
if (window.testRunner)
testRunner.dumpAsText();
var markup = document.getElementById("ruby").outerHTML;
if (markup == '<ruby id="ruby">base/<rp><span>left</span> rp/</rp><rt>text/</rt><rp>right <span>rp</span></rp></ruby>')
result = "TEST PASSED: Markup was correct";
else
result = "TEST FAILED: Markup was " + markup;
document.getElementById("result").firstChild.data = result;
}
</script>
</head>
<body onload="test()">
<p>The following is a test for parsing ruby <rp> and <rt> elements. According to HTML5 spec, end-tags for both are optional if followed by another <rp> or <rt>. However, they should NOT be auto-closed by other inline elements, such as <span>.</p>
<p id="result">TEST DID NOT RUN</p>
Before <ruby id="ruby">base/<rp><span>left</span> rp/<rt>text/<rp>right <span>rp</span></ruby> After
</body>
</html>