outerHTML.html - mozsearch

Enable keyboard shortcuts

This WPT test may be referenced by the following Test IDs:
- /html/syntax/serializing-xml-fragments/outerHTML.html - WPT Dashboard Interop Dashboard

<!DOCTYPE html>

<html>

  <head>

    <title>HTML Test: element.outerHTML to verify XML fragment serialization algorithm</title>

    <link rel="author" title="Intel" href="http://www.intel.com/">

    <link rel="help" href="https://w3c.github.io/DOM-Parsing/#dfn-concept-serialize-xml">

    <link rel="help" href="https://w3c.github.io/DOM-Parsing/#widl-Element-outerHTML">

    <script src="/resources/testharness.js"></script>

    <script src="/resources/testharnessreport.js"></script>

    <script src="../../resources/common.js"></script>

  </head>

  <body>

    <div id="log"></div>

    <script>

      test(function() {

        var doc = document.implementation.createDocument(null, "");

        assert_equals(doc.contentType, "application/xml");

        var html_ns = "http://www.w3.org/1999/xhtml";

        const non_void_elements = HTML5_ELEMENTS.filter(el => !HTML5_VOID_ELEMENTS.includes(el));

        non_void_elements.forEach(function(ele) {

          test(function() {

            var e = doc.createElementNS(html_ns, ele);

            assert_equals(e.outerHTML,

                          `<${ele} xmlns="${html_ns}"></${ele}>`,

                          ele + " node created." );

          }, "Node for " + ele);

});

        HTML5_VOID_ELEMENTS.forEach(function(ele) {

          test(function() {

            var e = doc.createElementNS(html_ns, ele);

            assert_equals(e.outerHTML,

                          `<${ele} xmlns="${html_ns}" />`,

                          ele + " node created." );

          }, "Node for " + ele);

});

      }, document.title);

    </script>

  </body>

</html>