element-web-Github/test/components/views/rooms/__snapshots__/RoomHeader-test.tsx.snap

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

exports[`RoomHeader dm does not show the face pile for DMs 1`] = `
<DocumentFragment>
  <header
    class="mx_Flex mx_RoomHeader light-panel"
    style="--mx-flex-display: flex; --mx-flex-direction: row; --mx-flex-align: center; --mx-flex-justify: start; --mx-flex-gap: var(--cpd-space-3x);"
  >
    <button
      aria-label="Open room settings"
      aria-live="off"
      class="_avatar_mcap2_17 mx_BaseAvatar _avatar-imageless_mcap2_61"
      data-color="3"
      data-testid="avatar-img"
      data-type="round"
      role="button"
      style="--cpd-avatar-size: 40px;"
      tabindex="-1"
    >
      !
    </button>
    <button
      aria-label="Room info"
      class="mx_RoomHeader_infoWrapper"
      tabindex="0"
    >
      <div
        class="mx_Box mx_RoomHeader_info mx_Box--flex"
        style="--mx-box-flex: 1;"
      >
        <div
          aria-level="1"
          class="_typography_yh5dq_162 _font-body-lg-semibold_yh5dq_83 mx_RoomHeader_heading"
          dir="auto"
          role="heading"
        >
          <span
            class="mx_RoomHeader_truncated mx_lineClamp"
          >
            !1:example.org
          </span>
        </div>
      </div>
    </button>
    <div
      class="mx_Flex"
      style="--mx-flex-display: flex; --mx-flex-direction: row; --mx-flex-align: center; --mx-flex-justify: start; --mx-flex-gap: var(--cpd-space-2x);"
    >
      <button
        aria-label="Close lobby"
        class="_icon-button_bh2qc_17"
        role="button"
        style="--cpd-icon-button-size: 32px;"
        tabindex="0"
      >
        <div
          class="_indicator-icon_133tf_26"
          style="--cpd-icon-button-size: 100%;"
        >
          <svg
            fill="currentColor"
            height="1em"
            viewBox="0 0 24 24"
            width="1em"
            xmlns="http://www.w3.org/2000/svg"
          >
            <path
              d="M6.293 6.293a1 1 0 0 1 1.414 0L12 10.586l4.293-4.293a1 1 0 1 1 1.414 1.414L13.414 12l4.293 4.293a1 1 0 0 1-1.414 1.414L12 13.414l-4.293 4.293a1 1 0 0 1-1.414-1.414L10.586 12 6.293 7.707a1 1 0 0 1 0-1.414Z"
            />
          </svg>
        </div>
      </button>
      <button
        aria-disabled="true"
        aria-label="There's no one here to call"
        class="_icon-button_bh2qc_17"
        role="button"
        style="--cpd-icon-button-size: 32px;"
        tabindex="0"
      >
        <div
          class="_indicator-icon_133tf_26"
          style="--cpd-icon-button-size: 100%; --cpd-color-icon-tertiary: var(--cpd-color-icon-disabled);"
        >
          <div />
        </div>
      </button>
      <button
        aria-label="Room info"
        class="_icon-button_bh2qc_17"
        role="button"
        style="--cpd-icon-button-size: 32px;"
        tabindex="0"
      >
        <div
          class="_indicator-icon_133tf_26"
          style="--cpd-icon-button-size: 100%;"
        >
          <div />
        </div>
      </button>
      <button
        aria-label="Threads"
        class="_icon-button_bh2qc_17"
        role="button"
        style="--cpd-icon-button-size: 32px;"
        tabindex="0"
      >
        <div
          class="_indicator-icon_133tf_26"
          style="--cpd-icon-button-size: 100%;"
        >
          <div />
        </div>
      </button>
    </div>
  </header>
</DocumentFragment>
`;