element-web/apps/web/test/unit-tests/__snapshots__/HtmlUtils-test.tsx.snap at 0e27cdb9b5132531bc1a87f3cf868baceeeace14 · element-hq/element-web · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
// 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>
`;