2022-10-14 06:13:17 +02:00
|
|
|
// Jest Snapshot v1, https://goo.gl/fbAQLP
|
|
|
|
|
2022-10-20 10:04:14 +02:00
|
|
|
exports[`VoiceBroadcastPlaybackBody when rendering a 0 broadcast should render as expected 1`] = `
|
2022-10-14 06:13:17 +02:00
|
|
|
<div>
|
|
|
|
<div
|
|
|
|
class="mx_VoiceBroadcastPlaybackBody"
|
|
|
|
>
|
|
|
|
<div
|
|
|
|
class="mx_VoiceBroadcastHeader"
|
|
|
|
>
|
2022-10-14 10:09:38 +02:00
|
|
|
<div
|
|
|
|
data-testid="room-avatar"
|
2022-10-14 06:13:17 +02:00
|
|
|
>
|
2022-10-14 10:09:38 +02:00
|
|
|
room avatar:
|
|
|
|
My room
|
|
|
|
</div>
|
2022-10-14 06:13:17 +02:00
|
|
|
<div
|
|
|
|
class="mx_VoiceBroadcastHeader_content"
|
|
|
|
>
|
|
|
|
<div
|
2022-10-14 10:09:38 +02:00
|
|
|
class="mx_VoiceBroadcastHeader_room"
|
2022-10-14 06:13:17 +02:00
|
|
|
>
|
2022-10-14 10:09:38 +02:00
|
|
|
My room
|
2022-10-14 06:13:17 +02:00
|
|
|
</div>
|
|
|
|
<div
|
2022-10-14 10:09:38 +02:00
|
|
|
class="mx_VoiceBroadcastHeader_line"
|
2022-10-14 06:13:17 +02:00
|
|
|
>
|
2022-10-20 10:04:14 +02:00
|
|
|
<div
|
|
|
|
class="mx_Icon mx_Icon_16"
|
2022-10-14 10:09:38 +02:00
|
|
|
/>
|
2022-10-17 18:13:06 +02:00
|
|
|
<span>
|
|
|
|
@user:example.com
|
|
|
|
</span>
|
2022-10-14 06:13:17 +02:00
|
|
|
</div>
|
|
|
|
<div
|
|
|
|
class="mx_VoiceBroadcastHeader_line"
|
|
|
|
>
|
2022-10-20 10:04:14 +02:00
|
|
|
<div
|
|
|
|
class="mx_Icon mx_Icon_16"
|
2022-10-14 06:13:17 +02:00
|
|
|
/>
|
|
|
|
Voice broadcast
|
|
|
|
</div>
|
|
|
|
</div>
|
2022-10-17 14:31:03 +02:00
|
|
|
<div
|
|
|
|
class="mx_LiveBadge"
|
|
|
|
>
|
2022-10-20 10:04:14 +02:00
|
|
|
<div
|
|
|
|
class="mx_Icon mx_Icon_16"
|
2022-10-17 14:31:03 +02:00
|
|
|
/>
|
|
|
|
Live
|
|
|
|
</div>
|
2022-10-14 06:13:17 +02:00
|
|
|
</div>
|
|
|
|
<div
|
|
|
|
class="mx_VoiceBroadcastPlaybackBody_controls"
|
|
|
|
>
|
|
|
|
<div
|
|
|
|
aria-label="resume voice broadcast"
|
2022-10-20 10:04:14 +02:00
|
|
|
class="mx_AccessibleButton mx_VoiceBroadcastControl"
|
|
|
|
role="button"
|
|
|
|
tabindex="0"
|
|
|
|
>
|
|
|
|
<div
|
|
|
|
class="mx_Icon mx_Icon_16"
|
|
|
|
/>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
`;
|
|
|
|
|
|
|
|
exports[`VoiceBroadcastPlaybackBody when rendering a 1 broadcast should render as expected 1`] = `
|
|
|
|
<div>
|
|
|
|
<div
|
|
|
|
class="mx_VoiceBroadcastPlaybackBody"
|
|
|
|
>
|
|
|
|
<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_VoiceBroadcastPlaybackBody_controls"
|
|
|
|
>
|
|
|
|
<div
|
|
|
|
aria-label="pause voice broadcast"
|
|
|
|
class="mx_AccessibleButton mx_VoiceBroadcastControl"
|
2022-10-14 06:13:17 +02:00
|
|
|
role="button"
|
|
|
|
tabindex="0"
|
|
|
|
>
|
2022-10-20 10:04:14 +02:00
|
|
|
<div
|
|
|
|
class="mx_Icon mx_Icon_16"
|
2022-10-14 06:13:17 +02:00
|
|
|
/>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
`;
|
2022-10-17 17:35:13 +02:00
|
|
|
|
|
|
|
exports[`VoiceBroadcastPlaybackBody when rendering a buffering voice broadcast should render as expected 1`] = `
|
|
|
|
<div>
|
|
|
|
<div
|
|
|
|
class="mx_VoiceBroadcastPlaybackBody"
|
|
|
|
>
|
|
|
|
<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"
|
|
|
|
>
|
2022-10-20 10:04:14 +02:00
|
|
|
<div
|
|
|
|
class="mx_Icon mx_Icon_16"
|
2022-10-17 17:35:13 +02:00
|
|
|
/>
|
2022-10-17 18:13:06 +02:00
|
|
|
<span>
|
|
|
|
@user:example.com
|
|
|
|
</span>
|
2022-10-17 17:35:13 +02:00
|
|
|
</div>
|
|
|
|
<div
|
|
|
|
class="mx_VoiceBroadcastHeader_line"
|
|
|
|
>
|
2022-10-20 10:04:14 +02:00
|
|
|
<div
|
|
|
|
class="mx_Icon mx_Icon_16"
|
2022-10-17 17:35:13 +02:00
|
|
|
/>
|
|
|
|
Voice broadcast
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div
|
|
|
|
class="mx_LiveBadge"
|
|
|
|
>
|
2022-10-20 10:04:14 +02:00
|
|
|
<div
|
|
|
|
class="mx_Icon mx_Icon_16"
|
2022-10-17 17:35:13 +02:00
|
|
|
/>
|
|
|
|
Live
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div
|
|
|
|
class="mx_VoiceBroadcastPlaybackBody_controls"
|
|
|
|
>
|
|
|
|
<div
|
|
|
|
class="mx_Spinner"
|
|
|
|
>
|
|
|
|
<div
|
|
|
|
aria-label="Loading..."
|
|
|
|
class="mx_Spinner_icon"
|
|
|
|
role="progressbar"
|
|
|
|
style="width: 32px; height: 32px;"
|
|
|
|
/>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
`;
|