mirror of
https://github.com/vector-im/element-web.git
synced 2024-11-25 18:08:14 +08:00
296ed2273e
* Use semantic list elements for pop up menu lists * Use semantic list elements for tab lists * Fix tests * Update snapshot
85 lines
2.0 KiB
Plaintext
85 lines
2.0 KiB
Plaintext
// Jest Snapshot v1, https://goo.gl/fbAQLP
|
|
|
|
exports[`<TabbedView /> renders tabs 1`] = `
|
|
<div>
|
|
<div
|
|
class="mx_TabbedView mx_TabbedView_tabsOnLeft"
|
|
>
|
|
<ul
|
|
aria-orientation="vertical"
|
|
class="mx_TabbedView_tabLabels"
|
|
role="tablist"
|
|
>
|
|
<li
|
|
aria-controls="mx_tabpanel_GENERAL"
|
|
aria-selected="true"
|
|
class="mx_AccessibleButton mx_TabbedView_tabLabel mx_TabbedView_tabLabel_active"
|
|
data-testid="settings-tab-GENERAL"
|
|
role="tab"
|
|
tabindex="0"
|
|
>
|
|
<span
|
|
class="mx_TabbedView_maskedIcon general"
|
|
/>
|
|
<span
|
|
class="mx_TabbedView_tabLabel_text"
|
|
id="mx_tabpanel_GENERAL_label"
|
|
>
|
|
General
|
|
</span>
|
|
</li>
|
|
<li
|
|
aria-controls="mx_tabpanel_LABS"
|
|
aria-selected="false"
|
|
class="mx_AccessibleButton mx_TabbedView_tabLabel"
|
|
data-testid="settings-tab-LABS"
|
|
role="tab"
|
|
tabindex="-1"
|
|
>
|
|
<span
|
|
class="mx_TabbedView_maskedIcon labs"
|
|
/>
|
|
<span
|
|
class="mx_TabbedView_tabLabel_text"
|
|
id="mx_tabpanel_LABS_label"
|
|
>
|
|
Labs
|
|
</span>
|
|
</li>
|
|
<li
|
|
aria-controls="mx_tabpanel_SECURITY"
|
|
aria-selected="false"
|
|
class="mx_AccessibleButton mx_TabbedView_tabLabel"
|
|
data-testid="settings-tab-SECURITY"
|
|
role="tab"
|
|
tabindex="-1"
|
|
>
|
|
<span
|
|
class="mx_TabbedView_maskedIcon security"
|
|
/>
|
|
<span
|
|
class="mx_TabbedView_tabLabel_text"
|
|
id="mx_tabpanel_SECURITY_label"
|
|
>
|
|
Security
|
|
</span>
|
|
</li>
|
|
</ul>
|
|
<div
|
|
aria-labelledby="mx_tabpanel_GENERAL_label"
|
|
class="mx_TabbedView_tabPanel"
|
|
id="mx_tabpanel_GENERAL"
|
|
>
|
|
<div
|
|
class="mx_AutoHideScrollbar mx_TabbedView_tabPanelContent"
|
|
tabindex="-1"
|
|
>
|
|
<div>
|
|
general
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
`;
|