<!doctype html> <title>DOMParser basic test of HTML parsing</title> <script src="/resources/testharness.js"></script> <script src="/resources/testharnessreport.js"></script> <script> // |expected| should be an object indicating the expected type of node. function assert_node(actual, expected) { assert_true(actual instanceof expected.type, 'Node type mismatch: actual = ' + actual.constructor.name + ', expected = ' + expected.type.name); if (typeof(expected.id) !== 'undefined') assert_equals(actual.id, expected.id, expected.idMessage); } var doc; setup(function() { var parser = new DOMParser(); var input = '<html id="root"><head></head><body></body></html>'; doc = parser.parseFromString(input, 'text/html'); }); test(function() { var root = doc.documentElement; assert_node(root, { type: HTMLHtmlElement, id: 'root', idMessage: 'documentElement id attribute should be root.' }); }, 'Parsing of id attribute'); test(function() { assert_equals(doc.contentType, "text/html") }, 'contentType'); test(function() { assert_equals(doc.compatMode, "BackCompat") }, 'compatMode'); test(function() { var parser = new DOMParser(); var input = '<!DOCTYPE html><html id="root"><head></head><body></body></html>'; doc = parser.parseFromString(input, 'text/html'); assert_equals(doc.compatMode, "CSS1Compat") }, 'compatMode for a proper DOCTYPE'); // URL- and encoding-related stuff tested separately. test(function() { assert_equals(doc.location, null, 'The document must have a location value of null.'); }, 'Location value'); test(function() { var soup = "<!DOCTYPE foo></><foo></multiple></>"; var htmldoc = new DOMParser().parseFromString(soup, "text/html"); assert_equals(htmldoc.documentElement.localName, "html"); assert_equals(htmldoc.documentElement.namespaceURI, "http://www.w3.org/1999/xhtml"); }, "DOMParser parses HTML tag soup with no problems"); test(function() { const doc = new DOMParser().parseFromString('<noembed><a></noembed>', 'text/html'); assert_equals(doc.querySelector('noembed').textContent, '<a>'); }, 'DOMParser should handle the content of <noembed> as raw text'); test(function() { assert_throws_js(TypeError, function() { new DOMParser().parseFromString("", "text/foo-this-is-invalid"); }) }, "DOMParser throws on an invalid enum value") test(() => { const doc = new DOMParser().parseFromString(` <html><body> <style> @import url(/dummy.css) </style> <script>document.x = 8<\/script> </body></html>`, 'text/html'); assert_not_equals(doc.querySelector('script'), null, 'script must be found'); assert_equals(doc.x, undefined, 'script must not be executed on the inner document'); assert_equals(document.x, undefined, 'script must not be executed on the outer document'); }, 'script is found synchronously even when there is a css import'); test(() => { const doc = new DOMParser().parseFromString(`<body><noscript><p id="test1">test1<p id="test2">test2</noscript>`, 'text/html'); assert_node(doc.body.firstChild.childNodes[0], { type: HTMLParagraphElement, id: 'test1' }); assert_node(doc.body.firstChild.childNodes[1], { type: HTMLParagraphElement, id: 'test2' }); }, 'must be parsed with scripting disabled, so noscript works'); </script>