ThreadNet-Web/apps/web/test/unit-tests/__snapshots__/HtmlUtils-test.tsx.snap

// Jest Snapshot v1, https://jestjs.io/docs/snapshot-testing

exports[`bodyToHtml does not mistake characters in text presentation mode for emoji 1`] = `
<DocumentFragment>
  <span
    class="mx_EventTile_body translate"
    dir="auto"
  >
    ↔ ❗︎
  </span>
</DocumentFragment>
`;

exports[`bodyToHtml feature_latex_maths should not mangle code blocks 1`] = `"<p>hello</p><pre><code>$\\xi$</code></pre><p>world</p>"`;

exports[`bodyToHtml feature_latex_maths should not mangle divs 1`] = `"<p>hello</p><div>world</div>"`;

exports[`bodyToHtml feature_latex_maths should render block katex 1`] = `"<p>hello</p><span class="katex-display"><span class="katex"><span class="katex-mathml"><math xmlns="http://www.w3.org/1998/Math/MathML" display="block"><semantics><mrow><mi>ξ</mi></mrow><annotation encoding="application/x-tex">\\xi</annotation></semantics></math></span><span class="katex-html" aria-hidden="true"><span class="base"><span class="strut" style="height:0.8889em;vertical-align:-0.1944em;"></span><span class="mord mathnormal" style="margin-right:0.046em;">ξ</span></span></span></span></span><p>world</p>"`;

exports[`bodyToHtml feature_latex_maths should render inline katex 1`] = `"hello <span class="katex"><span class="katex-mathml"><math xmlns="http://www.w3.org/1998/Math/MathML"><semantics><mrow><mi>ξ</mi></mrow><annotation encoding="application/x-tex">\\xi</annotation></semantics></math></span><span class="katex-html" aria-hidden="true"><span class="base"><span class="strut" style="height:0.8889em;vertical-align:-0.1944em;"></span><span class="mord mathnormal" style="margin-right:0.046em;">ξ</span></span></span></span> world"`;

exports[`bodyToNode generates big emoji for emoji made of multiple characters 1`] = `
<DocumentFragment>
  <span
    class="mx_EventTile_body mx_EventTile_bigEmoji translate"
    dir="auto"
  >
    <span
      class="mx_Emoji"
      title=":man-woman-girl-boy:"
    >
      👨‍👩‍👧‍👦
    </span>
     
    <span
      class="mx_Emoji"
      title=":left_right_arrow:"
    >
      ↔️
    </span>
     
    <span
      class="mx_Emoji"
      title=":flag-is:"
    >
      🇮🇸
    </span>
  </span>
</DocumentFragment>
`;

exports[`bodyToNode should generate big emoji for an emoji-only reply to a message 1`] = `
<DocumentFragment>
  <span
    class="mx_EventTile_body mx_EventTile_bigEmoji translate"
    dir="auto"
  >
    <span
      class="mx_Emoji"
      title=":smiling_face_with_3_hearts:"
    >
      🥰
    </span>
  </span>
</DocumentFragment>
`;

exports[`bodyToNode should handle inline media when mediaIsVisible is false 1`] = `
<DocumentFragment>
  <span
    class="mx_EventTile_body markdown-body translate"
    dir="auto"
  >
    <img />
    foo Hello there
  </span>
</DocumentFragment>
`;

exports[`bodyToNode should handle inline media when mediaIsVisible is true 1`] = `
<DocumentFragment>
  <span
    class="mx_EventTile_body markdown-body translate"
    dir="auto"
  >
    <img
      src="https://example.org/img"
      style="max-width:800px;max-height:600px"
    />
    foo Hello there
  </span>
</DocumentFragment>
`;

exports[`sanitizedHtmlNode should respect className 1`] = `
<DocumentFragment>
  <div
    class="testClass"
    dir="auto"
  >
    <a
      href="https://google.com"
      rel="noreferrer noopener"
      target="_blank"
    >
      Link
    </a>
  </div>
</DocumentFragment>
`;