| <html xmlns="http://www.w3.org/1999/xhtml"> |
| <head> |
| <title>Make sure embedded SVG is turned off in dashboard</title> |
| </head> |
| <script> |
| function debug(str) { |
| var c = document.getElementById('console') |
| c.appendChild(document.createTextNode(str + '\n')); |
| } |
| |
| if (window.testRunner) { |
| testRunner.setUseDashboardCompatibilityMode(true); |
| testRunner.dumpAsText(); |
| } |
| </script> |
| <body> |
| <p>This test makes sure we can add manually parsed SVG to the document when in dashboard compatibility mode. It can not be tested manually.</p> |
| <div id="targetDiv"></div> |
| <pre id="console"></pre> |
| <script> |
| var documentString = '<html xmlns="http://www.w3.org/1999/xhtml">' + |
| '<body>' + |
| '<svg xmlns="http://www.w3.org/2000/svg" width="400" height="400">' + |
| '<circle id="svgCircle" cx="50" cy="50" r="50" fill="red"/></svg>' + |
| '</body></html>'; |
| |
| // Use DOMParser interface to create a SVGDocument datastructure from SVG content string |
| var parser = new DOMParser(); |
| var xhtmlDocument = parser.parseFromString(documentString, "application/xhtml+xml"); |
| |
| debug("Parsing of the document isn't prevented and produces a " + xhtmlDocument); |
| debug("The circle element is of type " + xhtmlDocument.getElementById('svgCircle')); |
| |
| // Import SVG element into tree. |
| var importedNode = null; |
| try { |
| importedNode = document.importNode(xhtmlDocument.firstChild, true); |
| } catch(e) { |
| } |
| |
| if (importedNode) { |
| debug("PASS: Managed to insert SVG element into tree"); |
| document.getElementById('targetDiv').appendChild(importedNode); |
| } else { |
| debug("FAIL: Could not insert SVG element into tree"); |
| } |
| </script> |
| </body> |
| </html> |
