<?xml version="1.0" encoding="utf-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<script src="../resources/text-based-repaint.js"></script>
</head>
<body onload="runRepaintAndPixelTest()">
<svg style="position: absolute; top: 0; left: 0; width: 100%; height: 100%">
    <title>You should see the word PASS three times</title>
    <text transform="translate(10, 50) scale(10 10)" font-size="12">
        <tspan x="0" y="12" id="modify">PA</tspan>
        <tspan x="0" y="24">PASS</tspan>
        <tspan x="0" y="36">PASS</tspan>
    </text>
</svg>
</body>
<script>
function repaintTest() {
    document.getElementById("modify").firstChild.appendData("SS");
}
</script>
</html>