diff options
Diffstat (limited to 'testing/web-platform/tests/html/syntax/parsing/foreign_content_003.html')
-rw-r--r-- | testing/web-platform/tests/html/syntax/parsing/foreign_content_003.html | 47 |
1 files changed, 47 insertions, 0 deletions
diff --git a/testing/web-platform/tests/html/syntax/parsing/foreign_content_003.html b/testing/web-platform/tests/html/syntax/parsing/foreign_content_003.html new file mode 100644 index 0000000000..320a944092 --- /dev/null +++ b/testing/web-platform/tests/html/syntax/parsing/foreign_content_003.html @@ -0,0 +1,47 @@ +<!DOCTYPE html> +<html> + <head> + <title>HTML 5 Foreign Content SVG in HTML </title> + <meta description="Test to verify SVG inside HTML BUTTON element parses correctly" /> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + + <script type="text/javascript"> + function RunTest() + { + try + { + var svgNS = "http://www.w3.org/2000/svg"; + if(document.getElementsByTagName("button")[0].childNodes[1].localName=="svg" && document.getElementsByTagName("rect")[0].namespaceURI==svgNS) + { + document.getElementsByTagName("rect")[0].setAttribute("fill","green"); + } + else + { + document.getElementsByTagName("rect")[0].setAttribute("fill","red"); + } + } + catch(ex) + { + document.getElementsByTagName("rect")[0].setAttribute("fill","red") + } + } + </script> + </head> + + <body onLoad="RunTest()"> + + <div class="testdata"> + <p id="instructions">Test passes if the button has a green rectangle while 'FillerText1' and 'FillerText3' are on either side of the button.</p> + </div> + <div> + FillerText1 + <button> + <svg width="100px" height="100px"> + <rect width="100px" height="100px" fill="none" /> + </svg> + + </button> + FillerText3 + </div> + </body> +</html> |