marko/packages/runtime-class/test/__util__/toHTML.js

function getNodeType(node) {
  return node.nodeType || node.___nodeType;
}

function getNodeValue(node) {
  return node.___nodeValue || node.nodeValue;
}

function getFirstChild(node) {
  return node.___firstChild || node.firstChild;
}

function getNextSibling(node) {
  return node.___nextSibling || node.nextSibling;
}

function toHTML(node) {
  // NOTE: We don't use XMLSerializer because we need to sort the attributes to correctly compare output HTML strings
  // BAD: return (new XMLSerializer()).serializeToString(node);
  var html = "";
  function serializeHelper(node, indent) {
    var nodeType = getNodeType(node);

    if (nodeType === 1) {
      serializeElHelper(node, indent);
    } else if (nodeType === 3) {
      serializeTextHelper(node, indent);
    } else if (nodeType === 8) {
      serializeCommentHelper(node, indent);
    } else {
      html += indent + `INVALID NODE TYPE ${nodeType}\n`;
      // throw new Error('Unexpected node type');
    }
  }

  function serializeElHelper(el, indent) {
    var tagName = el.nodeName || el.___nodeName;

    var elNamespaceURI = el.namespaceURI || el.___namespaceURI;

    if (elNamespaceURI === "http://www.w3.org/2000/svg") {
      tagName = "svg:" + tagName;
    } else if (elNamespaceURI === "http://www.w3.org/1998/Math/MathML") {
      tagName = "math:" + tagName;
    }

    html += indent + "<" + tagName;

    var attributes = el.attributes || el.___attributes;
    var attributesArray = [];
    var attrName;

    if (typeof attributes.length === "number") {
      for (var i = 0; i < attributes.length; i++) {
        var attr = attributes[i];
        if (attr.namespaceURI) {
          attrName = attr.namespaceURI + ":" + attr.localName;
        } else {
          attrName = attr.name;
        }
        attributesArray.push(" " + attrName + '="' + attr.value + '"');
      }
    } else {
      for (attrName in attributes) {
        var attrValue = attributes[attrName];
        if (typeof attrValue !== "string") {
          if (attrValue === true) {
            attrValue = "";
          } else if (!attrValue) {
            continue;
          }
        }

        if (attrName === "xlink:href") {
          attrName = "http://www.w3.org/1999/xlink:href";
        }
        attributesArray.push(" " + attrName + '="' + attrValue + '"');
      }
    }

    attributesArray.sort();

    html += attributesArray.join("");

    html += ">\n";

    if (tagName.toUpperCase() === "TEXTAREA") {
      html +=
        indent +
        "  VALUE: " +
        JSON.stringify(el.value || el.___textContent) +
        "\n";
    } else {
      var curChild = getFirstChild(el);
      while (curChild) {
        serializeHelper(curChild, indent + "  ");
        curChild = getNextSibling(curChild);
      }
    }

    // var childNodes = el.childNodes;
    //
    // if (childNodes && childNodes.length) {
    //     for (i=0; i<childNodes.length; i++) {
    //         serializeHelper(childNodes[i], indent + '  ');
    //     }
    // }
  }

  function serializeTextHelper(node, indent) {
    html += indent + JSON.stringify(getNodeValue(node)) + "\n";
  }

  function serializeCommentHelper(node, indent) {
    html += indent + "<!--" + JSON.stringify(getNodeValue(node)) + "-->\n";
  }

  if (getNodeType(node) === 11 /* DocumentFragment */) {
    var curChild = getFirstChild(node);
    while (curChild) {
      serializeHelper(curChild, "");
      curChild = getNextSibling(curChild);
    }
  } else {
    serializeHelper(node, "");
  }

  return html;
}

module.exports = toHTML;