element-web/test/unit-tests/components/structures/__snapshots__/MessagePanel-test.tsx.snap

// 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="mx_DateSeparator_dateContent"
            >
              <h2
                aria-hidden="true"
                class="mx_DateSeparator_dateHeading"
              >
                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_zysgz_8 mx_BaseAvatar _avatar-imageless_zysgz_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"
              >
                @user:id made no changes 100 times
              </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>
`;