element-web/test/components/views/right_panel/__snapshots__/RoomSummaryCard-test.tsx.snap

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

exports[`<RoomSummaryCard /> renders the room summary 1`] = `
<div>
  <div
    class="mx_BaseCard mx_RoomSummaryCard"
  >
    <div
      class="mx_AutoHideScrollbar"
      tabindex="-1"
    >
      <header
        class="mx_Flex mx_RoomSummaryCard_header"
        style="--mx-flex-display: flex; --mx-flex-direction: row; --mx-flex-align: center; --mx-flex-justify: space-between; --mx-flex-gap: var(--cpd-space-3x);"
      >
        <button
          aria-label="Search"
          class="mx_RoomSummaryCard_searchBtn"
          data-state="closed"
          data-testid="summary-search"
        >
          <div
            height="100%"
            width="100%"
          />
        </button>
        <div
          class="mx_AccessibleButton mx_BaseCard_close"
          data-testid="base-card-close-button"
          role="button"
          tabindex="0"
          title="Close"
        />
      </header>
      <header
        class="mx_RoomSummaryCard_container"
      >
        <span
          class="_avatar_k41ul_17 mx_BaseAvatar _avatar-imageless_k41ul_60"
          data-color="1"
          data-testid="avatar-img"
          data-type="round"
          role="presentation"
          style="--cpd-avatar-size: 80px;"
        >
          !
        </span>
        <h1
          class="_typography_yh5dq_162 _font-heading-md-semibold_yh5dq_121 mx_RoomSummaryCard_roomName text-primary"
          title="!room:domain.org"
        >
          !room:domain.org
        </h1>
        <div
          class="_typography_yh5dq_162 _font-body-sm-semibold_yh5dq_45 mx_RoomSummaryCard_alias text-secondary"
          title=""
        />
        <section
          class="mx_Flex mx_RoomSummaryCard_badges"
          style="--mx-flex-display: flex; --mx-flex-direction: row; --mx-flex-align: start; --mx-flex-justify: center; --mx-flex-gap: var(--cpd-space-2x);"
        >
          <span
            class="_typography_yh5dq_162 _font-body-sm-medium_yh5dq_50 _badge_qipht_17"
            data-kind="default"
          >
            <div
              width="1em"
            />
            Not encrypted
          </span>
        </section>
      </header>
      <div
        class="_separator_144s5_17"
        data-kind="primary"
        data-orientation="horizontal"
        role="separator"
      />
      <label
        class="_item_1bcsk_17 _interactive_1bcsk_36"
        data-kind="primary"
        for=":r1:"
        role="menuitemcheckbox"
      >
        <div
          aria-hidden="true"
          class="_icon_1bcsk_44"
          height="24"
          width="24"
        />
        <span
          class="_typography_yh5dq_162 _font-body-md-medium_yh5dq_69 _label_1bcsk_53"
        >
          Favourite
        </span>
        <div
          class="_container_ik1u1_18"
        >
          <input
            class="_input_ik1u1_32"
            id=":r1:"
            type="checkbox"
          />
          <div
            class="_ui_ik1u1_42"
          />
        </div>
      </label>
      <button
        class="_item_1bcsk_17 _interactive_1bcsk_36"
        data-kind="primary"
        role="menuitem"
      >
        <div
          aria-hidden="true"
          class="_icon_1bcsk_44"
          height="24"
          width="24"
        />
        <span
          class="_typography_yh5dq_162 _font-body-md-medium_yh5dq_69 _label_1bcsk_53"
        >
          Invite
        </span>
        <svg
          aria-hidden="true"
          class="_nav-hint_1bcsk_60"
          fill="currentColor"
          height="24"
          viewBox="0 0 24 24"
          width="24"
          xmlns="http://www.w3.org/2000/svg"
        >
          <path
            d="M8.7 17.3a.948.948 0 0 1-.275-.7.95.95 0 0 1 .275-.7l3.9-3.9-3.9-3.9a.948.948 0 0 1-.275-.7.95.95 0 0 1 .275-.7.948.948 0 0 1 .7-.275.95.95 0 0 1 .7.275l4.6 4.6c.1.1.17.208.213.325.041.117.062.242.062.375s-.02.258-.063.375a.876.876 0 0 1-.212.325l-4.6 4.6a.948.948 0 0 1-.7.275.948.948 0 0 1-.7-.275Z"
          />
        </svg>
      </button>
      <button
        class="_item_1bcsk_17 _interactive_1bcsk_36"
        data-kind="primary"
        role="menuitem"
      >
        <div
          aria-hidden="true"
          class="_icon_1bcsk_44"
          height="24"
          width="24"
        />
        <span
          class="_typography_yh5dq_162 _font-body-md-medium_yh5dq_69 _label_1bcsk_53"
        >
          Copy link
        </span>
        <svg
          aria-hidden="true"
          class="_nav-hint_1bcsk_60"
          fill="currentColor"
          height="24"
          viewBox="0 0 24 24"
          width="24"
          xmlns="http://www.w3.org/2000/svg"
        >
          <path
            d="M8.7 17.3a.948.948 0 0 1-.275-.7.95.95 0 0 1 .275-.7l3.9-3.9-3.9-3.9a.948.948 0 0 1-.275-.7.95.95 0 0 1 .275-.7.948.948 0 0 1 .7-.275.95.95 0 0 1 .7.275l4.6 4.6c.1.1.17.208.213.325.041.117.062.242.062.375s-.02.258-.063.375a.876.876 0 0 1-.212.325l-4.6 4.6a.948.948 0 0 1-.7.275.948.948 0 0 1-.7-.275Z"
          />
        </svg>
      </button>
      <button
        class="_item_1bcsk_17 _interactive_1bcsk_36"
        data-kind="primary"
        role="menuitem"
      >
        <div
          aria-hidden="true"
          class="_icon_1bcsk_44"
          height="24"
          width="24"
        />
        <span
          class="_typography_yh5dq_162 _font-body-md-medium_yh5dq_69 _label_1bcsk_53"
        >
          Settings
        </span>
        <svg
          aria-hidden="true"
          class="_nav-hint_1bcsk_60"
          fill="currentColor"
          height="24"
          viewBox="0 0 24 24"
          width="24"
          xmlns="http://www.w3.org/2000/svg"
        >
          <path
            d="M8.7 17.3a.948.948 0 0 1-.275-.7.95.95 0 0 1 .275-.7l3.9-3.9-3.9-3.9a.948.948 0 0 1-.275-.7.95.95 0 0 1 .275-.7.948.948 0 0 1 .7-.275.95.95 0 0 1 .7.275l4.6 4.6c.1.1.17.208.213.325.041.117.062.242.062.375s-.02.258-.063.375a.876.876 0 0 1-.212.325l-4.6 4.6a.948.948 0 0 1-.7.275.948.948 0 0 1-.7-.275Z"
          />
        </svg>
      </button>
      <div
        class="_separator_144s5_17"
        data-kind="primary"
        data-orientation="horizontal"
        role="separator"
      />
      <button
        class="_item_1bcsk_17 _interactive_1bcsk_36"
        data-kind="primary"
        role="menuitem"
      >
        <div
          aria-hidden="true"
          class="_icon_1bcsk_44"
          height="24"
          width="24"
        />
        <span
          class="_typography_yh5dq_162 _font-body-md-medium_yh5dq_69 _label_1bcsk_53"
        >
          People
        </span>
        <svg
          aria-hidden="true"
          class="_nav-hint_1bcsk_60"
          fill="currentColor"
          height="24"
          viewBox="0 0 24 24"
          width="24"
          xmlns="http://www.w3.org/2000/svg"
        >
          <path
            d="M8.7 17.3a.948.948 0 0 1-.275-.7.95.95 0 0 1 .275-.7l3.9-3.9-3.9-3.9a.948.948 0 0 1-.275-.7.95.95 0 0 1 .275-.7.948.948 0 0 1 .7-.275.95.95 0 0 1 .7.275l4.6 4.6c.1.1.17.208.213.325.041.117.062.242.062.375s-.02.258-.063.375a.876.876 0 0 1-.212.325l-4.6 4.6a.948.948 0 0 1-.7.275.948.948 0 0 1-.7-.275Z"
          />
        </svg>
      </button>
      <button
        class="_item_1bcsk_17 _interactive_1bcsk_36"
        data-kind="primary"
        role="menuitem"
      >
        <div
          aria-hidden="true"
          class="_icon_1bcsk_44"
          height="24"
          width="24"
        />
        <span
          class="_typography_yh5dq_162 _font-body-md-medium_yh5dq_69 _label_1bcsk_53"
        >
          Files
        </span>
        <svg
          aria-hidden="true"
          class="_nav-hint_1bcsk_60"
          fill="currentColor"
          height="24"
          viewBox="0 0 24 24"
          width="24"
          xmlns="http://www.w3.org/2000/svg"
        >
          <path
            d="M8.7 17.3a.948.948 0 0 1-.275-.7.95.95 0 0 1 .275-.7l3.9-3.9-3.9-3.9a.948.948 0 0 1-.275-.7.95.95 0 0 1 .275-.7.948.948 0 0 1 .7-.275.95.95 0 0 1 .7.275l4.6 4.6c.1.1.17.208.213.325.041.117.062.242.062.375s-.02.258-.063.375a.876.876 0 0 1-.212.325l-4.6 4.6a.948.948 0 0 1-.7.275.948.948 0 0 1-.7-.275Z"
          />
        </svg>
      </button>
      <button
        class="_item_1bcsk_17 _interactive_1bcsk_36"
        data-kind="primary"
        role="menuitem"
      >
        <div
          aria-hidden="true"
          class="_icon_1bcsk_44"
          height="24"
          width="24"
        />
        <span
          class="_typography_yh5dq_162 _font-body-md-medium_yh5dq_69 _label_1bcsk_53"
        >
          Poll history
        </span>
        <svg
          aria-hidden="true"
          class="_nav-hint_1bcsk_60"
          fill="currentColor"
          height="24"
          viewBox="0 0 24 24"
          width="24"
          xmlns="http://www.w3.org/2000/svg"
        >
          <path
            d="M8.7 17.3a.948.948 0 0 1-.275-.7.95.95 0 0 1 .275-.7l3.9-3.9-3.9-3.9a.948.948 0 0 1-.275-.7.95.95 0 0 1 .275-.7.948.948 0 0 1 .7-.275.95.95 0 0 1 .7.275l4.6 4.6c.1.1.17.208.213.325.041.117.062.242.062.375s-.02.258-.063.375a.876.876 0 0 1-.212.325l-4.6 4.6a.948.948 0 0 1-.7.275.948.948 0 0 1-.7-.275Z"
          />
        </svg>
      </button>
      <button
        class="_item_1bcsk_17 _interactive_1bcsk_36"
        data-kind="primary"
        role="menuitem"
      >
        <div
          aria-hidden="true"
          class="_icon_1bcsk_44"
          height="24"
          width="24"
        />
        <span
          class="_typography_yh5dq_162 _font-body-md-medium_yh5dq_69 _label_1bcsk_53"
        >
          Export Chat
        </span>
        <svg
          aria-hidden="true"
          class="_nav-hint_1bcsk_60"
          fill="currentColor"
          height="24"
          viewBox="0 0 24 24"
          width="24"
          xmlns="http://www.w3.org/2000/svg"
        >
          <path
            d="M8.7 17.3a.948.948 0 0 1-.275-.7.95.95 0 0 1 .275-.7l3.9-3.9-3.9-3.9a.948.948 0 0 1-.275-.7.95.95 0 0 1 .275-.7.948.948 0 0 1 .7-.275.95.95 0 0 1 .7.275l4.6 4.6c.1.1.17.208.213.325.041.117.062.242.062.375s-.02.258-.063.375a.876.876 0 0 1-.212.325l-4.6 4.6a.948.948 0 0 1-.7.275.948.948 0 0 1-.7-.275Z"
          />
        </svg>
      </button>
      <div
        class="_separator_144s5_17"
        data-kind="primary"
        data-orientation="horizontal"
        role="separator"
      />
      <button
        class="_item_1bcsk_17 _interactive_1bcsk_36"
        data-kind="critical"
        role="menuitem"
      >
        <div
          aria-hidden="true"
          class="_icon_1bcsk_44"
          height="24"
          width="24"
        />
        <span
          class="_typography_yh5dq_162 _font-body-md-medium_yh5dq_69 _label_1bcsk_53"
        >
          Leave room
        </span>
        <svg
          aria-hidden="true"
          class="_nav-hint_1bcsk_60"
          fill="currentColor"
          height="24"
          viewBox="0 0 24 24"
          width="24"
          xmlns="http://www.w3.org/2000/svg"
        >
          <path
            d="M8.7 17.3a.948.948 0 0 1-.275-.7.95.95 0 0 1 .275-.7l3.9-3.9-3.9-3.9a.948.948 0 0 1-.275-.7.95.95 0 0 1 .275-.7.948.948 0 0 1 .7-.275.95.95 0 0 1 .7.275l4.6 4.6c.1.1.17.208.213.325.041.117.062.242.062.375s-.02.258-.063.375a.876.876 0 0 1-.212.325l-4.6 4.6a.948.948 0 0 1-.7.275.948.948 0 0 1-.7-.275Z"
          />
        </svg>
      </button>
      <div
        class="mx_BaseCard_Group mx_RoomSummaryCard_appsGroup"
      >
        <h2>
          Widgets
        </h2>
        <div
          class="mx_AccessibleButton mx_AccessibleButton_hasKind mx_AccessibleButton_kind_link"
          role="button"
          tabindex="0"
        >
          Add widgets, bridges & bots
        </div>
      </div>
    </div>
  </div>
</div>
`;