wikimedia/mediawiki-skins-Vector
1
0
Fork 0
mirror of https://gerrit.wikimedia.org/r/mediawiki/skins/Vector.git synced 2024-12-12 07:55:21 +00:00
Code Issues Packages Projects Releases Wiki Activity
mediawiki-skins-Vector/tests/jest/__snapshots__/tableOfContents.test.js.snap

205 lines
8.3 KiB
Plaintext
Raw Normal View History

Toggle ToC sections when clicking toggle button Bug: T300167 Change-Id: If1150a9e018b232da900187383aaee9c9cf331a1
2022-02-15 22:43:04 +00:00
// Jest Snapshot v1, https://goo.gl/fbAQLP
Add Jest tests for TOC before/after edit * Also increase code coverage threshold Bug: T316571 Change-Id: I6eb703bd0d23ff9d038c989562d07ec01cb7b1c8
2022-09-14 03:17:27 +00:00
exports[`Table of contents re-rendering re-renders toc when wikipage.tableOfContents hook is fired with empty sections 1`] = `
"<nav id=\\"mw-panel-toc\\" class=\\"sidebar-toc\\" role=\\"navigation\\" aria-labelledby=\\"sidebar-toc-label\\" data-event-name=\\"ui.sidebar-toc\\"></nav>
"
`;
exports[`Table of contents re-rendering re-renders toc when wikipage.tableOfContents hook is fired with sections 1`] = `
"<nav id=\\"mw-panel-toc\\" class=\\"sidebar-toc\\" role=\\"navigation\\" aria-labelledby=\\"sidebar-toc-label\\" data-event-name=\\"ui.sidebar-toc\\"><nav id=\\"mw-panel-toc\\" class=\\"sidebar-toc\\" role=\\"navigation\\" aria-labelledby=\\"sidebar-toc-label\\" data-event-name=\\"ui.sidebar-toc\\">
<div id=\\"sidebar-toc-label\\" class=\\"sidebar-toc-header\\">
<p class=\\"sidebar-toc-title\\">
Contents
<button class=\\"vector-toc-uncollapse-button\\">move to sidebar</button>
<button class=\\"vector-toc-collapse-button\\">hide</button>
</p>
</div>
<ul class=\\"sidebar-toc-contents\\" id=\\"mw-panel-toc-list\\">
<li id=\\"toc-mw-content-text\\" class=\\"sidebar-toc-list-item sidebar-toc-level-1\\">
Modify Vector 2022 skip-links - Changes the "skip to content" link to point to "#bodyContent" instead of "#content". - Adds a `aria-labelledby` attribute to #bodyContent. - Changes the table of contents "back to top" link to point to "#" instead of "#top-page". - Removes "#top" link as it appeared unused. - Updates Jest snapshots. Bug: T312818 Change-Id: I86443066d45c818d6f137d70ebe36798eba66f13
2022-09-26 14:04:41 +00:00
<a href=\\"#\\" class=\\"sidebar-toc-link\\">
Add Jest tests for TOC before/after edit * Also increase code coverage threshold Bug: T316571 Change-Id: I6eb703bd0d23ff9d038c989562d07ec01cb7b1c8
2022-09-14 03:17:27 +00:00
<div class=\\"sidebar-toc-text\\">Beginning</div>
</a>
</li>
<li id=\\"toc-foo\\" class=\\"sidebar-toc-list-item sidebar-toc-level-1 sidebar-toc-list-item-expanded\\">
<a class=\\"sidebar-toc-link\\" href=\\"#foo\\">
<div class=\\"sidebar-toc-text\\">
<span class=\\"sidebar-toc-numb\\">1</span>foo</div>
</a>
<ul id=\\"toc-foo-sublist\\" class=\\"sidebar-toc-list\\">
</ul>
</li>
<li id=\\"toc-bar\\" class=\\"sidebar-toc-list-item sidebar-toc-level-1 sidebar-toc-list-item-expanded\\">
<a class=\\"sidebar-toc-link\\" href=\\"#bar\\">
<div class=\\"sidebar-toc-text\\">
<span class=\\"sidebar-toc-numb\\">2</span>bar</div>
</a>
<button aria-controls=\\"toc-bar-sublist\\" class=\\"mw-ui-icon mw-ui-icon-wikimedia-expand mw-ui-icon-small sidebar-toc-toggle\\" aria-expanded=\\"true\\">
Toggle bar subsection
</button>
<ul id=\\"toc-bar-sublist\\" class=\\"sidebar-toc-list\\">
<li id=\\"toc-baz\\" class=\\"sidebar-toc-list-item sidebar-toc-level-2\\">
<a class=\\"sidebar-toc-link\\" href=\\"#baz\\">
<div class=\\"sidebar-toc-text\\">
<span class=\\"sidebar-toc-numb\\">2.1</span>baz</div>
</a>
<ul id=\\"toc-baz-sublist\\" class=\\"sidebar-toc-list\\">
<li id=\\"toc-qux\\" class=\\"sidebar-toc-list-item sidebar-toc-level-3\\">
<a class=\\"sidebar-toc-link\\" href=\\"#qux\\">
<div class=\\"sidebar-toc-text\\">
<span class=\\"sidebar-toc-numb\\">2.1.1</span>qux</div>
</a>
<ul id=\\"toc-qux-sublist\\" class=\\"sidebar-toc-list\\">
</ul>
</li>
</ul>
</li>
</ul>
</li>
<li id=\\"toc-quux\\" class=\\"sidebar-toc-list-item sidebar-toc-level-1 sidebar-toc-list-item-expanded\\">
<a class=\\"sidebar-toc-link\\" href=\\"#quux\\">
<div class=\\"sidebar-toc-text\\">
<span class=\\"sidebar-toc-numb\\">3</span>quux</div>
</a>
<ul id=\\"toc-quux-sublist\\" class=\\"sidebar-toc-list\\">
</ul>
</li>
<li id=\\"toc-bat\\" class=\\"sidebar-toc-list-item sidebar-toc-level-1 sidebar-toc-list-item-expanded\\">
<a class=\\"sidebar-toc-link\\" href=\\"#bat\\">
<div class=\\"sidebar-toc-text\\">
<span class=\\"sidebar-toc-numb\\">4</span>bat</div>
</a>
<ul id=\\"toc-bat-sublist\\" class=\\"sidebar-toc-list\\">
</ul>
</li>
</ul>
</nav>
</nav>
"
`;
Update sticky header to use ARIA attributes for section collapsing and add accessible label to toggle buttons Bug: T303766 Change-Id: Idda4f286a42152af1d233588a1839ada5491ce95
2022-03-29 20:51:45 +00:00
exports[`Table of contents renders when \`vector-is-collapse-sections-enabled\` is false 1`] = `
"<nav id=\\"mw-panel-toc\\" class=\\"sidebar-toc\\" role=\\"navigation\\" aria-labelledby=\\"sidebar-toc-label\\" data-event-name=\\"ui.sidebar-toc\\">
<div id=\\"sidebar-toc-label\\" class=\\"sidebar-toc-header\\">
Add feature to hide/show collapsible TOC above desktop - Add hide/show links to TOC template. - Add i18n messages for hide/show text. - Add event listener to TOC js. - Update relevant TOC collapsed styles. - Update test snapshot. Bug: T307901 Change-Id: Ic94fda79bd14856ccda14985d5860aa54d3118d0
2022-07-26 20:57:51 +00:00
<p class=\\"sidebar-toc-title\\">
Contents
Minor fixes to TOC hide/show buttons Bug: T307901 Change-Id: I37c6b3b4c5c20e914423c311795dbccce2a7b3fd
2022-08-04 21:20:58 +00:00
<button class=\\"vector-toc-uncollapse-button\\"></button>
<button class=\\"vector-toc-collapse-button\\"></button>
Add feature to hide/show collapsible TOC above desktop - Add hide/show links to TOC template. - Add i18n messages for hide/show text. - Add event listener to TOC js. - Update relevant TOC collapsed styles. - Update test snapshot. Bug: T307901 Change-Id: Ic94fda79bd14856ccda14985d5860aa54d3118d0
2022-07-26 20:57:51 +00:00
</p>
Dynamically expand/collapse sub-sections in ToC based on # of headings Server render the table of contents in a collapsed state when the total number of headings is equal or greater than the value of `$wgVectorTableOfContentsCollapseAtCount`. Otherwise, the table of contents will be server rendered in its "expanded" state. In addition: * Revise table of contents tests to call one `assertion` per element so that it is easier to see the exact element that may fail an assertion. * Revise table of contents tests to call a mount function that can merge props to allow for a more flexible set of tests. * Revise table of contents tests by wrapping a `describe` around tests that expect the same prop state. * Adds typedef for table of sections props Bug: T300973 Depends-On: Ifaee451e1903f2accd0ada2f2ed6dfa3f83037b6 Change-Id: I382200bc603b6abf757a91f14a8a55a6581969bd
2022-02-18 00:19:50 +00:00
</div>
[ToC] Show new/modified sections after publishing an edit (new floating ToC) - All Frontend - All in Skin Bug: T307251 Change-Id: Icae2f03f0005b7607448127b793ff3c0010e5817
2022-08-15 16:34:28 +00:00
<ul class=\\"sidebar-toc-contents\\" id=\\"mw-panel-toc-list\\">
Table of contents links to beginning of article Bug: T301254 Change-Id: Icb0b0646f81c1070c8f47dd3297225a074f74773
2022-03-15 16:34:59 +00:00
<li id=\\"toc-mw-content-text\\" class=\\"sidebar-toc-list-item sidebar-toc-level-1\\">
Modify Vector 2022 skip-links - Changes the "skip to content" link to point to "#bodyContent" instead of "#content". - Adds a `aria-labelledby` attribute to #bodyContent. - Changes the table of contents "back to top" link to point to "#" instead of "#top-page". - Removes "#top" link as it appeared unused. - Updates Jest snapshots. Bug: T312818 Change-Id: I86443066d45c818d6f137d70ebe36798eba66f13
2022-09-26 14:04:41 +00:00
<a href=\\"#\\" class=\\"sidebar-toc-link\\">
Table of contents links to beginning of article Bug: T301254 Change-Id: Icb0b0646f81c1070c8f47dd3297225a074f74773
2022-03-15 16:34:59 +00:00
<div class=\\"sidebar-toc-text\\">Beginning</div>
</a>
</li>
Revert unnecessary TOC section id change Change-Id: I62736b47557b79929b8ad984d6709e762b3db549
2022-04-05 20:38:00 +00:00
<li id=\\"toc-foo\\" class=\\"sidebar-toc-list-item sidebar-toc-level-1 sidebar-toc-list-item-expanded\\">
Dynamically expand/collapse sub-sections in ToC based on # of headings Server render the table of contents in a collapsed state when the total number of headings is equal or greater than the value of `$wgVectorTableOfContentsCollapseAtCount`. Otherwise, the table of contents will be server rendered in its "expanded" state. In addition: * Revise table of contents tests to call one `assertion` per element so that it is easier to see the exact element that may fail an assertion. * Revise table of contents tests to call a mount function that can merge props to allow for a more flexible set of tests. * Revise table of contents tests by wrapping a `describe` around tests that expect the same prop state. * Adds typedef for table of sections props Bug: T300973 Depends-On: Ifaee451e1903f2accd0ada2f2ed6dfa3f83037b6 Change-Id: I382200bc603b6abf757a91f14a8a55a6581969bd
2022-02-18 00:19:50 +00:00
<a class=\\"sidebar-toc-link\\" href=\\"#foo\\">
<div class=\\"sidebar-toc-text\\">
<span class=\\"sidebar-toc-numb\\">1</span>foo</div>
</a>
Update sticky header to use ARIA attributes for section collapsing and add accessible label to toggle buttons Bug: T303766 Change-Id: Idda4f286a42152af1d233588a1839ada5491ce95
2022-03-29 20:51:45 +00:00
<ul id=\\"toc-foo-sublist\\" class=\\"sidebar-toc-list\\">
Use TOC template data for showing collapsible section arrows Bug: T299361 Depends-on: I8ab5c0543b898d1df9399a1cb39672c45daf2acd Change-Id: Ib68de8cd97cc1111a5a33e100e688d6832fc7e6e
2022-02-14 18:55:50 +00:00
</ul>
Dynamically expand/collapse sub-sections in ToC based on # of headings Server render the table of contents in a collapsed state when the total number of headings is equal or greater than the value of `$wgVectorTableOfContentsCollapseAtCount`. Otherwise, the table of contents will be server rendered in its "expanded" state. In addition: * Revise table of contents tests to call one `assertion` per element so that it is easier to see the exact element that may fail an assertion. * Revise table of contents tests to call a mount function that can merge props to allow for a more flexible set of tests. * Revise table of contents tests by wrapping a `describe` around tests that expect the same prop state. * Adds typedef for table of sections props Bug: T300973 Depends-On: Ifaee451e1903f2accd0ada2f2ed6dfa3f83037b6 Change-Id: I382200bc603b6abf757a91f14a8a55a6581969bd
2022-02-18 00:19:50 +00:00
</li>
Revert unnecessary TOC section id change Change-Id: I62736b47557b79929b8ad984d6709e762b3db549
2022-04-05 20:38:00 +00:00
<li id=\\"toc-bar\\" class=\\"sidebar-toc-list-item sidebar-toc-level-1 sidebar-toc-list-item-expanded\\">
Dynamically expand/collapse sub-sections in ToC based on # of headings Server render the table of contents in a collapsed state when the total number of headings is equal or greater than the value of `$wgVectorTableOfContentsCollapseAtCount`. Otherwise, the table of contents will be server rendered in its "expanded" state. In addition: * Revise table of contents tests to call one `assertion` per element so that it is easier to see the exact element that may fail an assertion. * Revise table of contents tests to call a mount function that can merge props to allow for a more flexible set of tests. * Revise table of contents tests by wrapping a `describe` around tests that expect the same prop state. * Adds typedef for table of sections props Bug: T300973 Depends-On: Ifaee451e1903f2accd0ada2f2ed6dfa3f83037b6 Change-Id: I382200bc603b6abf757a91f14a8a55a6581969bd
2022-02-18 00:19:50 +00:00
<a class=\\"sidebar-toc-link\\" href=\\"#bar\\">
<div class=\\"sidebar-toc-text\\">
<span class=\\"sidebar-toc-numb\\">2</span>bar</div>
</a>
Replace TOC arrow icon Bug: T304166 Change-Id: I182c9e5399d95ecea58dcdabb563a98b4e34e47e
2022-04-11 20:56:42 +00:00
<button aria-controls=\\"toc-bar-sublist\\" class=\\"mw-ui-icon mw-ui-icon-wikimedia-expand mw-ui-icon-small sidebar-toc-toggle\\" aria-expanded=\\"true\\">
Update sticky header to use ARIA attributes for section collapsing and add accessible label to toggle buttons Bug: T303766 Change-Id: Idda4f286a42152af1d233588a1839ada5491ce95
2022-03-29 20:51:45 +00:00
Toggle bar subsection
</button>
<ul id=\\"toc-bar-sublist\\" class=\\"sidebar-toc-list\\">
Revert unnecessary TOC section id change Change-Id: I62736b47557b79929b8ad984d6709e762b3db549
2022-04-05 20:38:00 +00:00
<li id=\\"toc-baz\\" class=\\"sidebar-toc-list-item sidebar-toc-level-2\\">
Dynamically expand/collapse sub-sections in ToC based on # of headings Server render the table of contents in a collapsed state when the total number of headings is equal or greater than the value of `$wgVectorTableOfContentsCollapseAtCount`. Otherwise, the table of contents will be server rendered in its "expanded" state. In addition: * Revise table of contents tests to call one `assertion` per element so that it is easier to see the exact element that may fail an assertion. * Revise table of contents tests to call a mount function that can merge props to allow for a more flexible set of tests. * Revise table of contents tests by wrapping a `describe` around tests that expect the same prop state. * Adds typedef for table of sections props Bug: T300973 Depends-On: Ifaee451e1903f2accd0ada2f2ed6dfa3f83037b6 Change-Id: I382200bc603b6abf757a91f14a8a55a6581969bd
2022-02-18 00:19:50 +00:00
<a class=\\"sidebar-toc-link\\" href=\\"#baz\\">
<div class=\\"sidebar-toc-text\\">
<span class=\\"sidebar-toc-numb\\">2.1</span>baz</div>
</a>
Update sticky header to use ARIA attributes for section collapsing and add accessible label to toggle buttons Bug: T303766 Change-Id: Idda4f286a42152af1d233588a1839ada5491ce95
2022-03-29 20:51:45 +00:00
<ul id=\\"toc-baz-sublist\\" class=\\"sidebar-toc-list\\">
Revert unnecessary TOC section id change Change-Id: I62736b47557b79929b8ad984d6709e762b3db549
2022-04-05 20:38:00 +00:00
<li id=\\"toc-qux\\" class=\\"sidebar-toc-list-item sidebar-toc-level-3\\">
Use TOC template data for showing collapsible section arrows Bug: T299361 Depends-on: I8ab5c0543b898d1df9399a1cb39672c45daf2acd Change-Id: Ib68de8cd97cc1111a5a33e100e688d6832fc7e6e
2022-02-14 18:55:50 +00:00
<a class=\\"sidebar-toc-link\\" href=\\"#qux\\">
<div class=\\"sidebar-toc-text\\">
<span class=\\"sidebar-toc-numb\\">2.1.1</span>qux</div>
</a>
Update sticky header to use ARIA attributes for section collapsing and add accessible label to toggle buttons Bug: T303766 Change-Id: Idda4f286a42152af1d233588a1839ada5491ce95
2022-03-29 20:51:45 +00:00
<ul id=\\"toc-qux-sublist\\" class=\\"sidebar-toc-list\\">
Dynamically expand/collapse sub-sections in ToC based on # of headings Server render the table of contents in a collapsed state when the total number of headings is equal or greater than the value of `$wgVectorTableOfContentsCollapseAtCount`. Otherwise, the table of contents will be server rendered in its "expanded" state. In addition: * Revise table of contents tests to call one `assertion` per element so that it is easier to see the exact element that may fail an assertion. * Revise table of contents tests to call a mount function that can merge props to allow for a more flexible set of tests. * Revise table of contents tests by wrapping a `describe` around tests that expect the same prop state. * Adds typedef for table of sections props Bug: T300973 Depends-On: Ifaee451e1903f2accd0ada2f2ed6dfa3f83037b6 Change-Id: I382200bc603b6abf757a91f14a8a55a6581969bd
2022-02-18 00:19:50 +00:00
</ul>
</li>
Use TOC template data for showing collapsible section arrows Bug: T299361 Depends-on: I8ab5c0543b898d1df9399a1cb39672c45daf2acd Change-Id: Ib68de8cd97cc1111a5a33e100e688d6832fc7e6e
2022-02-14 18:55:50 +00:00
</ul>
Dynamically expand/collapse sub-sections in ToC based on # of headings Server render the table of contents in a collapsed state when the total number of headings is equal or greater than the value of `$wgVectorTableOfContentsCollapseAtCount`. Otherwise, the table of contents will be server rendered in its "expanded" state. In addition: * Revise table of contents tests to call one `assertion` per element so that it is easier to see the exact element that may fail an assertion. * Revise table of contents tests to call a mount function that can merge props to allow for a more flexible set of tests. * Revise table of contents tests by wrapping a `describe` around tests that expect the same prop state. * Adds typedef for table of sections props Bug: T300973 Depends-On: Ifaee451e1903f2accd0ada2f2ed6dfa3f83037b6 Change-Id: I382200bc603b6abf757a91f14a8a55a6581969bd
2022-02-18 00:19:50 +00:00
</li>
Use TOC template data for showing collapsible section arrows Bug: T299361 Depends-on: I8ab5c0543b898d1df9399a1cb39672c45daf2acd Change-Id: Ib68de8cd97cc1111a5a33e100e688d6832fc7e6e
2022-02-14 18:55:50 +00:00
</ul>
</li>
Revert unnecessary TOC section id change Change-Id: I62736b47557b79929b8ad984d6709e762b3db549
2022-04-05 20:38:00 +00:00
<li id=\\"toc-quux\\" class=\\"sidebar-toc-list-item sidebar-toc-level-1 sidebar-toc-list-item-expanded\\">
Use TOC template data for showing collapsible section arrows Bug: T299361 Depends-on: I8ab5c0543b898d1df9399a1cb39672c45daf2acd Change-Id: Ib68de8cd97cc1111a5a33e100e688d6832fc7e6e
2022-02-14 18:55:50 +00:00
<a class=\\"sidebar-toc-link\\" href=\\"#quux\\">
Dynamically expand/collapse sub-sections in ToC based on # of headings Server render the table of contents in a collapsed state when the total number of headings is equal or greater than the value of `$wgVectorTableOfContentsCollapseAtCount`. Otherwise, the table of contents will be server rendered in its "expanded" state. In addition: * Revise table of contents tests to call one `assertion` per element so that it is easier to see the exact element that may fail an assertion. * Revise table of contents tests to call a mount function that can merge props to allow for a more flexible set of tests. * Revise table of contents tests by wrapping a `describe` around tests that expect the same prop state. * Adds typedef for table of sections props Bug: T300973 Depends-On: Ifaee451e1903f2accd0ada2f2ed6dfa3f83037b6 Change-Id: I382200bc603b6abf757a91f14a8a55a6581969bd
2022-02-18 00:19:50 +00:00
<div class=\\"sidebar-toc-text\\">
Use TOC template data for showing collapsible section arrows Bug: T299361 Depends-on: I8ab5c0543b898d1df9399a1cb39672c45daf2acd Change-Id: Ib68de8cd97cc1111a5a33e100e688d6832fc7e6e
2022-02-14 18:55:50 +00:00
<span class=\\"sidebar-toc-numb\\">3</span>quux</div>
Dynamically expand/collapse sub-sections in ToC based on # of headings Server render the table of contents in a collapsed state when the total number of headings is equal or greater than the value of `$wgVectorTableOfContentsCollapseAtCount`. Otherwise, the table of contents will be server rendered in its "expanded" state. In addition: * Revise table of contents tests to call one `assertion` per element so that it is easier to see the exact element that may fail an assertion. * Revise table of contents tests to call a mount function that can merge props to allow for a more flexible set of tests. * Revise table of contents tests by wrapping a `describe` around tests that expect the same prop state. * Adds typedef for table of sections props Bug: T300973 Depends-On: Ifaee451e1903f2accd0ada2f2ed6dfa3f83037b6 Change-Id: I382200bc603b6abf757a91f14a8a55a6581969bd
2022-02-18 00:19:50 +00:00
</a>
Update sticky header to use ARIA attributes for section collapsing and add accessible label to toggle buttons Bug: T303766 Change-Id: Idda4f286a42152af1d233588a1839ada5491ce95
2022-03-29 20:51:45 +00:00
<ul id=\\"toc-quux-sublist\\" class=\\"sidebar-toc-list\\">
Use TOC template data for showing collapsible section arrows Bug: T299361 Depends-on: I8ab5c0543b898d1df9399a1cb39672c45daf2acd Change-Id: Ib68de8cd97cc1111a5a33e100e688d6832fc7e6e
2022-02-14 18:55:50 +00:00
</ul>
Dynamically expand/collapse sub-sections in ToC based on # of headings Server render the table of contents in a collapsed state when the total number of headings is equal or greater than the value of `$wgVectorTableOfContentsCollapseAtCount`. Otherwise, the table of contents will be server rendered in its "expanded" state. In addition: * Revise table of contents tests to call one `assertion` per element so that it is easier to see the exact element that may fail an assertion. * Revise table of contents tests to call a mount function that can merge props to allow for a more flexible set of tests. * Revise table of contents tests by wrapping a `describe` around tests that expect the same prop state. * Adds typedef for table of sections props Bug: T300973 Depends-On: Ifaee451e1903f2accd0ada2f2ed6dfa3f83037b6 Change-Id: I382200bc603b6abf757a91f14a8a55a6581969bd
2022-02-18 00:19:50 +00:00
</li>
</ul>
</nav>
"
`;
Update sticky header to use ARIA attributes for section collapsing and add accessible label to toggle buttons Bug: T303766 Change-Id: Idda4f286a42152af1d233588a1839ada5491ce95
2022-03-29 20:51:45 +00:00
exports[`Table of contents renders when \`vector-is-collapse-sections-enabled\` is true 1`] = `
"<nav id=\\"mw-panel-toc\\" class=\\"sidebar-toc\\" role=\\"navigation\\" aria-labelledby=\\"sidebar-toc-label\\" data-event-name=\\"ui.sidebar-toc\\">
<div id=\\"sidebar-toc-label\\" class=\\"sidebar-toc-header\\">
Add feature to hide/show collapsible TOC above desktop - Add hide/show links to TOC template. - Add i18n messages for hide/show text. - Add event listener to TOC js. - Update relevant TOC collapsed styles. - Update test snapshot. Bug: T307901 Change-Id: Ic94fda79bd14856ccda14985d5860aa54d3118d0
2022-07-26 20:57:51 +00:00
<p class=\\"sidebar-toc-title\\">
Contents
Minor fixes to TOC hide/show buttons Bug: T307901 Change-Id: I37c6b3b4c5c20e914423c311795dbccce2a7b3fd
2022-08-04 21:20:58 +00:00
<button class=\\"vector-toc-uncollapse-button\\"></button>
<button class=\\"vector-toc-collapse-button\\"></button>
Add feature to hide/show collapsible TOC above desktop - Add hide/show links to TOC template. - Add i18n messages for hide/show text. - Add event listener to TOC js. - Update relevant TOC collapsed styles. - Update test snapshot. Bug: T307901 Change-Id: Ic94fda79bd14856ccda14985d5860aa54d3118d0
2022-07-26 20:57:51 +00:00
</p>
Toggle ToC sections when clicking toggle button Bug: T300167 Change-Id: If1150a9e018b232da900187383aaee9c9cf331a1
2022-02-15 22:43:04 +00:00
</div>
[ToC] Show new/modified sections after publishing an edit (new floating ToC) - All Frontend - All in Skin Bug: T307251 Change-Id: Icae2f03f0005b7607448127b793ff3c0010e5817
2022-08-15 16:34:28 +00:00
<ul class=\\"sidebar-toc-contents\\" id=\\"mw-panel-toc-list\\">
Table of contents links to beginning of article Bug: T301254 Change-Id: Icb0b0646f81c1070c8f47dd3297225a074f74773
2022-03-15 16:34:59 +00:00
<li id=\\"toc-mw-content-text\\" class=\\"sidebar-toc-list-item sidebar-toc-level-1\\">
Modify Vector 2022 skip-links - Changes the "skip to content" link to point to "#bodyContent" instead of "#content". - Adds a `aria-labelledby` attribute to #bodyContent. - Changes the table of contents "back to top" link to point to "#" instead of "#top-page". - Removes "#top" link as it appeared unused. - Updates Jest snapshots. Bug: T312818 Change-Id: I86443066d45c818d6f137d70ebe36798eba66f13
2022-09-26 14:04:41 +00:00
<a href=\\"#\\" class=\\"sidebar-toc-link\\">
Table of contents links to beginning of article Bug: T301254 Change-Id: Icb0b0646f81c1070c8f47dd3297225a074f74773
2022-03-15 16:34:59 +00:00
<div class=\\"sidebar-toc-text\\">Beginning</div>
</a>
</li>
Revert unnecessary TOC section id change Change-Id: I62736b47557b79929b8ad984d6709e762b3db549
2022-04-05 20:38:00 +00:00
<li id=\\"toc-foo\\" class=\\"sidebar-toc-list-item sidebar-toc-level-1\\">
Toggle ToC sections when clicking toggle button Bug: T300167 Change-Id: If1150a9e018b232da900187383aaee9c9cf331a1
2022-02-15 22:43:04 +00:00
<a class=\\"sidebar-toc-link\\" href=\\"#foo\\">
<div class=\\"sidebar-toc-text\\">
<span class=\\"sidebar-toc-numb\\">1</span>foo</div>
</a>
Update sticky header to use ARIA attributes for section collapsing and add accessible label to toggle buttons Bug: T303766 Change-Id: Idda4f286a42152af1d233588a1839ada5491ce95
2022-03-29 20:51:45 +00:00
<ul id=\\"toc-foo-sublist\\" class=\\"sidebar-toc-list\\">
Use TOC template data for showing collapsible section arrows Bug: T299361 Depends-on: I8ab5c0543b898d1df9399a1cb39672c45daf2acd Change-Id: Ib68de8cd97cc1111a5a33e100e688d6832fc7e6e
2022-02-14 18:55:50 +00:00
</ul>
Toggle ToC sections when clicking toggle button Bug: T300167 Change-Id: If1150a9e018b232da900187383aaee9c9cf331a1
2022-02-15 22:43:04 +00:00
</li>
Revert unnecessary TOC section id change Change-Id: I62736b47557b79929b8ad984d6709e762b3db549
2022-04-05 20:38:00 +00:00
<li id=\\"toc-bar\\" class=\\"sidebar-toc-list-item sidebar-toc-level-1\\">
Toggle ToC sections when clicking toggle button Bug: T300167 Change-Id: If1150a9e018b232da900187383aaee9c9cf331a1
2022-02-15 22:43:04 +00:00
<a class=\\"sidebar-toc-link\\" href=\\"#bar\\">
<div class=\\"sidebar-toc-text\\">
<span class=\\"sidebar-toc-numb\\">2</span>bar</div>
</a>
Replace TOC arrow icon Bug: T304166 Change-Id: I182c9e5399d95ecea58dcdabb563a98b4e34e47e
2022-04-11 20:56:42 +00:00
<button aria-controls=\\"toc-bar-sublist\\" class=\\"mw-ui-icon mw-ui-icon-wikimedia-expand mw-ui-icon-small sidebar-toc-toggle\\" aria-expanded=\\"false\\">
Update sticky header to use ARIA attributes for section collapsing and add accessible label to toggle buttons Bug: T303766 Change-Id: Idda4f286a42152af1d233588a1839ada5491ce95
2022-03-29 20:51:45 +00:00
Toggle bar subsection
</button>
<ul id=\\"toc-bar-sublist\\" class=\\"sidebar-toc-list\\">
Revert unnecessary TOC section id change Change-Id: I62736b47557b79929b8ad984d6709e762b3db549
2022-04-05 20:38:00 +00:00
<li id=\\"toc-baz\\" class=\\"sidebar-toc-list-item sidebar-toc-level-2\\">
Toggle ToC sections when clicking toggle button Bug: T300167 Change-Id: If1150a9e018b232da900187383aaee9c9cf331a1
2022-02-15 22:43:04 +00:00
<a class=\\"sidebar-toc-link\\" href=\\"#baz\\">
<div class=\\"sidebar-toc-text\\">
<span class=\\"sidebar-toc-numb\\">2.1</span>baz</div>
</a>
Update sticky header to use ARIA attributes for section collapsing and add accessible label to toggle buttons Bug: T303766 Change-Id: Idda4f286a42152af1d233588a1839ada5491ce95
2022-03-29 20:51:45 +00:00
<ul id=\\"toc-baz-sublist\\" class=\\"sidebar-toc-list\\">
Revert unnecessary TOC section id change Change-Id: I62736b47557b79929b8ad984d6709e762b3db549
2022-04-05 20:38:00 +00:00
<li id=\\"toc-qux\\" class=\\"sidebar-toc-list-item sidebar-toc-level-3\\">
Use TOC template data for showing collapsible section arrows Bug: T299361 Depends-on: I8ab5c0543b898d1df9399a1cb39672c45daf2acd Change-Id: Ib68de8cd97cc1111a5a33e100e688d6832fc7e6e
2022-02-14 18:55:50 +00:00
<a class=\\"sidebar-toc-link\\" href=\\"#qux\\">
<div class=\\"sidebar-toc-text\\">
<span class=\\"sidebar-toc-numb\\">2.1.1</span>qux</div>
</a>
Update sticky header to use ARIA attributes for section collapsing and add accessible label to toggle buttons Bug: T303766 Change-Id: Idda4f286a42152af1d233588a1839ada5491ce95
2022-03-29 20:51:45 +00:00
<ul id=\\"toc-qux-sublist\\" class=\\"sidebar-toc-list\\">
Toggle ToC sections when clicking toggle button Bug: T300167 Change-Id: If1150a9e018b232da900187383aaee9c9cf331a1
2022-02-15 22:43:04 +00:00
</ul>
</li>
Use TOC template data for showing collapsible section arrows Bug: T299361 Depends-on: I8ab5c0543b898d1df9399a1cb39672c45daf2acd Change-Id: Ib68de8cd97cc1111a5a33e100e688d6832fc7e6e
2022-02-14 18:55:50 +00:00
</ul>
Toggle ToC sections when clicking toggle button Bug: T300167 Change-Id: If1150a9e018b232da900187383aaee9c9cf331a1
2022-02-15 22:43:04 +00:00
</li>
Use TOC template data for showing collapsible section arrows Bug: T299361 Depends-on: I8ab5c0543b898d1df9399a1cb39672c45daf2acd Change-Id: Ib68de8cd97cc1111a5a33e100e688d6832fc7e6e
2022-02-14 18:55:50 +00:00
</ul>
</li>
Revert unnecessary TOC section id change Change-Id: I62736b47557b79929b8ad984d6709e762b3db549
2022-04-05 20:38:00 +00:00
<li id=\\"toc-quux\\" class=\\"sidebar-toc-list-item sidebar-toc-level-1\\">
Use TOC template data for showing collapsible section arrows Bug: T299361 Depends-on: I8ab5c0543b898d1df9399a1cb39672c45daf2acd Change-Id: Ib68de8cd97cc1111a5a33e100e688d6832fc7e6e
2022-02-14 18:55:50 +00:00
<a class=\\"sidebar-toc-link\\" href=\\"#quux\\">
Toggle ToC sections when clicking toggle button Bug: T300167 Change-Id: If1150a9e018b232da900187383aaee9c9cf331a1
2022-02-15 22:43:04 +00:00
<div class=\\"sidebar-toc-text\\">
Use TOC template data for showing collapsible section arrows Bug: T299361 Depends-on: I8ab5c0543b898d1df9399a1cb39672c45daf2acd Change-Id: Ib68de8cd97cc1111a5a33e100e688d6832fc7e6e
2022-02-14 18:55:50 +00:00
<span class=\\"sidebar-toc-numb\\">3</span>quux</div>
Toggle ToC sections when clicking toggle button Bug: T300167 Change-Id: If1150a9e018b232da900187383aaee9c9cf331a1
2022-02-15 22:43:04 +00:00
</a>
Update sticky header to use ARIA attributes for section collapsing and add accessible label to toggle buttons Bug: T303766 Change-Id: Idda4f286a42152af1d233588a1839ada5491ce95
2022-03-29 20:51:45 +00:00
<ul id=\\"toc-quux-sublist\\" class=\\"sidebar-toc-list\\">
Use TOC template data for showing collapsible section arrows Bug: T299361 Depends-on: I8ab5c0543b898d1df9399a1cb39672c45daf2acd Change-Id: Ib68de8cd97cc1111a5a33e100e688d6832fc7e6e
2022-02-14 18:55:50 +00:00
</ul>
Toggle ToC sections when clicking toggle button Bug: T300167 Change-Id: If1150a9e018b232da900187383aaee9c9cf331a1
2022-02-15 22:43:04 +00:00
</li>
</ul>
</nav>
"
`;
Reference in a new issue Copy permalink