var namespaces = { "html":"http://www.w3.org/1999/xhtml", "math":"http://www.w3.org/1998/Math/MathML", "mathml":"http://www.w3.org/1998/Math/MathML", "svg":"http://www.w3.org/2000/svg", "xlink":"http://www.w3.org/1999/xlink", "xml":"http://www.w3.org/XML/1998/namespace", "xmlns":"http://www.w3.org/2000/xmlns/" }; var prefixes = {}; for (var prefix in namespaces) { if (namespaces.hasOwnProperty(prefix)) { prefixes[namespaces[prefix]] = prefix; } } prefixes[namespaces["mathml"]] = "math"; function format(format_string) { var insertions = Array.prototype.slice.call(arguments, 1); var regexp = /%s/g; var match_count = 0; var rv = format_string.replace(regexp, function(match) { var rv = insertions[match_count]; match_count++; return rv; }); return rv; } function test_serializer(element) { element.normalize(); var lines = []; function serialize_element(element, indent) { var indent_spaces = (new Array(indent)).join(" "); switch(element.nodeType) { case Node.DOCUMENT_TYPE_NODE: if (element.name) { if (element.publicId || element.systemId) { var publicId = element.publicId ? element.publicId : ""; var systemId = element.systemId ? element.systemId : ""; lines.push(format("|%s", indent_spaces, element.name, publicId, systemId)); } else { lines.push(format("|%s", indent_spaces, element.name)); } } else { lines.push(format("|%s", indent_spaces)); } break; case Node.DOCUMENT_NODE: lines.push("#document"); break; case Node.DOCUMENT_FRAGMENT_NODE: lines.push("#document-fragment"); break; case Node.COMMENT_NODE: lines.push(format("|%s", indent_spaces, element.nodeValue)); break; case Node.TEXT_NODE: lines.push(format("|%s\"%s\"", indent_spaces, element.nodeValue)); break; case Node.ELEMENT_NODE: if (element.getAttribute("data-skip") !== null) { return; } if (element.namespaceURI !== null && element.namespaceURI !== namespaces.html) { var name = format("%s %s", prefixes[element.namespaceURI], element.localName); } else { var name = element.localName; } lines.push(format("|%s<%s>", indent_spaces, name)); var attributes = Array.prototype.map.call( element.attributes, function(attr) { var name = (attr.namespaceURI ? prefixes[attr.namespaceURI] + " " : "") + attr.localName; return [name, attr.value]; }); attributes.sort(function (a, b) { var x = a[0]; var y = b[0]; if (x === y) { return 0; } return x > y ? 1 : -1; }); attributes.forEach( function(attr) { var indent_spaces = (new Array(indent + 2)).join(" "); lines.push(format("|%s%s=\"%s\"", indent_spaces, attr[0], attr[1])); } ); if ("HTMLTemplateElement" in window && Object.prototype.toString.call(element) === "[object HTMLTemplateElement]") { indent += 2; indent_spaces = (new Array(indent)).join(" "); lines.push(format("|%scontent", indent_spaces)); indent += 2; Array.prototype.forEach.call(element.content.childNodes, function(node) { serialize_element(node, indent); }); indent -= 4; } break; } indent += 2; Array.prototype.forEach.call(element.childNodes, function(node) { serialize_element(node, indent); }); } serialize_element(element, 0); return lines.join("\n"); } function parse_query() { var query = location.search.slice(1); var vars = query.split("&"); var fields = vars.map(function (x) { var split = x.split("="); return [split[0], split.slice(1).join("=")]; }); return fields; } function get_type() { var run_type = "uri"; var fields = parse_query(); fields.forEach(function(x) { if(x[0] == "run_type") { run_type = x[1]; } }); return run_type; }; var test_in_blob_uri = get_test_func(function (iframe, uri_encoded_input, t) { var b = new Blob([decodeURIComponent(uri_encoded_input)], { type: "text/html" }); var blobURL = URL.createObjectURL(b); iframe.src = blobURL; t.add_cleanup(function() { URL.revokeObjectURL(blobURL); }); }); var test_document_write = get_test_func(function(iframe, uri_encoded_input, t) { iframe.contentDocument.open(); var input = decodeURIComponent(uri_encoded_input); iframe.contentDocument.write(input); iframe.contentDocument.close(); }); var test_document_write_single = get_test_func(function(iframe, uri_encoded_input, t) { iframe.contentDocument.open(); var input = decodeURIComponent(uri_encoded_input); for (var i=0; i< input.length; i++) { iframe.contentDocument.write(input[i]); } iframe.contentDocument.close(); }); function get_test_func(inject_func) { function test_func(iframe, t, test_id, uri_encoded_input, escaped_expected) { var expected = decodeURIComponent(escaped_expected); current_tests[iframe.id] = {test_id:test_id, uri_encoded_input:uri_encoded_input, expected:expected, actual:null }; iframe.onload = function() { t.step(function() { iframe.onload = null; var serialized_dom = test_serializer(iframe.contentDocument); current_tests[iframe.id].actual = serialized_dom; assert_equals(serialized_dom, expected); t.done(); } ); }; inject_func(iframe, uri_encoded_input, t); } return test_func; } function test_fragment(iframe, t, test_id, uri_encoded_input, escaped_expected, container) { var input_string = decodeURIComponent(uri_encoded_input); var expected = decodeURIComponent(escaped_expected); current_tests[iframe.id] = { test_id:test_id, input:uri_encoded_input, expected:expected, actual:null, container:container }; var components = container.split(" "); var container_elem = null; if (components.length > 1) { var namespace = namespaces[components[0]]; container_elem = document.createElementNS(namespace, components[0] + ":" + components[1]); } else { container_elem = document.createElement(container); } container_elem.innerHTML = input_string; var serialized_dom = test_serializer(container_elem); current_tests[iframe.id].actual = serialized_dom; serialized_dom = convert_innerHTML(serialized_dom); assert_equals(serialized_dom, expected); t.done(); } function convert_innerHTML(serialized_dom) { var lines = serialized_dom.split("\n"); lines[0] = "#document"; return lines.join("\n"); } function print_diffs(test_id, uri_encoded_input, expected, actual, container) { container = container ? container : null; if (actual) { var diffs = mark_diffs(expected, actual); var expected_text = diffs[0]; var actual_text = diffs[1]; } else { var expected_text = expected; var actual_text = ""; } var tmpl = ["div", {"id":"${test_id}"}, ["h2", {}, "${test_id}"], function(vars) { if (vars.container !== null) { return ["div", {"class":"container"}, ["h3", {}, "innerHTML Container"], ["pre", {}, vars.container]]; } else { return null; } }, ["div", {"id":"input_${test_id}"}, ["h3", {}, "Input"], ["pre", {}, ["code", {}, decodeURIComponent(uri_encoded_input)]]], ["div", {"id":"expected_${test_id}"}, ["h3", {}, "Expected"], ["pre", {}, ["code", {}, expected_text]]], ["div", {"id":"actual_${test_id}"}, ["h3", {}, "Actual"], ["pre", {}, ["code", {}, actual_text]]] ]; var diff_dom = template.render(tmpl, {test_id:test_id, container:container}); document.body.appendChild(diff_dom); } var current_tests = {}; var iframe_map = {}; function init_tests(test_type) { var test_func = null; var test_funcs = { "write":test_document_write, "write_single":test_document_write_single, "uri":test_in_blob_uri, "innerHTML":test_fragment }; var tests_started = 0; var tests_complete = 0; setup(function() { test_func = test_funcs[test_type]; var fails = []; add_result_callback(function(test) { tests_complete++; var iframe = document.getElementById(iframe_map[test.name]); if (test.status !== test.PASS) { fails.push(current_tests[iframe.id]); var new_iframe = document.createElement("iframe"); new_iframe.style.display = "none"; new_iframe.id = iframe.id; document.body.replaceChild(new_iframe, iframe); iframe = new_iframe; } if (tests_complete === order.length) { done(); } else if (tests_started < order.length) { test_next(iframe); } }); add_completion_callback(function() { fails.forEach(function(t) { print_diffs(t.test_id, t.uri_encoded_input, t.expected, t.actual); }); }); //Create the iframes we will use to test //in the innerHTML case these are not actually used //but it is convenient to reuse the same code for (var i=0; i