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

70 lines
3.4 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\\">
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-icon-start mw-ui-icon-flush-left\\">
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\\">
[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
<div id=\\"p-sticky-header-toc\\" class=\\"vector-menu vector-menu-dropdown mw-portlet mw-portlet-sticky-header-toc vector-sticky-header-toc\\">
<input type=\\"checkbox\\" id=\\"p-sticky-header-toc-checkbox\\" role=\\"button\\" aria-haspopup=\\"true\\" data-event-name=\\"ui.dropdown-p-sticky-header-toc\\" class=\\"vector-menu-checkbox\\" tabindex=\\"-1\\">
<label id=\\"p-sticky-header-toc-label\\" for=\\"p-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\\">
<span class=\\"vector-menu-heading-label\\"></span>
</label>
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 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
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
<ul class=\\"vector-menu-content-list\\"></ul>
</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