element-web/test/voice-broadcast/components/molecules/__snapshots__/VoiceBroadcastPlaybackBody-test.tsx.snap

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

exports[`VoiceBroadcastPlaybackBody when rendering a 0/not-live broadcast should render as expected 1`] = `
<div>
  <div
    class="mx_VoiceBroadcastBody"
  >
    <div
      class="mx_VoiceBroadcastHeader"
    >
      <div
        data-testid="room-avatar"
      >
        room avatar: 
        My room
      </div>
      <div
        class="mx_VoiceBroadcastHeader_content"
      >
        <div
          class="mx_VoiceBroadcastHeader_room"
        >
          My room
        </div>
        <div
          class="mx_VoiceBroadcastHeader_line"
        >
          <div
            class="mx_Icon mx_Icon_16"
          />
          <span>
            @user:example.com
          </span>
        </div>
        <div
          class="mx_VoiceBroadcastHeader_line"
        >
          <div
            class="mx_Icon mx_Icon_16"
          />
          Voice broadcast
        </div>
      </div>
    </div>
    <div
      class="mx_VoiceBroadcastBody_controls"
    >
      <div
        aria-label="30s backward"
        class="mx_AccessibleButton mx_AccessibleButton_hasKind mx_AccessibleButton_kind_secondary_content"
        role="button"
        tabindex="0"
      >
        <div
          class="mx_Icon mx_Icon_24"
        />
      </div>
      <div
        aria-label="resume voice broadcast"
        class="mx_AccessibleButton mx_VoiceBroadcastControl mx_VoiceBroadcastControl-play"
        role="button"
        tabindex="0"
      >
        <div
          class="mx_Icon mx_Icon_16"
        />
      </div>
      <div
        aria-label="30s forward"
        class="mx_AccessibleButton mx_AccessibleButton_hasKind mx_AccessibleButton_kind_secondary_content"
        role="button"
        tabindex="0"
      >
        <div
          class="mx_Icon mx_Icon_24"
        />
      </div>
    </div>
    <div
      class="mx_VoiceBroadcastBody_timerow"
    >
      <input
        class="mx_SeekBar"
        max="1"
        min="0"
        step="0.001"
        style="--fillTo: 0;"
        tabindex="0"
        type="range"
        value="0"
      />
      <span
        class="mx_Clock"
      >
        23:42
      </span>
    </div>
  </div>
</div>
`;

exports[`VoiceBroadcastPlaybackBody when rendering a 1/live broadcast should render as expected 1`] = `
<div>
  <div
    class="mx_VoiceBroadcastBody"
  >
    <div
      class="mx_VoiceBroadcastHeader"
    >
      <div
        data-testid="room-avatar"
      >
        room avatar: 
        My room
      </div>
      <div
        class="mx_VoiceBroadcastHeader_content"
      >
        <div
          class="mx_VoiceBroadcastHeader_room"
        >
          My room
        </div>
        <div
          class="mx_VoiceBroadcastHeader_line"
        >
          <div
            class="mx_Icon mx_Icon_16"
          />
          <span>
            @user:example.com
          </span>
        </div>
        <div
          class="mx_VoiceBroadcastHeader_line"
        >
          <div
            class="mx_Icon mx_Icon_16"
          />
          Voice broadcast
        </div>
      </div>
      <div
        class="mx_LiveBadge"
      >
        <div
          class="mx_Icon mx_Icon_16"
        />
        Live
      </div>
    </div>
    <div
      class="mx_VoiceBroadcastBody_controls"
    >
      <div
        aria-label="30s backward"
        class="mx_AccessibleButton mx_AccessibleButton_hasKind mx_AccessibleButton_kind_secondary_content"
        role="button"
        tabindex="0"
      >
        <div
          class="mx_Icon mx_Icon_24"
        />
      </div>
      <div
        aria-label="pause voice broadcast"
        class="mx_AccessibleButton mx_VoiceBroadcastControl"
        role="button"
        tabindex="0"
      >
        <div
          class="mx_Icon mx_Icon_16"
        />
      </div>
      <div
        aria-label="30s forward"
        class="mx_AccessibleButton mx_AccessibleButton_hasKind mx_AccessibleButton_kind_secondary_content"
        role="button"
        tabindex="0"
      >
        <div
          class="mx_Icon mx_Icon_24"
        />
      </div>
    </div>
    <div
      class="mx_VoiceBroadcastBody_timerow"
    >
      <input
        class="mx_SeekBar"
        max="1"
        min="0"
        step="0.001"
        style="--fillTo: 0;"
        tabindex="0"
        type="range"
        value="0"
      />
      <span
        class="mx_Clock"
      >
        23:42
      </span>
    </div>
  </div>
</div>
`;

