a1a087f755
* RovingTabIndex handle looping around start/end * Make TabbedView expose aria tabpanel/tablist/tab roles * Fix right panel being wrongly specified as aria tabs Not all right panels map to the top right header buttons so we cannot describe it as a tabpanel relation * tsc strict * Update snapshots * Fix ARIA AXE violation * Update tests
84 lines
2 KiB
Text
84 lines
2 KiB
Text
// Jest Snapshot v1, https://goo.gl/fbAQLP
|
|
|
|
exports[`<TabbedView /> renders tabs 1`] = `
|
|
<div>
|
|
<div
|
|
class="mx_TabbedView mx_TabbedView_tabsOnLeft"
|
|
>
|
|
<div
|
|
aria-orientation="vertical"
|
|
class="mx_TabbedView_tabLabels"
|
|
role="tablist"
|
|
>
|
|
<div
|
|
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>
|
|
</div>
|
|
<div
|
|
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>
|
|
</div>
|
|
<div
|
|
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>
|
|
</div>
|
|
</div>
|
|
<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>
|
|
`;
|