<!DOCTYPE html>
<html>
    <head>
        <title>HTML 5 Foreign Content SVG in HTML </title>
        <meta description="Test to verify SVG elements inside SVG namespace are camelCased" />
        <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
        <script src="/resources/testharness.js"></script>
        <script src="/resources/testharnessreport.js"></script>
        <script type="text/javascript">
            function RunTest()
            {
                var parentNode = document.getElementById("svg1");

                for(var i=1;i<parentNode.childNodes.length;i=i+2)
                {
                    var idName = parentNode.childNodes[i].id;
                    var localName = parentNode.childNodes[i].localName;
                    assert_equals(localName, idName);
                }
            }
        </script>
    </head>

    <body onload="test(RunTest)">

        <svg id="svg1">

            <altglyph id="altGlyph" />
            <ALTGLYPHDEF id="altGlyphDef" />
            <AltGlyphItem id="altGlyphItem" />
            <animatecolor id="animateColor" />
            <animatemotion id="animateMotion" />
            <animatetransform id="animateTransform" />
            <clippath id="clipPath" />
            <feblend id="feBlend" />
            <fecolormatrix id="feColorMatrix" />

            <fecomponenttransfer id="feComponentTransfer" />
            <fecomposite id="feComposite" />
            <feconvolvematrix id="feConvolveMatrix" />
            <fediffuselighting id="feDiffuseLighting" />
            <fedisplacementmap id="feDisplacementMap" />
            <fedistantlight id="feDistantLight" />
            <feflood id="feFlood" />
            <fefunca id="feFuncA" />
            <fefuncb id="feFuncB" />

            <fefuncg id="feFuncG" />
            <fefuncr id="feFuncR" />
            <fegaussianblur id="feGaussianBlur" />
            <feimage id="feImage" />
            <femerge id="feMerge" />
            <femergenode id="feMergeNode" />
            <femorphology id="feMorphology" />
            <feoffset id="feOffset" />
            <fepointlight id="fePointLight" />

            <fespecularlighting id="feSpecularLighting" />
            <fespotlight id="feSpotLight" />
            <fetile id="feTile" />
            <feturbulence id="feTurbulence" />
            <foreignobject id="foreignObject" />
            <glyphref id="glyphRef" />
            <lineargradient id="linearGradient" />
            <radialgradient id="radialGradient" />
            <textpath id="textPath" />

        </svg>

    </body>

</html>
