// Jest Snapshot v1, https://goo.gl/fbAQLP

exports[`<RoomList /> should render a room list 1`] = `
<DocumentFragment>
  <div
    class="mx_RoomList"
    data-testid="room-list"
  >
    <div
      style="overflow: visible; height: 0px; width: 0px;"
    >
      <div
        aria-label="Room list"
        aria-readonly="true"
        class="ReactVirtualized__Grid ReactVirtualized__List mx_RoomList_List"
        role="grid"
        style="box-sizing: border-box; direction: ltr; height: 1500px; position: relative; width: 1500px; will-change: transform; overflow-x: hidden; overflow-y: hidden;"
        tabindex="-1"
      >
        <div
          class="ReactVirtualized__Grid__innerScrollContainer"
          role="row"
          style="width: auto; height: 480px; max-width: 1500px; max-height: 480px; overflow: hidden; position: relative;"
        >
          <button
            aria-label="Open room room0"
            aria-selected="false"
            class="mx_RoomListItemView"
            role="gridcell"
            style="height: 48px; left: 0px; position: absolute; top: 0px; width: 100%;"
            tabindex="0"
            type="button"
          >
            <div
              class="mx_Flex mx_RoomListItemView_container"
              style="--mx-flex-display: flex; --mx-flex-direction: row; --mx-flex-align: center; --mx-flex-justify: start; --mx-flex-gap: var(--cpd-space-3x); --mx-flex-wrap: nowrap;"
            >
              <span
                aria-label="Avatar"
                class="_avatar_1qbcf_8 mx_BaseAvatar"
                data-color="2"
                data-testid="avatar-img"
                data-type="round"
                style="--cpd-avatar-size: 32px;"
              >
                <img
                  alt=""
                  class="_image_1qbcf_41"
                  data-type="round"
                  height="32px"
                  loading="lazy"
                  referrerpolicy="no-referrer"
                  src="http://this.is.a.url/avatar.url/room.png"
                  width="32px"
                />
              </span>
              <div
                class="mx_Flex mx_RoomListItemView_content"
                style="--mx-flex-display: flex; --mx-flex-direction: row; --mx-flex-align: center; --mx-flex-justify: space-between; --mx-flex-gap: var(--cpd-space-2x); --mx-flex-wrap: nowrap;"
              >
                <div
                  class="mx_RoomListItemView_text"
                >
                  <div
                    class="mx_RoomListItemView_roomName"
                    title="room0"
                  >
                    room0
                  </div>
                  <div
                    class="mx_RoomListItemView_messagePreview"
                  />
                </div>
              </div>
            </div>
          </button>
          <button
            aria-label="Open room room1"
            aria-selected="false"
            class="mx_RoomListItemView"
            role="gridcell"
            style="height: 48px; left: 0px; position: absolute; top: 48px; width: 100%;"
            tabindex="-1"
            type="button"
          >
            <div
              class="mx_Flex mx_RoomListItemView_container"
              style="--mx-flex-display: flex; --mx-flex-direction: row; --mx-flex-align: center; --mx-flex-justify: start; --mx-flex-gap: var(--cpd-space-3x); --mx-flex-wrap: nowrap;"
            >
              <span
                aria-label="Avatar"
                class="_avatar_1qbcf_8 mx_BaseAvatar"
                data-color="3"
                data-testid="avatar-img"
                data-type="round"
                style="--cpd-avatar-size: 32px;"
              >
                <img
                  alt=""
                  class="_image_1qbcf_41"
                  data-type="round"
                  height="32px"
                  loading="lazy"
                  referrerpolicy="no-referrer"
                  src="http://this.is.a.url/avatar.url/room.png"
                  width="32px"
                />
              </span>
              <div
                class="mx_Flex mx_RoomListItemView_content"
                style="--mx-flex-display: flex; --mx-flex-direction: row; --mx-flex-align: center; --mx-flex-justify: space-between; --mx-flex-gap: var(--cpd-space-2x); --mx-flex-wrap: nowrap;"
              >
                <div
                  class="mx_RoomListItemView_text"
                >
                  <div
                    class="mx_RoomListItemView_roomName"
                    title="room1"
                  >
                    room1
                  </div>
                  <div
                    class="mx_RoomListItemView_messagePreview"
                  />
                </div>
              </div>
            </div>
          </button>
          <button
            aria-label="Open room room2"
            aria-selected="false"
            class="mx_RoomListItemView"
            role="gridcell"
            style="height: 48px; left: 0px; position: absolute; top: 96px; width: 100%;"
            tabindex="-1"
            type="button"
          >
            <div
              class="mx_Flex mx_RoomListItemView_container"
              style="--mx-flex-display: flex; --mx-flex-direction: row; --mx-flex-align: center; --mx-flex-justify: start; --mx-flex-gap: var(--cpd-space-3x); --mx-flex-wrap: nowrap;"
            >
              <span
                aria-label="Avatar"
                class="_avatar_1qbcf_8 mx_BaseAvatar"
                data-color="4"
                data-testid="avatar-img"
                data-type="round"
                style="--cpd-avatar-size: 32px;"
              >
                <img
                  alt=""
                  class="_image_1qbcf_41"
                  data-type="round"
                  height="32px"
                  loading="lazy"
                  referrerpolicy="no-referrer"
                  src="http://this.is.a.url/avatar.url/room.png"
                  width="32px"
                />
              </span>
              <div
                class="mx_Flex mx_RoomListItemView_content"
                style="--mx-flex-display: flex; --mx-flex-direction: row; --mx-flex-align: center; --mx-flex-justify: space-between; --mx-flex-gap: var(--cpd-space-2x); --mx-flex-wrap: nowrap;"
              >
                <div
                  class="mx_RoomListItemView_text"
                >
                  <div
                    class="mx_RoomListItemView_roomName"
                    title="room2"
                  >
                    room2
                  </div>
                  <div
                    class="mx_RoomListItemView_messagePreview"
                  />
                </div>
              </div>
            </div>
          </button>
          <button
            aria-label="Open room room3"
            aria-selected="false"
            class="mx_RoomListItemView"
            role="gridcell"
            style="height: 48px; left: 0px; position: absolute; top: 144px; width: 100%;"
            tabindex="-1"
            type="button"
          >
            <div
              class="mx_Flex mx_RoomListItemView_container"
              style="--mx-flex-display: flex; --mx-flex-direction: row; --mx-flex-align: center; --mx-flex-justify: start; --mx-flex-gap: var(--cpd-space-3x); --mx-flex-wrap: nowrap;"
            >
              <span
                aria-label="Avatar"
                class="_avatar_1qbcf_8 mx_BaseAvatar"
                data-color="5"
                data-testid="avatar-img"
                data-type="round"
                style="--cpd-avatar-size: 32px;"
              >
                <img
                  alt=""
                  class="_image_1qbcf_41"
                  data-type="round"
                  height="32px"
                  loading="lazy"
                  referrerpolicy="no-referrer"
                  src="http://this.is.a.url/avatar.url/room.png"
                  width="32px"
                />
              </span>
              <div
                class="mx_Flex mx_RoomListItemView_content"
                style="--mx-flex-display: flex; --mx-flex-direction: row; --mx-flex-align: center; --mx-flex-justify: space-between; --mx-flex-gap: var(--cpd-space-2x); --mx-flex-wrap: nowrap;"
              >
                <div
                  class="mx_RoomListItemView_text"
                >
                  <div
                    class="mx_RoomListItemView_roomName"
                    title="room3"
                  >
                    room3
                  </div>
                  <div
                    class="mx_RoomListItemView_messagePreview"
                  />
                </div>
              </div>
            </div>
          </button>
          <button
            aria-label="Open room room4"
            aria-selected="false"
            class="mx_RoomListItemView"
            role="gridcell"
            style="height: 48px; left: 0px; position: absolute; top: 192px; width: 100%;"
            tabindex="-1"
            type="button"
          >
            <div
              class="mx_Flex mx_RoomListItemView_container"
              style="--mx-flex-display: flex; --mx-flex-direction: row; --mx-flex-align: center; --mx-flex-justify: start; --mx-flex-gap: var(--cpd-space-3x); --mx-flex-wrap: nowrap;"
            >
              <span
                aria-label="Avatar"
                class="_avatar_1qbcf_8 mx_BaseAvatar"
                data-color="6"
                data-testid="avatar-img"
                data-type="round"
                style="--cpd-avatar-size: 32px;"
              >
                <img
                  alt=""
                  class="_image_1qbcf_41"
                  data-type="round"
                  height="32px"
                  loading="lazy"
                  referrerpolicy="no-referrer"
                  src="http://this.is.a.url/avatar.url/room.png"
                  width="32px"
                />
              </span>
              <div
                class="mx_Flex mx_RoomListItemView_content"
                style="--mx-flex-display: flex; --mx-flex-direction: row; --mx-flex-align: center; --mx-flex-justify: space-between; --mx-flex-gap: var(--cpd-space-2x); --mx-flex-wrap: nowrap;"
              >
                <div
                  class="mx_RoomListItemView_text"
                >
                  <div
                    class="mx_RoomListItemView_roomName"
                    title="room4"
                  >
                    room4
                  </div>
                  <div
                    class="mx_RoomListItemView_messagePreview"
                  />
                </div>
              </div>
            </div>
          </button>
          <button
            aria-label="Open room room5"
            aria-selected="false"
            class="mx_RoomListItemView"
            role="gridcell"
            style="height: 48px; left: 0px; position: absolute; top: 240px; width: 100%;"
            tabindex="-1"
            type="button"
          >
            <div
              class="mx_Flex mx_RoomListItemView_container"
              style="--mx-flex-display: flex; --mx-flex-direction: row; --mx-flex-align: center; --mx-flex-justify: start; --mx-flex-gap: var(--cpd-space-3x); --mx-flex-wrap: nowrap;"
            >
              <span
                aria-label="Avatar"
                class="_avatar_1qbcf_8 mx_BaseAvatar"
                data-color="1"
                data-testid="avatar-img"
                data-type="round"
                style="--cpd-avatar-size: 32px;"
              >
                <img
                  alt=""
                  class="_image_1qbcf_41"
                  data-type="round"
                  height="32px"
                  loading="lazy"
                  referrerpolicy="no-referrer"
                  src="http://this.is.a.url/avatar.url/room.png"
                  width="32px"
                />
              </span>
              <div
                class="mx_Flex mx_RoomListItemView_content"
                style="--mx-flex-display: flex; --mx-flex-direction: row; --mx-flex-align: center; --mx-flex-justify: space-between; --mx-flex-gap: var(--cpd-space-2x); --mx-flex-wrap: nowrap;"
              >
                <div
                  class="mx_RoomListItemView_text"
                >
                  <div
                    class="mx_RoomListItemView_roomName"
                    title="room5"
                  >
                    room5
                  </div>
                  <div
                    class="mx_RoomListItemView_messagePreview"
                  />
                </div>
              </div>
            </div>
          </button>
          <button
            aria-label="Open room room6"
            aria-selected="false"
            class="mx_RoomListItemView"
            role="gridcell"
            style="height: 48px; left: 0px; position: absolute; top: 288px; width: 100%;"
            tabindex="-1"
            type="button"
          >
            <div
              class="mx_Flex mx_RoomListItemView_container"
              style="--mx-flex-display: flex; --mx-flex-direction: row; --mx-flex-align: center; --mx-flex-justify: start; --mx-flex-gap: var(--cpd-space-3x); --mx-flex-wrap: nowrap;"
            >
              <span
                aria-label="Avatar"
                class="_avatar_1qbcf_8 mx_BaseAvatar"
                data-color="2"
                data-testid="avatar-img"
                data-type="round"
                style="--cpd-avatar-size: 32px;"
              >
                <img
                  alt=""
                  class="_image_1qbcf_41"
                  data-type="round"
                  height="32px"
                  loading="lazy"
                  referrerpolicy="no-referrer"
                  src="http://this.is.a.url/avatar.url/room.png"
                  width="32px"
                />
              </span>
              <div
                class="mx_Flex mx_RoomListItemView_content"
                style="--mx-flex-display: flex; --mx-flex-direction: row; --mx-flex-align: center; --mx-flex-justify: space-between; --mx-flex-gap: var(--cpd-space-2x); --mx-flex-wrap: nowrap;"
              >
                <div
                  class="mx_RoomListItemView_text"
                >
                  <div
                    class="mx_RoomListItemView_roomName"
                    title="room6"
                  >
                    room6
                  </div>
                  <div
                    class="mx_RoomListItemView_messagePreview"
                  />
                </div>
              </div>
            </div>
          </button>
          <button
            aria-label="Open room room7"
            aria-selected="false"
            class="mx_RoomListItemView"
            role="gridcell"
            style="height: 48px; left: 0px; position: absolute; top: 336px; width: 100%;"
            tabindex="-1"
            type="button"
          >
            <div
              class="mx_Flex mx_RoomListItemView_container"
              style="--mx-flex-display: flex; --mx-flex-direction: row; --mx-flex-align: center; --mx-flex-justify: start; --mx-flex-gap: var(--cpd-space-3x); --mx-flex-wrap: nowrap;"
            >
              <span
                aria-label="Avatar"
                class="_avatar_1qbcf_8 mx_BaseAvatar"
                data-color="3"
                data-testid="avatar-img"
                data-type="round"
                style="--cpd-avatar-size: 32px;"
              >
                <img
                  alt=""
                  class="_image_1qbcf_41"
                  data-type="round"
                  height="32px"
                  loading="lazy"
                  referrerpolicy="no-referrer"
                  src="http://this.is.a.url/avatar.url/room.png"
                  width="32px"
                />
              </span>
              <div
                class="mx_Flex mx_RoomListItemView_content"
                style="--mx-flex-display: flex; --mx-flex-direction: row; --mx-flex-align: center; --mx-flex-justify: space-between; --mx-flex-gap: var(--cpd-space-2x); --mx-flex-wrap: nowrap;"
              >
                <div
                  class="mx_RoomListItemView_text"
                >
                  <div
                    class="mx_RoomListItemView_roomName"
                    title="room7"
                  >
                    room7
                  </div>
                  <div
                    class="mx_RoomListItemView_messagePreview"
                  />
                </div>
              </div>
            </div>
          </button>
          <button
            aria-label="Open room room8"
            aria-selected="false"
            class="mx_RoomListItemView"
            role="gridcell"
            style="height: 48px; left: 0px; position: absolute; top: 384px; width: 100%;"
            tabindex="-1"
            type="button"
          >
            <div
              class="mx_Flex mx_RoomListItemView_container"
              style="--mx-flex-display: flex; --mx-flex-direction: row; --mx-flex-align: center; --mx-flex-justify: start; --mx-flex-gap: var(--cpd-space-3x); --mx-flex-wrap: nowrap;"
            >
              <span
                aria-label="Avatar"
                class="_avatar_1qbcf_8 mx_BaseAvatar"
                data-color="4"
                data-testid="avatar-img"
                data-type="round"
                style="--cpd-avatar-size: 32px;"
              >
                <img
                  alt=""
                  class="_image_1qbcf_41"
                  data-type="round"
                  height="32px"
                  loading="lazy"
                  referrerpolicy="no-referrer"
                  src="http://this.is.a.url/avatar.url/room.png"
                  width="32px"
                />
              </span>
              <div
                class="mx_Flex mx_RoomListItemView_content"
                style="--mx-flex-display: flex; --mx-flex-direction: row; --mx-flex-align: center; --mx-flex-justify: space-between; --mx-flex-gap: var(--cpd-space-2x); --mx-flex-wrap: nowrap;"
              >
                <div
                  class="mx_RoomListItemView_text"
                >
                  <div
                    class="mx_RoomListItemView_roomName"
                    title="room8"
                  >
                    room8
                  </div>
                  <div
                    class="mx_RoomListItemView_messagePreview"
                  />
                </div>
              </div>
            </div>
          </button>
          <button
            aria-label="Open room room9"
            aria-selected="false"
            class="mx_RoomListItemView"
            role="gridcell"
            style="height: 48px; left: 0px; position: absolute; top: 432px; width: 100%;"
            tabindex="-1"
            type="button"
          >
            <div
              class="mx_Flex mx_RoomListItemView_container"
              style="--mx-flex-display: flex; --mx-flex-direction: row; --mx-flex-align: center; --mx-flex-justify: start; --mx-flex-gap: var(--cpd-space-3x); --mx-flex-wrap: nowrap;"
            >
              <span
                aria-label="Avatar"
                class="_avatar_1qbcf_8 mx_BaseAvatar"
                data-color="5"
                data-testid="avatar-img"
                data-type="round"
                style="--cpd-avatar-size: 32px;"
              >
                <img
                  alt=""
                  class="_image_1qbcf_41"
                  data-type="round"
                  height="32px"
                  loading="lazy"
                  referrerpolicy="no-referrer"
                  src="http://this.is.a.url/avatar.url/room.png"
                  width="32px"
                />
              </span>
              <div
                class="mx_Flex mx_RoomListItemView_content"
                style="--mx-flex-display: flex; --mx-flex-direction: row; --mx-flex-align: center; --mx-flex-justify: space-between; --mx-flex-gap: var(--cpd-space-2x); --mx-flex-wrap: nowrap;"
              >
                <div
                  class="mx_RoomListItemView_text"
                >
                  <div
                    class="mx_RoomListItemView_roomName"
                    title="room9"
                  >
                    room9
                  </div>
                  <div
                    class="mx_RoomListItemView_messagePreview"
                  />
                </div>
              </div>
            </div>
          </button>
        </div>
      </div>
    </div>
    <div
      class="resize-triggers"
    >
      <div
        class="expand-trigger"
      >
        <div
          style="width: 1501px; height: 1501px;"
        />
      </div>
      <div
        class="contract-trigger"
      />
    </div>
  </div>
</DocumentFragment>
`;
