element-web/apps/web/test/unit-tests/components/structures/__snapshots__/MessagePanel-test.tsx.snap at bfaf50aed559086f3be61e38f0a12a649d520f3a · 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
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
// Jest Snapshot v1, https://jestjs.io/docs/snapshot-testing

exports[`MessagePanel should handle large numbers of hidden events quickly 1`] = `
<DocumentFragment>
  <div
    class="mx_AutoHideScrollbar mx_ScrollPanel cls"
    tabindex="-1"
  >
    <div
      class="mx_RoomView_messageListWrapper"
    >
      <ol
        aria-live="polite"
        class="mx_RoomView_MessageList"
        style="height: 400px;"
      />
    </div>
  </div>
</DocumentFragment>
`;

exports[`MessagePanel should handle lots of membership events quickly 1`] = `
<DocumentFragment>
  <div
    class="mx_AutoHideScrollbar mx_ScrollPanel cls"
    tabindex="-1"
  >
    <div
      class="mx_RoomView_messageListWrapper"
    >
      <ol
        aria-live="polite"
        class="mx_RoomView_MessageList"
        style="height: 400px;"
      >
        <li
          data-scroll-tokens="__scroll_tokens__"
          data-testid="__testid__"
        >
          <div
            aria-label="Thu, Jan 1, 1970"
            class="_flex_4dswl_9 mx_TimelineSeparator _timelineSeparator_yq5ye_8"
            role="separator"
            style="--mx-flex-display: flex; --mx-flex-direction: row; --mx-flex-align: center; --mx-flex-justify: start; --mx-flex-gap: 0; --mx-flex-wrap: nowrap;"
          >
            <hr
              role="none"
            />
            <div
              class="_flex_4dswl_9 _content_u6fft_8"
              style="--mx-flex-display: flex; --mx-flex-direction: row; --mx-flex-align: start; --mx-flex-justify: start; --mx-flex-gap: 0; --mx-flex-wrap: nowrap;"
            >
              <h2
                aria-hidden="true"
                class="_typography_6v6n8_153 _font-heading-lg-regular_6v6n8_121"
              >
                Thu, Jan 1, 1970
              </h2>
            </div>
            <hr
              role="none"
            />
          </div>
        </li>
        <div
          class="_container_sq5fu_8 mx_EventTileBubble mx_HistoryTile"
        >
          <svg
            fill="currentColor"
            height="1em"
            viewBox="0 0 24 24"
            width="1em"
            xmlns="http://www.w3.org/2000/svg"
          >
            <path
              d="m16.1 13.3-1.45-1.45q.225-1.175-.675-2.2t-2.325-.8L10.2 7.4q.424-.2.863-.3A4.2 4.2 0 0 1 12 7q1.875 0 3.188 1.312Q16.5 9.625 16.5 11.5q0 .5-.1.938t-.3.862m3.2 3.15-1.45-1.4a11 11 0 0 0 1.688-1.588A9 9 0 0 0 20.8 11.5q-1.25-2.524-3.588-4.013Q14.875 6 12 6q-.724 0-1.425.1a10 10 0 0 0-1.375.3L7.65 4.85A11.1 11.1 0 0 1 12 4q3.575 0 6.425 1.887T22.7 10.8a.8.8 0 0 1 .1.313q.025.188.025.387a2 2 0 0 1-.125.7 10.9 10.9 0 0 1-3.4 4.25m-.2 5.45-3.5-3.45q-.874.274-1.762.413Q12.95 19 12 19q-3.575 0-6.425-1.887T1.3 12.2a.8.8 0 0 1-.1-.312 3 3 0 0 1 0-.763.8.8 0 0 1 .1-.3Q1.825 9.7 2.55 8.75A13.3 13.3 0 0 1 4.15 7L2.075 4.9a.93.93 0 0 1-.275-.688q0-.412.3-.712a.95.95 0 0 1 .7-.275q.425 0 .7.275l17 17q.275.275.288.688a.93.93 0 0 1-.288.712.95.95 0 0 1-.7.275.95.95 0 0 1-.7-.275M5.55 8.4q-.725.65-1.325 1.425A9 9 0 0 0 3.2 11.5q1.25 2.524 3.588 4.012T12 17q.5 0 .975-.062.475-.063.975-.138l-.9-.95q-.274.075-.525.113A3.5 3.5 0 0 1 12 16q-1.875 0-3.187-1.312Q7.5 13.375 7.5 11.5q0-.274.038-.525.037-.25.112-.525z"
            />
          </svg>
          <div
            class="_title_sq5fu_34"
          >
            You can't see earlier messages
          </div>
        </div>
        <li
          class="mx_GenericEventListSummary"
          data-expanded="false"
          data-layout="group"
          data-scroll-tokens="__scroll_tokens__"
          data-testid="__testid__"
        >
          <div
            aria-expanded="false"
            class="mx_AccessibleButton mx_GenericEventListSummary_toggle mx_AccessibleButton_hasKind mx_AccessibleButton_kind_link_inline"
            role="button"
            tabindex="0"
          >
            Expand
          </div>
          <div
            class="mx_EventTile_line"
          >
            <div
              class="mx_EventTile_info"
            >
              <span
                class="mx_GenericEventListSummary_avatars"
              >
                <span
                  class="_avatar_va14e_8 mx_BaseAvatar _avatar-imageless_va14e_55"
                  data-color="1"
                  data-testid="avatar-img"
                  data-type="round"
                  role="presentation"
                  style="--cpd-avatar-size: 14px;"
                  title="@user:id"
                >
                  u
                </span>
              </span>
              <span
                class="mx_TextualEvent mx_GenericEventListSummary_summary"
              >
                <span>
                  @user:id made no changes 100 times
                </span>
              </span>
            </div>
          </div>
        </li>
      </ol>
    </div>
  </div>
</DocumentFragment>
`;

exports[`MessagePanel should handle lots of room creation events quickly 1`] = `
<DocumentFragment>
  <div
    class="mx_AutoHideScrollbar mx_ScrollPanel cls"
    tabindex="-1"
  >
    <div
      class="mx_RoomView_messageListWrapper"
    >
      <ol
        aria-live="polite"
        class="mx_RoomView_MessageList"
        style="height: 400px;"
      />
    </div>
  </div>
</DocumentFragment>
`;