mirror of
https://github.com/vector-im/element-web.git
synced 2024-11-25 18:08:14 +08:00
0c5ad457f0
* display inactive status on device tile * unify DeviceSecurityVariation type, add correct icon to inactive ui * move types into type file * move DeviceSecurityVariation into types * add security recommendations section * add view all stubbed buttons * undeo debug * test security recs * remove debug * use css for card spacing
281 lines
7.0 KiB
Plaintext
281 lines
7.0 KiB
Plaintext
// Jest Snapshot v1, https://goo.gl/fbAQLP
|
|
|
|
exports[`<SecurityRecommendations /> renders both cards when user has both unverified and inactive devices 1`] = `
|
|
<div>
|
|
<div
|
|
class="mx_SettingsSubsection"
|
|
data-testid="security-recommendations-section"
|
|
>
|
|
<h3
|
|
class="mx_Heading_h3 mx_SettingsSubsection_heading"
|
|
>
|
|
Security recommendations
|
|
</h3>
|
|
<div
|
|
class="mx_SettingsSubsection_description"
|
|
>
|
|
Improve your account security by following these recommendations
|
|
</div>
|
|
<div
|
|
class="mx_SettingsSubsection_content"
|
|
>
|
|
<div
|
|
class="mx_DeviceSecurityCard"
|
|
>
|
|
<div
|
|
class="mx_DeviceSecurityCard_icon Unverified"
|
|
>
|
|
<div
|
|
height="16"
|
|
width="16"
|
|
/>
|
|
</div>
|
|
<div
|
|
class="mx_DeviceSecurityCard_content"
|
|
>
|
|
<p
|
|
class="mx_DeviceSecurityCard_heading"
|
|
>
|
|
Unverified sessions
|
|
</p>
|
|
<p
|
|
class="mx_DeviceSecurityCard_description"
|
|
>
|
|
Verify your sessions for enhanced secure messaging or sign out from those you don't recognize or use anymore.
|
|
</p>
|
|
<div
|
|
class="mx_AccessibleButton mx_AccessibleButton_hasKind mx_AccessibleButton_kind_link_inline"
|
|
role="button"
|
|
tabindex="0"
|
|
>
|
|
View all (1)
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div
|
|
class="mx_SecurityRecommendations_spacing"
|
|
/>
|
|
<div
|
|
class="mx_DeviceSecurityCard"
|
|
>
|
|
<div
|
|
class="mx_DeviceSecurityCard_icon Inactive"
|
|
>
|
|
<div
|
|
height="16"
|
|
width="16"
|
|
/>
|
|
</div>
|
|
<div
|
|
class="mx_DeviceSecurityCard_content"
|
|
>
|
|
<p
|
|
class="mx_DeviceSecurityCard_heading"
|
|
>
|
|
Inactive sessions
|
|
</p>
|
|
<p
|
|
class="mx_DeviceSecurityCard_description"
|
|
>
|
|
Consider signing out from old sessions (90 days or older) you don't use anymore
|
|
</p>
|
|
<div
|
|
class="mx_AccessibleButton mx_AccessibleButton_hasKind mx_AccessibleButton_kind_link_inline"
|
|
role="button"
|
|
tabindex="0"
|
|
>
|
|
View all (1)
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
`;
|
|
|
|
exports[`<SecurityRecommendations /> renders inactive devices section when user has inactive devices 1`] = `
|
|
<div>
|
|
<div
|
|
class="mx_SettingsSubsection"
|
|
data-testid="security-recommendations-section"
|
|
>
|
|
<h3
|
|
class="mx_Heading_h3 mx_SettingsSubsection_heading"
|
|
>
|
|
Security recommendations
|
|
</h3>
|
|
<div
|
|
class="mx_SettingsSubsection_description"
|
|
>
|
|
Improve your account security by following these recommendations
|
|
</div>
|
|
<div
|
|
class="mx_SettingsSubsection_content"
|
|
>
|
|
<div
|
|
class="mx_DeviceSecurityCard"
|
|
>
|
|
<div
|
|
class="mx_DeviceSecurityCard_icon Unverified"
|
|
>
|
|
<div
|
|
height="16"
|
|
width="16"
|
|
/>
|
|
</div>
|
|
<div
|
|
class="mx_DeviceSecurityCard_content"
|
|
>
|
|
<p
|
|
class="mx_DeviceSecurityCard_heading"
|
|
>
|
|
Unverified sessions
|
|
</p>
|
|
<p
|
|
class="mx_DeviceSecurityCard_description"
|
|
>
|
|
Verify your sessions for enhanced secure messaging or sign out from those you don't recognize or use anymore.
|
|
</p>
|
|
<div
|
|
class="mx_AccessibleButton mx_AccessibleButton_hasKind mx_AccessibleButton_kind_link_inline"
|
|
role="button"
|
|
tabindex="0"
|
|
>
|
|
View all (1)
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div
|
|
class="mx_SecurityRecommendations_spacing"
|
|
/>
|
|
<div
|
|
class="mx_DeviceSecurityCard"
|
|
>
|
|
<div
|
|
class="mx_DeviceSecurityCard_icon Inactive"
|
|
>
|
|
<div
|
|
height="16"
|
|
width="16"
|
|
/>
|
|
</div>
|
|
<div
|
|
class="mx_DeviceSecurityCard_content"
|
|
>
|
|
<p
|
|
class="mx_DeviceSecurityCard_heading"
|
|
>
|
|
Inactive sessions
|
|
</p>
|
|
<p
|
|
class="mx_DeviceSecurityCard_description"
|
|
>
|
|
Consider signing out from old sessions (90 days or older) you don't use anymore
|
|
</p>
|
|
<div
|
|
class="mx_AccessibleButton mx_AccessibleButton_hasKind mx_AccessibleButton_kind_link_inline"
|
|
role="button"
|
|
tabindex="0"
|
|
>
|
|
View all (1)
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
`;
|
|
|
|
exports[`<SecurityRecommendations /> renders unverified devices section when user has unverified devices 1`] = `
|
|
<div>
|
|
<div
|
|
class="mx_SettingsSubsection"
|
|
data-testid="security-recommendations-section"
|
|
>
|
|
<h3
|
|
class="mx_Heading_h3 mx_SettingsSubsection_heading"
|
|
>
|
|
Security recommendations
|
|
</h3>
|
|
<div
|
|
class="mx_SettingsSubsection_description"
|
|
>
|
|
Improve your account security by following these recommendations
|
|
</div>
|
|
<div
|
|
class="mx_SettingsSubsection_content"
|
|
>
|
|
<div
|
|
class="mx_DeviceSecurityCard"
|
|
>
|
|
<div
|
|
class="mx_DeviceSecurityCard_icon Unverified"
|
|
>
|
|
<div
|
|
height="16"
|
|
width="16"
|
|
/>
|
|
</div>
|
|
<div
|
|
class="mx_DeviceSecurityCard_content"
|
|
>
|
|
<p
|
|
class="mx_DeviceSecurityCard_heading"
|
|
>
|
|
Unverified sessions
|
|
</p>
|
|
<p
|
|
class="mx_DeviceSecurityCard_description"
|
|
>
|
|
Verify your sessions for enhanced secure messaging or sign out from those you don't recognize or use anymore.
|
|
</p>
|
|
<div
|
|
class="mx_AccessibleButton mx_AccessibleButton_hasKind mx_AccessibleButton_kind_link_inline"
|
|
role="button"
|
|
tabindex="0"
|
|
>
|
|
View all (2)
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div
|
|
class="mx_SecurityRecommendations_spacing"
|
|
/>
|
|
<div
|
|
class="mx_DeviceSecurityCard"
|
|
>
|
|
<div
|
|
class="mx_DeviceSecurityCard_icon Inactive"
|
|
>
|
|
<div
|
|
height="16"
|
|
width="16"
|
|
/>
|
|
</div>
|
|
<div
|
|
class="mx_DeviceSecurityCard_content"
|
|
>
|
|
<p
|
|
class="mx_DeviceSecurityCard_heading"
|
|
>
|
|
Inactive sessions
|
|
</p>
|
|
<p
|
|
class="mx_DeviceSecurityCard_description"
|
|
>
|
|
Consider signing out from old sessions (90 days or older) you don't use anymore
|
|
</p>
|
|
<div
|
|
class="mx_AccessibleButton mx_AccessibleButton_hasKind mx_AccessibleButton_kind_link_inline"
|
|
role="button"
|
|
tabindex="0"
|
|
>
|
|
View all (1)
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
`;
|