xlink-prefix-in-attributes.html | Explore in Territory

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <script type="text/javascript">
    function runTest()
    {
        if (window.testRunner)
            testRunner.dumpAsText();

        var target = document.getElementById("target");

        var svgns = "http://www.w3.org/2000/svg";
        var xmlnsns = "http://www.w3.org/2000/xmlns/";
        var xlinkns = "http://www.w3.org/1999/xlink";

        // SVG with correct xmlns prefix on xlink
        var svg = document.createElementNS(svgns, "svg");
        svg.setAttributeNS(xmlnsns, 'xmlns', svgns);
        svg.setAttributeNS(null, "svg", svgns);
        svg.setAttributeNS(xmlnsns, "xmlns:xlink", xlinkns);
        svg.setAttributeNS(null, "width", "200");
        svg.setAttributeNS(null, "height", "200");

        // Already correct xlink:href
        var image = document.createElementNS(svgns, "image");
        image.setAttributeNS(null, "width", "20");
        image.setAttributeNS(null, "height", "20");
        image.setAttributeNS(xlinkns, "xlink:href", "resources/green-checker.png");
        svg.appendChild(image);

        // Missing prefix from href. Must be added when serialized.
        var image = document.createElementNS(svgns, "image");
        image.setAttributeNS(null, "x", "0");
        image.setAttributeNS(null, "y", "30");
        image.setAttributeNS(null, "width", "20");
        image.setAttributeNS(null, "height", "20");
        image.setAttributeNS(xlinkns, "href", "resources/green-checker.png");
        svg.appendChild(image);

        target.appendChild(svg);

        var serializer = new XMLSerializer();
        var xmlString = serializer.serializeToString(target);

        var xlink_str = '<El a:title="C" a:href="H" xmlns:a="http://www.w3.org/1999/xlink" />';
        var xlink_dom = new DOMParser().parseFromString(xlink_str, 'text/xml');
        var xlink_output = serializer.serializeToString(xlink_dom);

        var svgText = document.getElementById("svgoutput");
        svgText.textContent = xmlString + "\n" + xlink_output;
    }
    </script>
</head>
    <body onload="runTest()">
        <div id="target"/>
        <div id="svgoutput"/>
    </body>
</html>
chromium/third_party/blink/web_tests/svg/custom/xlink-prefix-in-attributes.html
