* Switch to Compound icons in ServerPicker Signed-off-by: Michael Telatynski <7t3chguy@gmail.com> * Switch to Compound ask-to-join icon Signed-off-by: Michael Telatynski <7t3chguy@gmail.com> * Switch to Compound invite icon Signed-off-by: Michael Telatynski <7t3chguy@gmail.com> * Switch to Compound pin icon Signed-off-by: Michael Telatynski <7t3chguy@gmail.com> * Switch to Compound Spinner Signed-off-by: Michael Telatynski <7t3chguy@gmail.com> * Update snapshots Signed-off-by: Michael Telatynski <7t3chguy@gmail.com> * Fix ServerPicker icon rendering Signed-off-by: Michael Telatynski <7t3chguy@gmail.com> * Update screenshots Signed-off-by: Michael Telatynski <7t3chguy@gmail.com> * Update screenshot Signed-off-by: Michael Telatynski <7t3chguy@gmail.com> * Replace search-inset.svg with Compound Message icon Signed-off-by: Michael Telatynski <7t3chguy@gmail.com> --------- Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>
205 lines
7.0 KiB
Plaintext
205 lines
7.0 KiB
Plaintext
// Jest Snapshot v1, https://jestjs.io/docs/snapshot-testing
|
|
|
|
exports[`<RoomSettingsDialog /> Settings tabs renders default tabs correctly 1`] = `
|
|
NodeList [
|
|
<li
|
|
aria-controls="mx_tabpanel_ROOM_GENERAL_TAB"
|
|
aria-selected="true"
|
|
class="mx_AccessibleButton mx_TabbedView_tabLabel mx_TabbedView_tabLabel_active"
|
|
data-testid="settings-tab-ROOM_GENERAL_TAB"
|
|
role="tab"
|
|
tabindex="0"
|
|
>
|
|
<svg
|
|
fill="currentColor"
|
|
height="1em"
|
|
viewBox="0 0 24 24"
|
|
width="1em"
|
|
xmlns="http://www.w3.org/2000/svg"
|
|
>
|
|
<path
|
|
d="M12.731 2C13.432 2 14 2.568 14 3.269c0 .578.396 1.074.935 1.286q.128.052.253.106c.531.23 1.162.16 1.572-.25a1.27 1.27 0 0 1 1.794 0l1.034 1.035a1.27 1.27 0 0 1 0 1.794c-.41.41-.48 1.04-.248 1.572l.105.253c.212.539.708.935 1.286.935.701 0 1.269.568 1.269 1.269v1.462c0 .701-.568 1.269-1.269 1.269-.578 0-1.074.396-1.287.935q-.05.128-.104.253c-.232.531-.161 1.162.248 1.572a1.27 1.27 0 0 1 0 1.794l-1.034 1.034a1.27 1.27 0 0 1-1.794 0c-.41-.41-1.04-.48-1.572-.248a8 8 0 0 1-.253.105c-.539.212-.935.708-.935 1.286 0 .701-.568 1.269-1.269 1.269H11.27c-.702 0-1.27-.568-1.27-1.269 0-.578-.396-1.074-.935-1.287a8 8 0 0 1-.253-.104c-.531-.232-1.162-.161-1.572.248a1.27 1.27 0 0 1-1.794 0l-1.034-1.034a1.27 1.27 0 0 1 0-1.794c.41-.41.48-1.04.249-1.572a8 8 0 0 1-.106-.253C4.343 14.396 3.847 14 3.27 14 2.568 14 2 13.432 2 12.731V11.27c0-.702.568-1.27 1.269-1.27.578 0 1.074-.396 1.286-.935q.052-.128.106-.253c.23-.531.16-1.162-.25-1.572a1.27 1.27 0 0 1 0-1.794l1.035-1.034a1.27 1.27 0 0 1 1.794 0c.41.41 1.04.48 1.572.249a8 8 0 0 1 .253-.106c.539-.212.935-.708.935-1.286C10 2.568 10.568 2 11.269 2zM12 16a4 4 0 1 0 0-8 4 4 0 0 0 0 8"
|
|
/>
|
|
</svg>
|
|
<span
|
|
class="mx_TabbedView_tabLabel_text"
|
|
id="mx_tabpanel_ROOM_GENERAL_TAB_label"
|
|
>
|
|
General
|
|
</span>
|
|
</li>,
|
|
<li
|
|
aria-controls="mx_tabpanel_ROOM_SECURITY_TAB"
|
|
aria-selected="false"
|
|
class="mx_AccessibleButton mx_TabbedView_tabLabel"
|
|
data-testid="settings-tab-ROOM_SECURITY_TAB"
|
|
role="tab"
|
|
tabindex="-1"
|
|
>
|
|
<svg
|
|
fill="currentColor"
|
|
height="1em"
|
|
viewBox="0 0 24 24"
|
|
width="1em"
|
|
xmlns="http://www.w3.org/2000/svg"
|
|
>
|
|
<path
|
|
d="M6 22q-.824 0-1.412-.587A1.93 1.93 0 0 1 4 20V10q0-.825.588-1.412A1.93 1.93 0 0 1 6 8h1V6q0-2.075 1.463-3.537Q9.926 1 12 1q2.075 0 3.537 1.463Q17 3.925 17 6v2h1q.824 0 1.413.588Q20 9.175 20 10v10q0 .824-.587 1.413A1.93 1.93 0 0 1 18 22zM9 8h6V6q0-1.25-.875-2.125A2.9 2.9 0 0 0 12 3q-1.25 0-2.125.875A2.9 2.9 0 0 0 9 6z"
|
|
/>
|
|
</svg>
|
|
<span
|
|
class="mx_TabbedView_tabLabel_text"
|
|
id="mx_tabpanel_ROOM_SECURITY_TAB_label"
|
|
>
|
|
Security & Privacy
|
|
</span>
|
|
</li>,
|
|
<li
|
|
aria-controls="mx_tabpanel_ROOM_ROLES_TAB"
|
|
aria-selected="false"
|
|
class="mx_AccessibleButton mx_TabbedView_tabLabel"
|
|
data-testid="settings-tab-ROOM_ROLES_TAB"
|
|
role="tab"
|
|
tabindex="-1"
|
|
>
|
|
<svg
|
|
fill="currentColor"
|
|
height="1em"
|
|
viewBox="0 0 24 24"
|
|
width="1em"
|
|
xmlns="http://www.w3.org/2000/svg"
|
|
>
|
|
<path
|
|
clip-rule="evenodd"
|
|
d="m12 4.236-6 3V12c0 5.156 4.239 7.254 6 7.898 1.761-.644 6-2.742 6-7.898V7.236zm-.894-1.789a2 2 0 0 1 1.788 0l6 3A2 2 0 0 1 20 7.236V12c0 6.742-5.773 9.246-7.51 9.846-.32.111-.66.111-.98 0C9.774 21.246 4 18.743 4 12V7.236a2 2 0 0 1 1.106-1.789z"
|
|
fill-rule="evenodd"
|
|
/>
|
|
</svg>
|
|
<span
|
|
class="mx_TabbedView_tabLabel_text"
|
|
id="mx_tabpanel_ROOM_ROLES_TAB_label"
|
|
>
|
|
Roles & Permissions
|
|
</span>
|
|
</li>,
|
|
<li
|
|
aria-controls="mx_tabpanel_ROOM_NOTIFICATIONS_TAB"
|
|
aria-selected="false"
|
|
class="mx_AccessibleButton mx_TabbedView_tabLabel"
|
|
data-testid="settings-tab-ROOM_NOTIFICATIONS_TAB"
|
|
role="tab"
|
|
tabindex="-1"
|
|
>
|
|
<div />
|
|
<span
|
|
class="mx_TabbedView_tabLabel_text"
|
|
id="mx_tabpanel_ROOM_NOTIFICATIONS_TAB_label"
|
|
>
|
|
Notifications
|
|
</span>
|
|
</li>,
|
|
<li
|
|
aria-controls="mx_tabpanel_ROOM_POLL_HISTORY_TAB"
|
|
aria-selected="false"
|
|
class="mx_AccessibleButton mx_TabbedView_tabLabel"
|
|
data-testid="settings-tab-ROOM_POLL_HISTORY_TAB"
|
|
role="tab"
|
|
tabindex="-1"
|
|
>
|
|
<svg
|
|
fill="currentColor"
|
|
height="1em"
|
|
viewBox="0 0 24 24"
|
|
width="1em"
|
|
xmlns="http://www.w3.org/2000/svg"
|
|
>
|
|
<path
|
|
d="M16 10q.424 0 .712-.287A.97.97 0 0 0 17 9a.97.97 0 0 0-.288-.713A.97.97 0 0 0 16 8h-3a.97.97 0 0 0-.713.287A.97.97 0 0 0 12 9q0 .424.287.713.288.287.713.287zm0 6q.424 0 .712-.287A.97.97 0 0 0 17 15a.97.97 0 0 0-.288-.713A.97.97 0 0 0 16 14h-3a.97.97 0 0 0-.713.287A.97.97 0 0 0 12 15q0 .424.287.713.288.287.713.287zm-7-5q.825 0 1.412-.588Q11 9.826 11 9t-.588-1.412A1.93 1.93 0 0 0 9 7q-.825 0-1.412.588A1.93 1.93 0 0 0 7 9q0 .825.588 1.412Q8.175 11 9 11m0 6q.825 0 1.412-.587Q11 15.825 11 15t-.588-1.412A1.93 1.93 0 0 0 9 13q-.825 0-1.412.588A1.93 1.93 0 0 0 7 15q0 .824.588 1.413Q8.175 17 9 17m-4 4q-.824 0-1.412-.587A1.93 1.93 0 0 1 3 19V5q0-.824.587-1.412A1.93 1.93 0 0 1 5 3h14q.824 0 1.413.587Q21 4.176 21 5v14q0 .824-.587 1.413A1.93 1.93 0 0 1 19 21zm0-2h14V5H5z"
|
|
/>
|
|
</svg>
|
|
<span
|
|
class="mx_TabbedView_tabLabel_text"
|
|
id="mx_tabpanel_ROOM_POLL_HISTORY_TAB_label"
|
|
>
|
|
Polls
|
|
</span>
|
|
</li>,
|
|
]
|
|
`;
|
|
|
|
exports[`<RoomSettingsDialog /> poll history displays poll history when tab clicked 1`] = `
|
|
<div
|
|
class="mx_SettingsTab"
|
|
>
|
|
<div
|
|
class="mx_PollHistory_content"
|
|
>
|
|
<h2
|
|
class="mx_Heading_h2 mx_PollHistory_header"
|
|
>
|
|
Polls
|
|
</h2>
|
|
<div
|
|
class="mx_PollHistoryList"
|
|
>
|
|
<fieldset
|
|
class="mx_FilterTabGroup"
|
|
>
|
|
<label
|
|
data-testid="filter-tab-PollHistory_filter-ACTIVE"
|
|
>
|
|
<input
|
|
checked=""
|
|
name="PollHistory_filter"
|
|
type="radio"
|
|
value="ACTIVE"
|
|
/>
|
|
<span>
|
|
Active polls
|
|
</span>
|
|
</label>
|
|
<label
|
|
data-testid="filter-tab-PollHistory_filter-ENDED"
|
|
>
|
|
<input
|
|
name="PollHistory_filter"
|
|
type="radio"
|
|
value="ENDED"
|
|
/>
|
|
<span>
|
|
Past polls
|
|
</span>
|
|
</label>
|
|
</fieldset>
|
|
<div
|
|
class="mx_PollHistoryList_loading mx_PollHistoryList_noResultsYet"
|
|
>
|
|
<span
|
|
class="mx_InlineSpinner"
|
|
>
|
|
<svg
|
|
aria-label="Loading…"
|
|
class="_icon_11k6c_18"
|
|
data-testid="spinner"
|
|
fill="currentColor"
|
|
height="1em"
|
|
role="progressbar"
|
|
style="width: 20px; height: 20px;"
|
|
viewBox="0 0 24 24"
|
|
width="1em"
|
|
xmlns="http://www.w3.org/2000/svg"
|
|
>
|
|
<path
|
|
clip-rule="evenodd"
|
|
d="M12 4.031a8 8 0 1 0 8 8 1 1 0 0 1 2 0c0 5.523-4.477 10-10 10s-10-4.477-10-10 4.477-10 10-10a1 1 0 1 1 0 2"
|
|
fill-rule="evenodd"
|
|
/>
|
|
</svg>
|
|
</span>
|
|
Loading polls
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
`;
|