2023-04-26 12:23:32 +02:00
|
|
|
// Jest Snapshot v1, https://goo.gl/fbAQLP
|
|
|
|
|
|
|
|
exports[`<DeviceItem /> ambiguous display name 1`] = `
|
|
|
|
<div>
|
|
|
|
<div
|
2024-04-24 14:24:25 +02:00
|
|
|
aria-label="my display name (deviceId)"
|
2023-04-26 12:23:32 +02:00
|
|
|
class="mx_AccessibleButton mx_UserInfo_device mx_UserInfo_device_unverified"
|
|
|
|
role="button"
|
|
|
|
tabindex="0"
|
|
|
|
>
|
|
|
|
<div
|
|
|
|
class="mx_E2EIcon mx_E2EIcon_normal"
|
|
|
|
/>
|
|
|
|
<div
|
|
|
|
class="mx_UserInfo_device_name"
|
|
|
|
>
|
|
|
|
my display name (deviceId)
|
|
|
|
</div>
|
|
|
|
<div
|
|
|
|
class="mx_UserInfo_device_trusted"
|
|
|
|
/>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
`;
|
|
|
|
|
|
|
|
exports[`<DeviceItem /> with display name 1`] = `
|
|
|
|
<div>
|
|
|
|
<div
|
2024-04-24 14:24:25 +02:00
|
|
|
aria-label="deviceName"
|
2023-04-26 12:23:32 +02:00
|
|
|
class="mx_AccessibleButton mx_UserInfo_device mx_UserInfo_device_unverified"
|
|
|
|
role="button"
|
|
|
|
tabindex="0"
|
|
|
|
>
|
|
|
|
<div
|
|
|
|
class="mx_E2EIcon mx_E2EIcon_normal"
|
|
|
|
/>
|
|
|
|
<div
|
|
|
|
class="mx_UserInfo_device_name"
|
|
|
|
>
|
|
|
|
deviceName
|
|
|
|
</div>
|
|
|
|
<div
|
|
|
|
class="mx_UserInfo_device_trusted"
|
|
|
|
/>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
`;
|
|
|
|
|
|
|
|
exports[`<DeviceItem /> without display name 1`] = `
|
|
|
|
<div>
|
|
|
|
<div
|
2024-04-24 14:24:25 +02:00
|
|
|
aria-label="deviceId"
|
2023-04-26 12:23:32 +02:00
|
|
|
class="mx_AccessibleButton mx_UserInfo_device mx_UserInfo_device_unverified"
|
|
|
|
role="button"
|
|
|
|
tabindex="0"
|
|
|
|
>
|
|
|
|
<div
|
|
|
|
class="mx_E2EIcon mx_E2EIcon_normal"
|
|
|
|
/>
|
|
|
|
<div
|
|
|
|
class="mx_UserInfo_device_name"
|
|
|
|
>
|
|
|
|
deviceId
|
|
|
|
</div>
|
|
|
|
<div
|
|
|
|
class="mx_UserInfo_device_trusted"
|
|
|
|
/>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
`;
|
|
|
|
|
|
|
|
exports[`<UserInfo /> with crypto enabled renders <BasicUserInfo /> 1`] = `
|
|
|
|
<div>
|
|
|
|
<div
|
|
|
|
class="mx_BaseCard mx_UserInfo"
|
|
|
|
>
|
|
|
|
<div
|
|
|
|
class="mx_BaseCard_header"
|
|
|
|
>
|
2024-07-16 11:03:35 +02:00
|
|
|
<p
|
|
|
|
class="_typography_yh5dq_162 _font-body-md-medium_yh5dq_69 mx_BaseCard_header_title"
|
|
|
|
>
|
|
|
|
Profile
|
|
|
|
</p>
|
|
|
|
<button
|
|
|
|
class="_icon-button_bh2qc_17 _subtle-bg_bh2qc_38"
|
2023-04-26 12:23:32 +02:00
|
|
|
data-testid="base-card-close-button"
|
|
|
|
role="button"
|
2024-07-16 11:03:35 +02:00
|
|
|
style="--cpd-icon-button-size: 28px;"
|
2023-04-26 12:23:32 +02:00
|
|
|
tabindex="0"
|
2024-07-16 11:03:35 +02:00
|
|
|
>
|
|
|
|
<div
|
|
|
|
class="_indicator-icon_133tf_26"
|
|
|
|
style="--cpd-icon-button-size: 100%;"
|
|
|
|
>
|
|
|
|
<div />
|
|
|
|
</div>
|
|
|
|
</button>
|
2023-10-20 15:30:37 +02:00
|
|
|
</div>
|
|
|
|
<div
|
|
|
|
class="mx_AutoHideScrollbar"
|
|
|
|
tabindex="-1"
|
|
|
|
>
|
2023-04-26 12:23:32 +02:00
|
|
|
<div
|
|
|
|
class="mx_UserInfo_avatar"
|
|
|
|
>
|
|
|
|
<div
|
|
|
|
class="mx_UserInfo_avatar_transition"
|
|
|
|
>
|
|
|
|
<div
|
|
|
|
class="mx_UserInfo_avatar_transition_child"
|
|
|
|
>
|
2023-08-24 05:48:35 +02:00
|
|
|
<button
|
2023-07-07 12:54:43 +02:00
|
|
|
aria-label="Profile picture"
|
2023-04-26 12:23:32 +02:00
|
|
|
aria-live="off"
|
2024-03-07 15:40:03 +01:00
|
|
|
class="_avatar_mcap2_17 mx_BaseAvatar _avatar-imageless_mcap2_61"
|
2023-08-24 05:48:35 +02:00
|
|
|
data-color="3"
|
|
|
|
data-testid="avatar-img"
|
|
|
|
data-type="round"
|
2023-04-26 12:23:32 +02:00
|
|
|
role="button"
|
2023-08-29 09:57:23 +02:00
|
|
|
style="--cpd-avatar-size: 230.39999999999998px;"
|
2023-04-26 12:23:32 +02:00
|
|
|
>
|
2023-08-24 05:48:35 +02:00
|
|
|
u
|
|
|
|
</button>
|
2023-04-26 12:23:32 +02:00
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div
|
|
|
|
class="mx_UserInfo_container mx_UserInfo_separator"
|
|
|
|
>
|
|
|
|
<div
|
|
|
|
class="mx_UserInfo_profile"
|
|
|
|
>
|
|
|
|
<div>
|
|
|
|
<h2>
|
|
|
|
<span
|
|
|
|
aria-label="@user:example.com"
|
|
|
|
dir="auto"
|
|
|
|
title="@user:example.com"
|
|
|
|
>
|
|
|
|
@user:example.com
|
|
|
|
</span>
|
|
|
|
</h2>
|
|
|
|
</div>
|
|
|
|
<div
|
|
|
|
class="mx_UserInfo_profile_mxid"
|
|
|
|
>
|
|
|
|
customUserIdentifier
|
|
|
|
</div>
|
|
|
|
<div
|
|
|
|
class="mx_UserInfo_profileStatus"
|
|
|
|
>
|
|
|
|
<div
|
|
|
|
class="mx_PresenceLabel"
|
|
|
|
>
|
|
|
|
Unknown
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div
|
|
|
|
class="mx_UserInfo_container"
|
|
|
|
>
|
|
|
|
<h3>
|
|
|
|
Security
|
|
|
|
</h3>
|
|
|
|
<p>
|
|
|
|
Messages in this room are not end-to-end encrypted.
|
|
|
|
</p>
|
|
|
|
<div
|
|
|
|
class="mx_UserInfo_container_verifyButton"
|
|
|
|
>
|
|
|
|
<div
|
|
|
|
class="mx_AccessibleButton mx_UserInfo_field mx_UserInfo_verifyButton mx_AccessibleButton_hasKind mx_AccessibleButton_kind_link"
|
|
|
|
role="button"
|
|
|
|
tabindex="0"
|
|
|
|
>
|
|
|
|
Verify
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div
|
|
|
|
class="mx_UserInfo_devices"
|
|
|
|
>
|
|
|
|
<div />
|
|
|
|
<div>
|
|
|
|
<div
|
|
|
|
class="mx_AccessibleButton mx_UserInfo_expand mx_AccessibleButton_hasKind mx_AccessibleButton_kind_link"
|
|
|
|
role="button"
|
|
|
|
tabindex="0"
|
|
|
|
>
|
|
|
|
<div
|
|
|
|
class="mx_E2EIcon mx_E2EIcon_normal"
|
|
|
|
/>
|
|
|
|
<div>
|
|
|
|
1 session
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div
|
|
|
|
class="mx_UserInfo_container"
|
|
|
|
>
|
|
|
|
<h3>
|
|
|
|
Options
|
|
|
|
</h3>
|
|
|
|
<div>
|
|
|
|
<div
|
|
|
|
class="mx_AccessibleButton mx_UserInfo_field mx_AccessibleButton_hasKind mx_AccessibleButton_kind_link"
|
|
|
|
role="button"
|
|
|
|
tabindex="0"
|
|
|
|
>
|
|
|
|
Message
|
|
|
|
</div>
|
|
|
|
<div
|
|
|
|
class="mx_AccessibleButton mx_UserInfo_field mx_AccessibleButton_hasKind mx_AccessibleButton_kind_link"
|
|
|
|
role="button"
|
|
|
|
tabindex="0"
|
|
|
|
>
|
|
|
|
Share Link to User
|
|
|
|
</div>
|
|
|
|
<div
|
|
|
|
class="mx_AccessibleButton mx_UserInfo_field mx_UserInfo_destructive mx_AccessibleButton_hasKind mx_AccessibleButton_kind_link"
|
|
|
|
role="button"
|
|
|
|
tabindex="0"
|
|
|
|
>
|
|
|
|
Ignore
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
`;
|
2024-05-28 09:41:20 +02:00
|
|
|
|
|
|
|
exports[`<UserInfo /> with crypto enabled should render a deactivate button for users of the same server if we are a server admin 1`] = `
|
|
|
|
<div>
|
|
|
|
<div
|
|
|
|
class="mx_BaseCard mx_UserInfo"
|
|
|
|
>
|
|
|
|
<div
|
|
|
|
class="mx_BaseCard_header"
|
|
|
|
>
|
2024-07-16 11:03:35 +02:00
|
|
|
<p
|
|
|
|
class="_typography_yh5dq_162 _font-body-md-medium_yh5dq_69 mx_BaseCard_header_title"
|
|
|
|
>
|
|
|
|
Profile
|
|
|
|
</p>
|
|
|
|
<button
|
|
|
|
class="_icon-button_bh2qc_17 _subtle-bg_bh2qc_38"
|
2024-05-28 09:41:20 +02:00
|
|
|
data-testid="base-card-close-button"
|
|
|
|
role="button"
|
2024-07-16 11:03:35 +02:00
|
|
|
style="--cpd-icon-button-size: 28px;"
|
2024-05-28 09:41:20 +02:00
|
|
|
tabindex="0"
|
2024-07-16 11:03:35 +02:00
|
|
|
>
|
|
|
|
<div
|
|
|
|
class="_indicator-icon_133tf_26"
|
|
|
|
style="--cpd-icon-button-size: 100%;"
|
|
|
|
>
|
|
|
|
<div />
|
|
|
|
</div>
|
|
|
|
</button>
|
2024-05-28 09:41:20 +02:00
|
|
|
</div>
|
|
|
|
<div
|
|
|
|
class="mx_AutoHideScrollbar"
|
|
|
|
tabindex="-1"
|
|
|
|
>
|
|
|
|
<div
|
|
|
|
class="mx_UserInfo_avatar"
|
|
|
|
>
|
|
|
|
<div
|
|
|
|
class="mx_UserInfo_avatar_transition"
|
|
|
|
>
|
|
|
|
<div
|
|
|
|
class="mx_UserInfo_avatar_transition_child"
|
|
|
|
>
|
|
|
|
<button
|
|
|
|
aria-label="Profile picture"
|
|
|
|
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: 230.39999999999998px;"
|
|
|
|
>
|
|
|
|
u
|
|
|
|
</button>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div
|
|
|
|
class="mx_UserInfo_container mx_UserInfo_separator"
|
|
|
|
>
|
|
|
|
<div
|
|
|
|
class="mx_UserInfo_profile"
|
|
|
|
>
|
|
|
|
<div>
|
|
|
|
<h2>
|
|
|
|
<span
|
|
|
|
aria-label="@user:example.com"
|
|
|
|
dir="auto"
|
|
|
|
title="@user:example.com"
|
|
|
|
>
|
|
|
|
@user:example.com
|
|
|
|
</span>
|
|
|
|
</h2>
|
|
|
|
</div>
|
|
|
|
<div
|
|
|
|
class="mx_UserInfo_profile_mxid"
|
|
|
|
>
|
|
|
|
customUserIdentifier
|
|
|
|
</div>
|
|
|
|
<div
|
|
|
|
class="mx_UserInfo_profileStatus"
|
|
|
|
>
|
|
|
|
<div
|
|
|
|
class="mx_PresenceLabel"
|
|
|
|
>
|
|
|
|
Unknown
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div
|
|
|
|
class="mx_UserInfo_container"
|
|
|
|
>
|
|
|
|
<h3>
|
|
|
|
Security
|
|
|
|
</h3>
|
|
|
|
<p>
|
|
|
|
Messages in this room are not end-to-end encrypted.
|
|
|
|
</p>
|
|
|
|
<div
|
|
|
|
class="mx_UserInfo_container_verifyButton"
|
|
|
|
>
|
|
|
|
<div
|
|
|
|
class="mx_AccessibleButton mx_UserInfo_field mx_UserInfo_verifyButton mx_AccessibleButton_hasKind mx_AccessibleButton_kind_link"
|
|
|
|
role="button"
|
|
|
|
tabindex="0"
|
|
|
|
>
|
|
|
|
Verify
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div
|
|
|
|
class="mx_UserInfo_devices"
|
|
|
|
>
|
|
|
|
<div />
|
|
|
|
<div>
|
|
|
|
<div
|
|
|
|
class="mx_AccessibleButton mx_UserInfo_expand mx_AccessibleButton_hasKind mx_AccessibleButton_kind_link"
|
|
|
|
role="button"
|
|
|
|
tabindex="0"
|
|
|
|
>
|
|
|
|
<div
|
|
|
|
class="mx_E2EIcon mx_E2EIcon_normal"
|
|
|
|
/>
|
|
|
|
<div>
|
|
|
|
1 session
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div
|
|
|
|
class="mx_UserInfo_container"
|
|
|
|
>
|
|
|
|
<h3>
|
|
|
|
Options
|
|
|
|
</h3>
|
|
|
|
<div>
|
|
|
|
<div
|
|
|
|
class="mx_AccessibleButton mx_UserInfo_field mx_AccessibleButton_hasKind mx_AccessibleButton_kind_link"
|
|
|
|
role="button"
|
|
|
|
tabindex="0"
|
|
|
|
>
|
|
|
|
Message
|
|
|
|
</div>
|
|
|
|
<div
|
|
|
|
class="mx_AccessibleButton mx_UserInfo_field mx_AccessibleButton_hasKind mx_AccessibleButton_kind_link"
|
|
|
|
role="button"
|
|
|
|
tabindex="0"
|
|
|
|
>
|
|
|
|
Share Link to User
|
|
|
|
</div>
|
|
|
|
<div
|
|
|
|
class="mx_AccessibleButton mx_UserInfo_field mx_UserInfo_destructive mx_AccessibleButton_hasKind mx_AccessibleButton_kind_link"
|
|
|
|
role="button"
|
|
|
|
tabindex="0"
|
|
|
|
>
|
|
|
|
Ignore
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div
|
|
|
|
class="mx_UserInfo_container"
|
|
|
|
>
|
|
|
|
<h3>
|
|
|
|
Admin Tools
|
|
|
|
</h3>
|
|
|
|
<div
|
|
|
|
class="mx_UserInfo_buttons"
|
|
|
|
>
|
|
|
|
<div
|
|
|
|
class="mx_AccessibleButton mx_UserInfo_field mx_UserInfo_destructive mx_AccessibleButton_hasKind mx_AccessibleButton_kind_link"
|
|
|
|
role="button"
|
|
|
|
tabindex="0"
|
|
|
|
>
|
|
|
|
Deactivate user
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
`;
|