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

exports[`<RoomList /> should render a room list 1`] = `
<DocumentFragment>
  <div
    aria-label="Room list"
    context="[object Object]"
    data-testid="room-list"
    data-virtuoso-scroller="true"
    role="listbox"
    style="height: 100%; outline: none; overflow-y: auto; position: relative;"
    tabindex="0"
  >
    <div
      data-viewport-type="element"
      style="height: 100%; position: absolute; top: 0px; width: 100%;"
    >
      <div
        data-testid="virtuoso-item-list"
        style="box-sizing: border-box; margin-top: 0px; padding-bottom: 0px; padding-top: 0px;"
      >
        <div
          data-index="0"
          data-item-index="0"
          data-known-size="48"
        >
          <button
            aria-haspopup="menu"
            aria-label="Open room room0"
            aria-posinset="1"
            aria-selected="false"
            aria-setsize="10"
            class="flex mx_RoomListItemView"
            data-state="closed"
            role="option"
            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;"
            tabindex="0"
            type="button"
          >
            <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="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>
            </div>
          </button>
        </div>
        <div
          data-index="1"
          data-item-index="1"
          data-known-size="48"
        >
          <button
            aria-haspopup="menu"
            aria-label="Open room room1"
            aria-posinset="2"
            aria-selected="false"
            aria-setsize="10"
            class="flex mx_RoomListItemView"
            data-state="closed"
            role="option"
            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;"
            tabindex="-1"
            type="button"
          >
            <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="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>
            </div>
          </button>
        </div>
        <div
          data-index="2"
          data-item-index="2"
          data-known-size="48"
        >
          <button
            aria-haspopup="menu"
            aria-label="Open room room2"
            aria-posinset="3"
            aria-selected="false"
            aria-setsize="10"
            class="flex mx_RoomListItemView"
            data-state="closed"
            role="option"
            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;"
            tabindex="-1"
            type="button"
          >
            <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="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>
            </div>
          </button>
        </div>
        <div
          data-index="3"
          data-item-index="3"
          data-known-size="48"
        >
          <button
            aria-haspopup="menu"
            aria-label="Open room room3"
            aria-posinset="4"
            aria-selected="false"
            aria-setsize="10"
            class="flex mx_RoomListItemView"
            data-state="closed"
            role="option"
            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;"
            tabindex="-1"
            type="button"
          >
            <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="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>
            </div>
          </button>
        </div>
        <div
          data-index="4"
          data-item-index="4"
          data-known-size="48"
        >
          <button
            aria-haspopup="menu"
            aria-label="Open room room4"
            aria-posinset="5"
            aria-selected="false"
            aria-setsize="10"
            class="flex mx_RoomListItemView"
            data-state="closed"
            role="option"
            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;"
            tabindex="-1"
            type="button"
          >
            <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="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>
            </div>
          </button>
        </div>
        <div
          data-index="5"
          data-item-index="5"
          data-known-size="48"
        >
          <button
            aria-haspopup="menu"
            aria-label="Open room room5"
            aria-posinset="6"
            aria-selected="false"
            aria-setsize="10"
            class="flex mx_RoomListItemView"
            data-state="closed"
            role="option"
            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;"
            tabindex="-1"
            type="button"
          >
            <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="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>
            </div>
          </button>
        </div>
        <div
          data-index="6"
          data-item-index="6"
          data-known-size="48"
        >
          <button
            aria-haspopup="menu"
            aria-label="Open room room6"
            aria-posinset="7"
            aria-selected="false"
            aria-setsize="10"
            class="flex mx_RoomListItemView"
            data-state="closed"
            role="option"
            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;"
            tabindex="-1"
            type="button"
          >
            <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="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>
            </div>
          </button>
        </div>
        <div
          data-index="7"
          data-item-index="7"
          data-known-size="48"
        >
          <button
            aria-haspopup="menu"
            aria-label="Open room room7"
            aria-posinset="8"
            aria-selected="false"
            aria-setsize="10"
            class="flex mx_RoomListItemView"
            data-state="closed"
            role="option"
            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;"
            tabindex="-1"
            type="button"
          >
            <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="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>
            </div>
          </button>
        </div>
        <div
          data-index="8"
          data-item-index="8"
          data-known-size="48"
        >
          <button
            aria-haspopup="menu"
            aria-label="Open room room8"
            aria-posinset="9"
            aria-selected="false"
            aria-setsize="10"
            class="flex mx_RoomListItemView"
            data-state="closed"
            role="option"
            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;"
            tabindex="-1"
            type="button"
          >
            <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="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>
            </div>
          </button>
        </div>
        <div
          data-index="9"
          data-item-index="9"
          data-known-size="48"
        >
          <button
            aria-haspopup="menu"
            aria-label="Open room room9"
            aria-posinset="10"
            aria-selected="false"
            aria-setsize="10"
            class="flex mx_RoomListItemView"
            data-state="closed"
            role="option"
            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;"
            tabindex="-1"
            type="button"
          >
            <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="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>
            </div>
          </button>
        </div>
      </div>
    </div>
  </div>
</DocumentFragment>
`;
