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

106 lines
3.8 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
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
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\\">
<div class=\\"sidebar-toc-header\\">
<h2 class=\\"sidebar-toc-title\\" aria-hidden=\\"true\\">Contents</h2>
</div>
<ul id=\\"table-of-contents\\">
<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>
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 class=\\"sidebar-toc-list\\">
</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>
<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>
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
<button class=\\"mw-ui-icon mw-ui-icon-wikimedia-downTriangle mw-ui-icon-small sidebar-toc-toggle\\"></button>
<ul class=\\"sidebar-toc-list\\">
<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>
<ul 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
<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 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>
<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\\">
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>
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 class=\\"sidebar-toc-list\\">
</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>
"
`;
exports[`Table of contents when \`vector-is-collapse-sections-enabled\` is true renders 1`] = `
Toggle ToC sections when clicking toggle button Bug: T300167 Change-Id: If1150a9e018b232da900187383aaee9c9cf331a1
2022-02-15 22:43:04 +00:00
"<nav id=\\"mw-panel-toc\\" class=\\"sidebar-toc\\" role=\\"navigation\\" aria-labelledby=\\"sidebar-toc-header\\">
<div class=\\"sidebar-toc-header\\">
<h2 class=\\"sidebar-toc-title\\" aria-hidden=\\"true\\">Contents</h2>
</div>
<ul id=\\"table-of-contents\\">
<li id=\\"toc-foo\\" class=\\"sidebar-toc-list-item sidebar-toc-level-1\\">
<a class=\\"sidebar-toc-link\\" href=\\"#foo\\">
<div class=\\"sidebar-toc-text\\">
<span class=\\"sidebar-toc-numb\\">1</span>foo</div>
</a>
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 class=\\"sidebar-toc-list\\">
</ul>
Toggle ToC sections when clicking toggle button Bug: T300167 Change-Id: If1150a9e018b232da900187383aaee9c9cf331a1
2022-02-15 22:43:04 +00:00
</li>
<li id=\\"toc-bar\\" class=\\"sidebar-toc-list-item sidebar-toc-level-1\\">
<a class=\\"sidebar-toc-link\\" href=\\"#bar\\">
<div class=\\"sidebar-toc-text\\">
<span class=\\"sidebar-toc-numb\\">2</span>bar</div>
</a>
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
<button class=\\"mw-ui-icon mw-ui-icon-wikimedia-downTriangle mw-ui-icon-small sidebar-toc-toggle\\"></button>
<ul class=\\"sidebar-toc-list\\">
<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>
<ul 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
<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 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>
<li id=\\"toc-quux\\" class=\\"sidebar-toc-list-item sidebar-toc-level-1\\">
<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>
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 class=\\"sidebar-toc-list\\">
</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