jonny
/
Vector-Local
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Merge "Add data-event-name attributes to legacy and sidebar TOC"

This commit is contained in:
jenkins-bot 2022-03-23 22:00:45 +00:00 committed by Gerrit Code Review
parent c73e551d49 ac54984d75
commit 1b8ee10357
3 changed files with 10 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
includes/templates/TableOfContents.mustache
View File

@ -1,4 +1,4 @@
<nav id="mw-panel-toc" class="sidebar-toc" role="navigation" aria-labelledby="sidebar-toc-header">
<nav id="mw-panel-toc" class="sidebar-toc" role="navigation" aria-labelledby="sidebar-toc-header" data-event-name="ui.sidebar-toc">
<div class="sidebar-toc-header">
<h2 class="sidebar-toc-title" aria-hidden="true">{{ msg-vector-toc-heading }}</h2>
</div>

7
resources/skins.vector.es6/main.js
View File

@ -8,6 +8,7 @@ const
initTableOfContents = require( './tableOfContents.js' ),
deferUntilFrame = require( './deferUntilFrame.js' ),
TOC_ID = 'mw-panel-toc',
LEGACY_TOC_ID = 'toc',
BODY_CONTENT_ID = 'bodyContent',
HEADLINE_SELECTOR = '.mw-headline',
TOC_SECTION_ID_PREFIX = 'toc-',
@ -70,8 +71,14 @@ const main = () => {
// Table of contents
const tocElement = document.getElementById( TOC_ID );
const legacyTOCElement = document.getElementById( LEGACY_TOC_ID );
const bodyContent = document.getElementById( BODY_CONTENT_ID );
// Add event data attributes to legacy TOC
if ( legacyTOCElement ) {
legacyTOCElement.setAttribute( 'data-event-name', 'ui.toc' );
}
if ( !(
tocElement &&
bodyContent &&

4
tests/jest/__snapshots__/tableOfContents.test.js.snap
View File

@ -1,7 +1,7 @@
// Jest Snapshot v1, https://goo.gl/fbAQLP
exports[`Table of contents when \`vector-is-collapse-sections-enabled\` is false renders 1`] = `
"<nav id=\\"mw-panel-toc\\" class=\\"sidebar-toc\\" role=\\"navigation\\" aria-labelledby=\\"sidebar-toc-header\\">
"<nav id=\\"mw-panel-toc\\" class=\\"sidebar-toc\\" role=\\"navigation\\" aria-labelledby=\\"sidebar-toc-header\\" data-event-name=\\"ui.sidebar-toc\\">
<div class=\\"sidebar-toc-header\\">
<h2 class=\\"sidebar-toc-title\\" aria-hidden=\\"true\\">Contents</h2>
</div>
@ -53,7 +53,7 @@ exports[`Table of contents when \`vector-is-collapse-sections-enabled\` is false
`;
exports[`Table of contents when \`vector-is-collapse-sections-enabled\` is true renders 1`] = `
"<nav id=\\"mw-panel-toc\\" class=\\"sidebar-toc\\" role=\\"navigation\\" aria-labelledby=\\"sidebar-toc-header\\">
"<nav id=\\"mw-panel-toc\\" class=\\"sidebar-toc\\" role=\\"navigation\\" aria-labelledby=\\"sidebar-toc-header\\" data-event-name=\\"ui.sidebar-toc\\">
<div class=\\"sidebar-toc-header\\">
<h2 class=\\"sidebar-toc-title\\" aria-hidden=\\"true\\">Contents</h2>
</div>