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

75 lines
3.9 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`] = `
Setup header and sticky header to be able to be full width - Move the header and skip link out of .mw-page-container-inner and the grid - Wrap the header and sticky header with a .vector-header-container element, allowing us to easily update header styles in the future - Update sticky header to use a <div> to fix a11y error. Update searchToggle.js to use .vector-header-container rather than <header> Bug: T332449 Bug: T330438 Change-Id: I038fc17cbb88a29dbe8d7841b824761a91d38405
2023-03-28 17:45:48 +00:00
"<div id=\\"vector-sticky-header\\" class=\\"vector-sticky-header\\">
Add snapshot class to sticky header tests Change-Id: Id1383f234bd0518786feebbbb2d92f7345aa6e70
2022-02-21 21:03:07 +00:00
<div class=\\"vector-sticky-header-start\\">
Use Codex for button styles, start transitioning icons to use Codex icon mixins Changes: - mw-ui-button to cdx-button - mw-ui-quiet to cdx-button--weight-quiet - mw-ui-icon-element to cdx-button--icon-only - mw-ui-icon to vector-icon - mw-ui-icon-flush-right/left to vector-button-flush-right/left - Removes $isSmallIcon param in Hooks.php 85 Visual Changes - ~36 changes from minor pixel changes from the new button classes in the main menu, language button - 22 from standardizing the padding of the TOC in page title - ~10 changes from addition of .cdx-button to the TOC toggle buttons PERFORMANCE: This will result in an overall increase of 2.7kb of render blocking CSS, 1kb will be reclaimed when I6c1ed1523df8cc9e2f2ca09506f12a595b8b013d is merged. Co-author: Bernard Wang <bwang@wikimedia.org> Bug: T336526 Change-Id: Ibd558238a41a0d3edb981e441638f9564f43d226
2023-04-27 20:39:40 +00:00
<div class=\\"vector-sticky-header-icon-start vector-button-flush-left vector-button-flush-right\\" aria-hidden=\\"true\\">
Add snapshot class to sticky header tests Change-Id: Id1383f234bd0518786feebbbb2d92f7345aa6e70
2022-02-21 21:03:07 +00:00
Use Codex for button styles, start transitioning icons to use Codex icon mixins Changes: - mw-ui-button to cdx-button - mw-ui-quiet to cdx-button--weight-quiet - mw-ui-icon-element to cdx-button--icon-only - mw-ui-icon to vector-icon - mw-ui-icon-flush-right/left to vector-button-flush-right/left - Removes $isSmallIcon param in Hooks.php 85 Visual Changes - ~36 changes from minor pixel changes from the new button classes in the main menu, language button - 22 from standardizing the padding of the TOC in page title - ~10 changes from addition of .cdx-button to the TOC toggle buttons PERFORMANCE: This will result in an overall increase of 2.7kb of render blocking CSS, 1kb will be reclaimed when I6c1ed1523df8cc9e2f2ca09506f12a595b8b013d is merged. Co-author: Bernard Wang <bwang@wikimedia.org> Bug: T336526 Change-Id: Ibd558238a41a0d3edb981e441638f9564f43d226
2023-04-27 20:39:40 +00:00
<button class=\\"cdx-button cdx-button--weight-quiet cdx-button--icon-only vector-sticky-header-search-toggle\\" data-event-name=\\"ui.vector-sticky-search-form.icon\\" tabindex=\\"-1\\"><span class=\\"vector-icon mw-ui-icon-search mw-ui-icon-wikimedia-search\\"></span>
Update instances of Button.mustache to use to use VectorComponentButton Bug: T334881 Change-Id: Iec3fc67c498d230ae7c0dc0ba4316006ccd9626a
2023-04-25 16:53:19 +00:00
<span>search</span>
Add snapshot class to sticky header tests Change-Id: Id1383f234bd0518786feebbbb2d92f7345aa6e70
2022-02-21 21:03:07 +00:00
</button>
</div>
<div> </div> <div class=\\"vector-sticky-header-context-bar\\">
Ensure ToC is always accessible via landmark region (<nav>) - We had to add nav element to wrap TOC in all places - Make sure proper nav is only displayed so landmark do not get confused - Remove Eslint block on rules compat/compat for no support IE 11, this was blocking commit - Run lint:fix:js and lint:fix:styles - Fix maxSize in bundlesize.config.json Bug: T324505 Change-Id: I36d26240b87de33318ff1edf97a410872a438103
2023-02-21 21:19:52 +00:00
<nav role=\\"navigation\\" aria-label=\\"\\" class=\\"vector-toc-landmark\\">
Separate vector-menu classes from Dropdowns Bug: T319358 Change-Id: Idf05c1664c026f58487ba34af5ede8a11e695baf
2023-06-26 16:54:44 +00:00
<div id=\\"vector-sticky-header-toc\\" class=\\"vector-dropdown mw-portlet mw-portlet-sticky-header-toc vector-sticky-header-toc\\">
<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-dropdown-checkbox\\" aria-label=\\"\\" tabindex=\\"-1\\">
<label id=\\"vector-sticky-header-toc-label\\" for=\\"vector-sticky-header-toc-checkbox\\" class=\\"vector-dropdown-label cdx-button cdx-button--weight-quiet cdx-button--icon-only\\" aria-hidden=\\"true\\" tabindex=\\"-1\\">
<span class=\\"vector-dropdown-label-text\\"></span>
[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
</label>
Separate vector-menu classes from Dropdowns Bug: T319358 Change-Id: Idf05c1664c026f58487ba34af5ede8a11e695baf
2023-06-26 16:54:44 +00:00
<div class=\\"vector-dropdown-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
</div>
Ensure ToC is always accessible via landmark region (<nav>) - We had to add nav element to wrap TOC in all places - Make sure proper nav is only displayed so landmark do not get confused - Remove Eslint block on rules compat/compat for no support IE 11, this was blocking commit - Run lint:fix:js and lint:fix:styles - Fix maxSize in bundlesize.config.json Bug: T324505 Change-Id: I36d26240b87de33318ff1edf97a410872a438103
2023-02-21 21:19:52 +00:00
</div> </nav>
<div class=\\"vector-sticky-header-context-bar-primary\\" aria-hidden=\\"true\\"></div>
Add snapshot class to sticky header tests Change-Id: Id1383f234bd0518786feebbbb2d92f7345aa6e70
2022-02-21 21:03:07 +00:00
</div>
</div>
remove Page Tools config & HTML Removes the config option for Page Tool menu, its associated logic, along with the associated HTML from the mustache templates. Hardcodes the `vector-feature-page-tools-enabled` class into the HTML element to prevent breakage. Bug: T332090 Change-Id: I6466d80c6970bcc8e28d897b6bdff911a90e3655
2023-03-27 20:29:34 +00:00
<div class=\\"vector-sticky-header-end\\" aria-hidden=\\"true\\">
Add snapshot class to sticky header tests Change-Id: Id1383f234bd0518786feebbbb2d92f7345aa6e70
2022-02-21 21:03:07 +00:00
<div class=\\"vector-sticky-header-icons\\">
Use Codex for button styles, start transitioning icons to use Codex icon mixins Changes: - mw-ui-button to cdx-button - mw-ui-quiet to cdx-button--weight-quiet - mw-ui-icon-element to cdx-button--icon-only - mw-ui-icon to vector-icon - mw-ui-icon-flush-right/left to vector-button-flush-right/left - Removes $isSmallIcon param in Hooks.php 85 Visual Changes - ~36 changes from minor pixel changes from the new button classes in the main menu, language button - 22 from standardizing the padding of the TOC in page title - ~10 changes from addition of .cdx-button to the TOC toggle buttons PERFORMANCE: This will result in an overall increase of 2.7kb of render blocking CSS, 1kb will be reclaimed when I6c1ed1523df8cc9e2f2ca09506f12a595b8b013d is merged. Co-author: Bernard Wang <bwang@wikimedia.org> Bug: T336526 Change-Id: Ibd558238a41a0d3edb981e441638f9564f43d226
2023-04-27 20:39:40 +00:00
<a href=\\"#\\" id=\\"ca-talk-sticky-header\\" class=\\"cdx-button cdx-button--weight-quiet cdx-button--icon-only sticky-header-icon\\" data-event-name=\\"talk-sticky-header\\" tabindex=\\"-1\\"><span class=\\"vector-icon mw-ui-icon-speechBubbles mw-ui-icon-wikimedia-speechBubbles\\"></span>
Update instances of Button.mustache to use to use VectorComponentButton Bug: T334881 Change-Id: Iec3fc67c498d230ae7c0dc0ba4316006ccd9626a
2023-04-25 16:53:19 +00:00
<span></span>
Add snapshot class to sticky header tests Change-Id: Id1383f234bd0518786feebbbb2d92f7345aa6e70
2022-02-21 21:03:07 +00:00
</a>
Use Codex for button styles, start transitioning icons to use Codex icon mixins Changes: - mw-ui-button to cdx-button - mw-ui-quiet to cdx-button--weight-quiet - mw-ui-icon-element to cdx-button--icon-only - mw-ui-icon to vector-icon - mw-ui-icon-flush-right/left to vector-button-flush-right/left - Removes $isSmallIcon param in Hooks.php 85 Visual Changes - ~36 changes from minor pixel changes from the new button classes in the main menu, language button - 22 from standardizing the padding of the TOC in page title - ~10 changes from addition of .cdx-button to the TOC toggle buttons PERFORMANCE: This will result in an overall increase of 2.7kb of render blocking CSS, 1kb will be reclaimed when I6c1ed1523df8cc9e2f2ca09506f12a595b8b013d is merged. Co-author: Bernard Wang <bwang@wikimedia.org> Bug: T336526 Change-Id: Ibd558238a41a0d3edb981e441638f9564f43d226
2023-04-27 20:39:40 +00:00
<a href=\\"#\\" id=\\"ca-history-sticky-header\\" class=\\"cdx-button cdx-button--weight-quiet cdx-button--icon-only sticky-header-icon\\" data-event-name=\\"history-sticky-header\\" tabindex=\\"-1\\"><span class=\\"vector-icon mw-ui-icon-history mw-ui-icon-wikimedia-history\\"></span>
Update instances of Button.mustache to use to use VectorComponentButton Bug: T334881 Change-Id: Iec3fc67c498d230ae7c0dc0ba4316006ccd9626a
2023-04-25 16:53:19 +00:00
<span></span>
Add snapshot class to sticky header tests Change-Id: Id1383f234bd0518786feebbbb2d92f7345aa6e70
2022-02-21 21:03:07 +00:00
</a>
Use Codex for button styles, start transitioning icons to use Codex icon mixins Changes: - mw-ui-button to cdx-button - mw-ui-quiet to cdx-button--weight-quiet - mw-ui-icon-element to cdx-button--icon-only - mw-ui-icon to vector-icon - mw-ui-icon-flush-right/left to vector-button-flush-right/left - Removes $isSmallIcon param in Hooks.php 85 Visual Changes - ~36 changes from minor pixel changes from the new button classes in the main menu, language button - 22 from standardizing the padding of the TOC in page title - ~10 changes from addition of .cdx-button to the TOC toggle buttons PERFORMANCE: This will result in an overall increase of 2.7kb of render blocking CSS, 1kb will be reclaimed when I6c1ed1523df8cc9e2f2ca09506f12a595b8b013d is merged. Co-author: Bernard Wang <bwang@wikimedia.org> Bug: T336526 Change-Id: Ibd558238a41a0d3edb981e441638f9564f43d226
2023-04-27 20:39:40 +00:00
<a href=\\"#\\" id=\\"ca-watchstar-sticky-header\\" class=\\"cdx-button cdx-button--weight-quiet cdx-button--icon-only sticky-header-icon mw-watchlink\\" data-event-name=\\"watch-sticky-header\\" tabindex=\\"-1\\"><span class=\\"vector-icon mw-ui-icon-star mw-ui-icon-wikimedia-star\\"></span>
Update instances of Button.mustache to use to use VectorComponentButton Bug: T334881 Change-Id: Iec3fc67c498d230ae7c0dc0ba4316006ccd9626a
2023-04-25 16:53:19 +00:00
<span></span>
Add snapshot class to sticky header tests Change-Id: Id1383f234bd0518786feebbbb2d92f7345aa6e70
2022-02-21 21:03:07 +00:00
</a>
Use Codex for button styles, start transitioning icons to use Codex icon mixins Changes: - mw-ui-button to cdx-button - mw-ui-quiet to cdx-button--weight-quiet - mw-ui-icon-element to cdx-button--icon-only - mw-ui-icon to vector-icon - mw-ui-icon-flush-right/left to vector-button-flush-right/left - Removes $isSmallIcon param in Hooks.php 85 Visual Changes - ~36 changes from minor pixel changes from the new button classes in the main menu, language button - 22 from standardizing the padding of the TOC in page title - ~10 changes from addition of .cdx-button to the TOC toggle buttons PERFORMANCE: This will result in an overall increase of 2.7kb of render blocking CSS, 1kb will be reclaimed when I6c1ed1523df8cc9e2f2ca09506f12a595b8b013d is merged. Co-author: Bernard Wang <bwang@wikimedia.org> Bug: T336526 Change-Id: Ibd558238a41a0d3edb981e441638f9564f43d226
2023-04-27 20:39:40 +00:00
<a href=\\"#\\" id=\\"ca-ve-edit-sticky-header\\" class=\\"cdx-button cdx-button--weight-quiet cdx-button--icon-only sticky-header-icon\\" data-event-name=\\"ve-edit-sticky-header\\" tabindex=\\"-1\\"><span class=\\"vector-icon mw-ui-icon-edit mw-ui-icon-wikimedia-edit\\"></span>
Update instances of Button.mustache to use to use VectorComponentButton Bug: T334881 Change-Id: Iec3fc67c498d230ae7c0dc0ba4316006ccd9626a
2023-04-25 16:53:19 +00:00
<span></span>
Add snapshot class to sticky header tests Change-Id: Id1383f234bd0518786feebbbb2d92f7345aa6e70
2022-02-21 21:03:07 +00:00
</a>
Use Codex for button styles, start transitioning icons to use Codex icon mixins Changes: - mw-ui-button to cdx-button - mw-ui-quiet to cdx-button--weight-quiet - mw-ui-icon-element to cdx-button--icon-only - mw-ui-icon to vector-icon - mw-ui-icon-flush-right/left to vector-button-flush-right/left - Removes $isSmallIcon param in Hooks.php 85 Visual Changes - ~36 changes from minor pixel changes from the new button classes in the main menu, language button - 22 from standardizing the padding of the TOC in page title - ~10 changes from addition of .cdx-button to the TOC toggle buttons PERFORMANCE: This will result in an overall increase of 2.7kb of render blocking CSS, 1kb will be reclaimed when I6c1ed1523df8cc9e2f2ca09506f12a595b8b013d is merged. Co-author: Bernard Wang <bwang@wikimedia.org> Bug: T336526 Change-Id: Ibd558238a41a0d3edb981e441638f9564f43d226
2023-04-27 20:39:40 +00:00
<a href=\\"#\\" id=\\"ca-edit-sticky-header\\" class=\\"cdx-button cdx-button--weight-quiet cdx-button--icon-only sticky-header-icon\\" data-event-name=\\"wikitext-edit-sticky-header\\" tabindex=\\"-1\\"><span class=\\"vector-icon mw-ui-icon-wikiText mw-ui-icon-wikimedia-wikiText\\"></span>
Update instances of Button.mustache to use to use VectorComponentButton Bug: T334881 Change-Id: Iec3fc67c498d230ae7c0dc0ba4316006ccd9626a
2023-04-25 16:53:19 +00:00
<span></span>
Add snapshot class to sticky header tests Change-Id: Id1383f234bd0518786feebbbb2d92f7345aa6e70
2022-02-21 21:03:07 +00:00
</a>
Use Codex for button styles, start transitioning icons to use Codex icon mixins Changes: - mw-ui-button to cdx-button - mw-ui-quiet to cdx-button--weight-quiet - mw-ui-icon-element to cdx-button--icon-only - mw-ui-icon to vector-icon - mw-ui-icon-flush-right/left to vector-button-flush-right/left - Removes $isSmallIcon param in Hooks.php 85 Visual Changes - ~36 changes from minor pixel changes from the new button classes in the main menu, language button - 22 from standardizing the padding of the TOC in page title - ~10 changes from addition of .cdx-button to the TOC toggle buttons PERFORMANCE: This will result in an overall increase of 2.7kb of render blocking CSS, 1kb will be reclaimed when I6c1ed1523df8cc9e2f2ca09506f12a595b8b013d is merged. Co-author: Bernard Wang <bwang@wikimedia.org> Bug: T336526 Change-Id: Ibd558238a41a0d3edb981e441638f9564f43d226
2023-04-27 20:39:40 +00:00
<a href=\\"#\\" id=\\"ca-viewsource-sticky-header\\" class=\\"cdx-button cdx-button--weight-quiet cdx-button--icon-only sticky-header-icon\\" data-event-name=\\"editLock\\" tabindex=\\"-1\\"><span class=\\"vector-icon mw-ui-icon-star mw-ui-icon-wikimedia-star\\"></span>
Update instances of Button.mustache to use to use VectorComponentButton Bug: T334881 Change-Id: Iec3fc67c498d230ae7c0dc0ba4316006ccd9626a
2023-04-25 16:53:19 +00:00
<span></span>
Add snapshot class to sticky header tests Change-Id: Id1383f234bd0518786feebbbb2d92f7345aa6e70
2022-02-21 21:03:07 +00:00
</a>
</div>
Fix inconsistencies in sticky header font-size and spacing * Ensure 8px spacing between all icons and buttons * Move buttons to separate container, so they aren't grouped with -icons. * Reducing horizontal padding of quiet labelled buttons to 5px to match spec. Bug: T326571 Change-Id: I71c3aee82152f048c347f80747972d526039a8f0
2023-01-30 15:33:57 +00:00
<div class=\\"vector-sticky-header-buttons\\">
Add snapshot class to sticky header tests Change-Id: Id1383f234bd0518786feebbbb2d92f7345aa6e70
2022-02-21 21:03:07 +00:00
Use Codex for button styles, start transitioning icons to use Codex icon mixins Changes: - mw-ui-button to cdx-button - mw-ui-quiet to cdx-button--weight-quiet - mw-ui-icon-element to cdx-button--icon-only - mw-ui-icon to vector-icon - mw-ui-icon-flush-right/left to vector-button-flush-right/left - Removes $isSmallIcon param in Hooks.php 85 Visual Changes - ~36 changes from minor pixel changes from the new button classes in the main menu, language button - 22 from standardizing the padding of the TOC in page title - ~10 changes from addition of .cdx-button to the TOC toggle buttons PERFORMANCE: This will result in an overall increase of 2.7kb of render blocking CSS, 1kb will be reclaimed when I6c1ed1523df8cc9e2f2ca09506f12a595b8b013d is merged. Co-author: Bernard Wang <bwang@wikimedia.org> Bug: T336526 Change-Id: Ibd558238a41a0d3edb981e441638f9564f43d226
2023-04-27 20:39:40 +00:00
<button id=\\"p-lang-btn-sticky-header\\" class=\\"cdx-button cdx-button--weight-quiet mw-interlanguage-selector\\" data-event-name=\\"ui.dropdown-p-lang-btn-sticky-header\\" tabindex=\\"-1\\"><span>0 languages</span>
Add snapshot class to sticky header tests Change-Id: Id1383f234bd0518786feebbbb2d92f7345aa6e70
2022-02-21 21:03:07 +00:00
</button>
Fix inconsistencies in sticky header font-size and spacing * Ensure 8px spacing between all icons and buttons * Move buttons to separate container, so they aren't grouped with -icons. * Reducing horizontal padding of quiet labelled buttons to 5px to match spec. Bug: T326571 Change-Id: I71c3aee82152f048c347f80747972d526039a8f0
2023-01-30 15:33:57 +00:00
</div>
Add snapshot class to sticky header tests Change-Id: Id1383f234bd0518786feebbbb2d92f7345aa6e70
2022-02-21 21:03:07 +00:00
<div class=\\"vector-sticky-header-icon-end\\">
<div class=\\"vector-user-links\\">
</div>
</div>
</div>
Setup header and sticky header to be able to be full width - Move the header and skip link out of .mw-page-container-inner and the grid - Wrap the header and sticky header with a .vector-header-container element, allowing us to easily update header styles in the future - Update sticky header to use a <div> to fix a11y error. Update searchToggle.js to use .vector-header-container rather than <header> Bug: T332449 Bug: T330438 Change-Id: I038fc17cbb88a29dbe8d7841b824761a91d38405
2023-03-28 17:45:48 +00:00
</div>
Add snapshot class to sticky header tests Change-Id: Id1383f234bd0518786feebbbb2d92f7345aa6e70
2022-02-21 21:03:07 +00:00
"
`;
Reference in a new issue Copy permalink