<svg onload="runTest()" width="500" height="150" viewBox="0 0 1000 300" xmlns="http://www.w3.org/2000/svg">
<script src="../../resources/ahem.js"></script>
<rect id="background" width="100%" height="100%" fill="blue" />
<text id="text" x="10" y="1em" dx="0 50 100">Foo</text>
<defs>
<style type="text/css">
<![CDATA[
text {
font-family: Ahem;
font-size: 40px;
}
]]>
</style>
<script type="text/javascript">
<![CDATA[
function runTest() {
if (window.testRunner)
testRunner.dumpAsText();
// (15,15) is within a glyph cell of #text, (35,15) is not.
var text = document.getElementById("text");
var background = document.getElementById("background");
if (document.elementFromPoint(15, 15) === text && document.elementFromPoint(35, 15) === background)
text.textContent = "PASS";
else
text.textContent = "FAIL";
}
]]>
</script>
</defs>
</svg>