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

69 lines
3.5 KiB
Plaintext
Raw Normal View History

Add snapshot class to sticky header tests Change-Id: Id1383f234bd0518786feebbbb2d92f7345aa6e70
2022-02-21 21:03:07 +00:00
// Jest Snapshot v1, https://goo.gl/fbAQLP
exports[`Sticky header renders 1`] = `
"<header id=\\"vector-sticky-header\\" aria-hidden=\\"true\\" class=\\"vector-sticky-header\\">
<div class=\\"vector-sticky-header-start\\">
[Technical] Fix sticky header search input alignment when VisualEnhancementFlag is enabled Visual changes when the flag is on Follow up to If3aed0ac401b0abc80c3ad52806eb85b33d43f06 More context at T322673#8383888 Bug: T322673 Change-Id: I64a47fa869247f758c6369c2e0ff8b12f87f9d9e
2022-11-04 19:25:19 +00:00
<div class=\\"vector-sticky-header-icon-start mw-ui-icon-flush-left mw-ui-icon-flush-right\\">
Add snapshot class to sticky header tests Change-Id: Id1383f234bd0518786feebbbb2d92f7345aa6e70
2022-02-21 21:03:07 +00:00
<button tabindex=\\"-1\\" data-event-name=\\"ui.vector-sticky-search-form.icon\\" class=\\"mw-ui-button mw-ui-quiet mw-ui-icon mw-ui-icon-element mw-ui-icon-wikimedia-search vector-sticky-header-search-toggle\\">
<span>search</span>
</button>
</div>
<div> </div> <div class=\\"vector-sticky-header-context-bar\\">
Use standard utility classes for flushing icons left and right Restricted to the feature flag (?vectorvisualenhancementnext=1) for now to allow us to not worry about caching. mw-ui-icon-flush-left and mw-ui-icon-flush-right have been in core for some time and using them means we don't have to manage hardcoded values for these. We'll need to think of .mixin-vector-flush-left-left and .mixin-vector-flush-right-margin-left separately - I wonder if these could be revised to use these 2 standard classes. Additional changes: - Drop unused mixin-vector-flush-right-margin-left mixin Bug: T321504 Bug: T317583 Change-Id: I51f8e31be6771a3fb32fb07dc22d0c2872b5706d
2022-10-26 17:01:12 +00:00
<div class=\\"vector-sticky-header-toc-container mw-ui-icon-flush-left\\">
[Refactor] Rethink Dropdown component The Dropdown component should be considered the dropdown folder going forward. This should be distinguished as a different component that composes the Dropdown component Since the template itself is rather simple it seems preferable to have duplicate templates that describe the actual component (PageTools, VariantsDropdown and LanguageButton) MenuDropdown is renamed Dropdown and styles that don't correspond to the Dropdown component are moved to the relevant components. MenuContents mustache template (future component) is added to DRY up several of the new templates. Bug: T320927 Change-Id: I220d0a477b3f05b278bd2cec7dd601c7b3b17c6f
2022-11-17 23:12:52 +00:00
<div id=\\"vector-sticky-header-toc\\" class=\\"vector-menu vector-dropdown vector-menu-dropdown mw-portlet mw-portlet-sticky-header-toc vector-sticky-header-toc\\">
Update TOC to use PinnableHeader - Update 'collapsed' naming convention to 'pinned' - Introduce VectorComponentPinnableHeader Bug: T317897 Change-Id: I752eadc9bf54d58c799060a9eaefa0b125dd7952
2022-10-20 21:32:07 +00:00
<input type=\\"checkbox\\" id=\\"vector-sticky-header-toc-checkbox\\" role=\\"button\\" aria-haspopup=\\"true\\" data-event-name=\\"ui.dropdown-vector-sticky-header-toc\\" class=\\"vector-menu-checkbox\\" tabindex=\\"-1\\">
<label id=\\"vector-sticky-header-toc-label\\" for=\\"vector-sticky-header-toc-checkbox\\" class=\\"vector-menu-heading mw-ui-button mw-ui-quiet mw-ui-icon mw-ui-icon-element mw-ui-icon-wikimedia-listBullet\\" tabindex=\\"-1\\">
[Technical] Split up Menu.template, restrict decoratePortletData to legacy Vector Changes: * Code is moved from SkinVector to SkinVectorLegacy verbatim since it is now only needed by SkinVectorLegacy so we remove it: ** This step broke MainMenu rendering so this was captured in VectorComponentMainMenu ** The isLegacy code no longer makes sense and is removed in a follow up * storybook no longer run on CI Authors: Bernard Wang and Jon Robson Bug: T321102 Bug: T319349 Change-Id: Ib424ca1c767161fdae8c0aeedfe662b7fa039ff6
2022-10-27 23:52:23 +00:00
<span class=\\"vector-menu-heading-label\\"></span>
</label>
Update TOC to use PinnableHeader - Update 'collapsed' naming convention to 'pinned' - Introduce VectorComponentPinnableHeader Bug: T317897 Change-Id: I752eadc9bf54d58c799060a9eaefa0b125dd7952
2022-10-20 21:32:07 +00:00
<div id=\\"vector-sticky-header-toc-content-container\\" class=\\"vector-menu-content\\">
[Technical] Separate Dropdown template into 3 templates Use the new format to remove the need for getTemplateParser in SkinVector Bug: T319349 Change-Id: Ic4ac1d6d58099a689c29c16b3029bf43a849e50e
2022-11-02 23:00:04 +00:00
Update TOC to use PinnableHeader - Update 'collapsed' naming convention to 'pinned' - Introduce VectorComponentPinnableHeader Bug: T317897 Change-Id: I752eadc9bf54d58c799060a9eaefa0b125dd7952
2022-10-20 21:32:07 +00:00
<div id=\\"vector-sticky-header-toc-content\\" class=\\"vector-dropdown-content\\">
</div>
Add collapsed TOC to sticky header by moving the TOC Visual changes: - TOC icon in sticky header - Small update to the narrow screens collapsed TOC spacing when open Bug: T311103 Depends-on: Ic94fda79bd14856ccda14985d5860aa54d3118d0 Change-Id: I977092f951ba2843816609e706bce4b99583f623
2022-07-01 20:19:57 +00:00
</div>
[Technical] Separate Dropdown template into 3 templates Use the new format to remove the need for getTemplateParser in SkinVector Bug: T319349 Change-Id: Ic4ac1d6d58099a689c29c16b3029bf43a849e50e
2022-11-02 23:00:04 +00:00
</div> </div>
Add snapshot class to sticky header tests Change-Id: Id1383f234bd0518786feebbbb2d92f7345aa6e70
2022-02-21 21:03:07 +00:00
<div class=\\"vector-sticky-header-context-bar-primary\\"></div>
</div>
</div>
Use standard utility classes for flushing icons left and right Restricted to the feature flag (?vectorvisualenhancementnext=1) for now to allow us to not worry about caching. mw-ui-icon-flush-left and mw-ui-icon-flush-right have been in core for some time and using them means we don't have to manage hardcoded values for these. We'll need to think of .mixin-vector-flush-left-left and .mixin-vector-flush-right-margin-left separately - I wonder if these could be revised to use these 2 standard classes. Additional changes: - Drop unused mixin-vector-flush-right-margin-left mixin Bug: T321504 Bug: T317583 Change-Id: I51f8e31be6771a3fb32fb07dc22d0c2872b5706d
2022-10-26 17:01:12 +00:00
<div class=\\"vector-sticky-header-end mw-ui-icon-flush-right\\">
Add snapshot class to sticky header tests Change-Id: Id1383f234bd0518786feebbbb2d92f7345aa6e70
2022-02-21 21:03:07 +00:00
<div class=\\"vector-sticky-header-icons\\">
<a href=\\"#\\" id=\\"ca-talk-sticky-header\\" data-event-name=\\"talk-sticky-header\\" class=\\"mw-ui-button mw-ui-quiet mw-ui-icon mw-ui-icon-element mw-ui-icon-wikimedia-speechBubbles sticky-header-icon\\">
<span></span>
</a>
<a href=\\"#\\" id=\\"ca-history-sticky-header\\" data-event-name=\\"history-sticky-header\\" class=\\"mw-ui-button mw-ui-quiet mw-ui-icon mw-ui-icon-element mw-ui-icon-wikimedia-history sticky-header-icon\\">
<span></span>
</a>
<a href=\\"#\\" id=\\"ca-watchstar-sticky-header\\" data-event-name=\\"watch-sticky-header\\" class=\\"mw-ui-button mw-ui-quiet mw-ui-icon mw-ui-icon-element mw-ui-icon-wikimedia-star sticky-header-icon mw-watchlink\\">
<span></span>
</a>
<a href=\\"#\\" id=\\"ca-ve-edit-sticky-header\\" data-event-name=\\"ve-edit-sticky-header\\" class=\\"mw-ui-button mw-ui-quiet mw-ui-icon mw-ui-icon-element mw-ui-icon-wikimedia-edit sticky-header-icon\\">
<span></span>
</a>
<a href=\\"#\\" id=\\"ca-edit-sticky-header\\" data-event-name=\\"wikitext-edit-sticky-header\\" class=\\"mw-ui-button mw-ui-quiet mw-ui-icon mw-ui-icon-element mw-ui-icon-wikimedia-wikiText sticky-header-icon\\">
<span></span>
</a>
<a href=\\"#\\" id=\\"ca-viewsource-sticky-header\\" data-event-name=\\"wikimedia-editLock\\" class=\\"mw-ui-button mw-ui-quiet mw-ui-icon mw-ui-icon-element mw-ui-icon-wikimedia-star sticky-header-icon\\">
<span></span>
</a>
</div>
<button id=\\"p-lang-btn-sticky-header\\" tabindex=\\"-1\\" data-event-name=\\"ui.dropdown-p-lang-btn-sticky-header\\" class=\\"mw-ui-button mw-ui-quiet mw-interlanguage-selector\\">
<span class=\\"mw-ui-icon mw-ui-icon-wikimedia-language\\"></span><span>0 languages</span>
</button>
<div class=\\"vector-sticky-header-icon-end\\">
<div class=\\"vector-user-links\\">
</div>
</div>
</div>
</header>
"
`;
Reference in a new issue Copy permalink