exports[`VoiceBroadcastPlaybackBody when rendering a buffering voice broadcast should render as expected 1`] = `
<div>
  <div
    class="mx_VoiceBroadcastBody"
  >
    <div
      class="mx_VoiceBroadcastHeader"
    >
      <div
        data-testid="room-avatar"
      >
        room avatar: 
        My room
      </div>
      <div
        class="mx_VoiceBroadcastHeader_content"
      >
        <div
          class="mx_VoiceBroadcastHeader_room"
        >
          My room
        </div>
        <div
          class="mx_VoiceBroadcastHeader_line"
        >
          <div
            class="mx_Icon mx_Icon_16"
          />
          <span>
            @user:example.com
          </span>
        </div>
        <div
          class="mx_VoiceBroadcastHeader_line"
        >
          <div
            class="mx_Icon mx_Icon_16"
          />
          Voice broadcast
        </div>
      </div>
      <div
        class="mx_LiveBadge"
      >
        <div
          class="mx_Icon mx_Icon_16"
        />
        Live
      </div>
    </div>
    <div
      class="mx_VoiceBroadcastBody_controls"
    >
      <div
        aria-label="30s backward"
        class="mx_AccessibleButton mx_AccessibleButton_hasKind mx_AccessibleButton_kind_secondary_content"
        role="button"
        tabindex="0"
      >
        <div
          class="mx_Icon mx_Icon_24"
        />
      </div>
      <div
        class="mx_Spinner"
      >
        <div
          aria-label="Loading..."
          class="mx_Spinner_icon"
          data-testid="spinner"
          role="progressbar"
          style="width: 32px; height: 32px;"
        />
      </div>
      <div
        aria-label="30s forward"
        class="mx_AccessibleButton mx_AccessibleButton_hasKind mx_AccessibleButton_kind_secondary_content"
        role="button"
        tabindex="0"
      >
        <div
          class="mx_Icon mx_Icon_24"
        />
      </div>
    </div>
    <div
      class="mx_VoiceBroadcastBody_timerow"
    >
      <input
        class="mx_SeekBar"
        max="1"
        min="0"
        step="0.001"
        style="--fillTo: 0;"
        tabindex="0"
        type="range"
        value="0"
      />
      <span
        class="mx_Clock"
      >
        23:42
      </span>
    </div>
  </div>
</div>
`;

exports[`VoiceBroadcastPlaybackBody when rendering a playing broadcast should render as expected 1`] = `
<div>
  <div
    class="mx_VoiceBroadcastBody"
  >
    <div
      class="mx_VoiceBroadcastHeader"
    >
      <div
        data-testid="room-avatar"
      >
        room avatar: 
        My room
      </div>
      <div
        class="mx_VoiceBroadcastHeader_content"
      >
        <div
          class="mx_VoiceBroadcastHeader_room"
        >
          My room
        </div>
        <div
          class="mx_VoiceBroadcastHeader_line"
        >
          <div
            class="mx_Icon mx_Icon_16"
          />
          <span>
            @user:example.com
          </span>
        </div>
        <div
          class="mx_VoiceBroadcastHeader_line"
        >
          <div
            class="mx_Icon mx_Icon_16"
          />
          Voice broadcast
        </div>
      </div>
    </div>
    <div
      class="mx_VoiceBroadcastBody_controls"
    >
      <div
        aria-label="30s backward"
        class="mx_AccessibleButton mx_AccessibleButton_hasKind mx_AccessibleButton_kind_secondary_content"
        role="button"
        tabindex="0"
      >
        <div
          class="mx_Icon mx_Icon_24"
        />
      </div>
      <div
        aria-label="pause voice broadcast"
        class="mx_AccessibleButton mx_VoiceBroadcastControl"
        role="button"
        tabindex="0"
      >
        <div
          class="mx_Icon mx_Icon_16"
        />
      </div>
      <div
        aria-label="30s forward"
        class="mx_AccessibleButton mx_AccessibleButton_hasKind mx_AccessibleButton_kind_secondary_content"
        role="button"
        tabindex="0"
      >
        <div
          class="mx_Icon mx_Icon_24"
        />
      </div>
    </div>
    <div
      class="mx_VoiceBroadcastBody_timerow"
    >
      <input
        class="mx_SeekBar"
        max="1"
        min="0"
        step="0.001"
        style="--fillTo: 0;"
        tabindex="0"
        type="range"
        value="0"
      />
      <span
        class="mx_Clock"
      >
        23:42
      </span>
    </div>
  </div>
</div>
`;

exports[`VoiceBroadcastPlaybackBody when rendering a stopped broadcast should render as expected 1`] = `
<div>
  <div
    class="mx_VoiceBroadcastBody"
  >
    <div
      class="mx_VoiceBroadcastHeader"
    >
      <div
        data-testid="room-avatar"
      >
        room avatar: 
        My room
      </div>
      <div
        class="mx_VoiceBroadcastHeader_content"
      >
        <div
          class="mx_VoiceBroadcastHeader_room"
        >
          My room
        </div>
        <div
          class="mx_VoiceBroadcastHeader_line"
        >
          <div
            class="mx_Icon mx_Icon_16"
          />
          <span>
            @user:example.com
          </span>
        </div>
        <div
          class="mx_VoiceBroadcastHeader_line"
        >
          <div
            class="mx_Icon mx_Icon_16"
          />
          Voice broadcast
        </div>
      </div>
    </div>
    <div
      class="mx_VoiceBroadcastBody_controls"
    >
      <div
        aria-label="play voice broadcast"
        class="mx_AccessibleButton mx_VoiceBroadcastControl mx_VoiceBroadcastControl-play"
        role="button"
        tabindex="0"
      >
        <div
          class="mx_Icon mx_Icon_16"
        />
      </div>
    </div>
    <div
      class="mx_VoiceBroadcastBody_timerow"
    >
      <input
        class="mx_SeekBar"
        max="1"
        min="0"
        step="0.001"
        style="--fillTo: 0;"
        tabindex="0"
        type="range"
        value="0"
      />
      <span
        class="mx_Clock"
      >
        23:42
      </span>
    </div>
  </div>
</div>
`;