Function getDeterministicOuterHTML

testing/helpers/index.js:111–129

(node)

 * @return {string}
 */
export function getDeterministicOuterHTML(node) {
  const tag = node.localName;
  const attributes = Array.from(node.attributes)
    .map(({name, value}) => `${name}="${value}"`)
    .sort()
    .join(' ');
  const start = `<${tag} ${attributes}>`;
  const contents = Array.from(node.childNodes).map((childNode) => {
    if (childNode.nodeType === Node.ELEMENT_NODE) {
      return getDeterministicOuterHTML(/** @type {Element} */ (childNode));
    }
    return childNode.textContent;
  });

  if (!contents && isVoidElement(node)) {
    return start;
  }
  return start + contents + `</${tag}>`;
}

/**
 * @param {string} hyphenCase camel cased string