Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Remove the verb Toggle from the Block Inserter button. #65983

Merged
merged 4 commits into from
Oct 15, 2024

Conversation

afercia
Copy link
Contributor

@afercia afercia commented Oct 9, 2024

Addresses part of #61483

What?

  • The verb 'toggle' isn't well translatable in many languages and should not be used.
  • WordPress features should be title case, much like 'List View', 'Document Overview', and many other ones.

Note: I'd still like the 'Block Inserter' to be renamed because the current name is too technical and the tool isn't just inseerting blocks any longer. However, this is a first step to make the name better translatable and avoid the verb 'toggle'.

Why?

  • Better usability and localization.
  • Consistency

How?

  • Chagees all the strings 'Toggle block inserter` to 'Block Inserter'.

Testing Instructions

  • Edit a post.
  • Hover or focus the block inserter button.
  • Observe the tooltip is 'Block Inserter', title case.
  • Check the same think in the Site Editor and in the Widgets editor.
  • Make sure there are no occurrences of the string 'Toggle block inserter' aanywhere in the codebase.
  • Check the tests pass.

Testing Instructions for Keyboard

Screenshots or screencast

Copy link

github-actions bot commented Oct 9, 2024

The following accounts have interacted with this PR and/or linked issues. I will continue to update these lists as activity occurs. You can also manually ask me to refresh this list by adding the props-bot label.

If you're merging code through a pull request on GitHub, copy and paste the following into the bottom of the merge commit message.

Co-authored-by: afercia <afercia@git.wordpress.org>
Co-authored-by: t-hamano <wildworks@git.wordpress.org>
Co-authored-by: draganescu <andraganescu@git.wordpress.org>
Co-authored-by: tyxla <tyxla@git.wordpress.org>
Co-authored-by: kristastevens <kristastevens@git.wordpress.org>
Co-authored-by: SantosGuillamot <santosguillamot@git.wordpress.org>
Co-authored-by: talldan <talldanwp@git.wordpress.org>
Co-authored-by: ramonjd <ramonopoly@git.wordpress.org>
Co-authored-by: youknowriad <youknowriad@git.wordpress.org>

To understand the WordPress project's expectations around crediting contributors, please review the Contributor Attribution page in the Core Handbook.

@draganescu draganescu added [Type] Enhancement A suggestion for improvement. General Interface Parts of the UI which don't fall neatly under other labels. [Type] Copy Issues or PRs that need copy editing assistance Needs Copy Review Needs review of user-facing copy (language, phrasing) Good First Review A PR that's suitable for someone looking to contribute for the first time by reviewing code labels Oct 9, 2024
Copy link
Contributor

@draganescu draganescu left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Code wise it's a string replacement PR, let's wait for validation on the change itself. Otherwise great! I do agree with toggle being untranslateable but replacing it with just what the button is and not what it does makes me think maybe there is a better way? IDK tbh.

Copy link

github-actions bot commented Oct 9, 2024

Size Change: +8 B (0%)

Total Size: 1.77 MB

Filename Size Change
build/block-editor/index.min.js 256 kB +4 B (0%)
build/edit-widgets/index.min.js 17.8 kB +1 B (+0.01%)
build/editor/index.min.js 103 kB +3 B (0%)
ℹ️ View Unchanged
Filename Size
build-module/a11y/index.min.js 482 B
build-module/block-library/file/view.min.js 447 B
build-module/block-library/image/view.min.js 1.78 kB
build-module/block-library/navigation/view.min.js 1.16 kB
build-module/block-library/query/view.min.js 742 B
build-module/block-library/search/view.min.js 616 B
build-module/interactivity-router/index.min.js 3.03 kB
build-module/interactivity/debug.min.js 17.2 kB
build-module/interactivity/index.min.js 13.6 kB
build/a11y/index.min.js 952 B
build/annotations/index.min.js 2.26 kB
build/api-fetch/index.min.js 2.32 kB
build/autop/index.min.js 2.12 kB
build/blob/index.min.js 579 B
build/block-directory/index.min.js 7.26 kB
build/block-directory/style-rtl.css 1.07 kB
build/block-directory/style.css 1.07 kB
build/block-editor/content-rtl.css 4.38 kB
build/block-editor/content.css 4.38 kB
build/block-editor/default-editor-styles-rtl.css 394 B
build/block-editor/default-editor-styles.css 394 B
build/block-editor/style-rtl.css 15.4 kB
build/block-editor/style.css 15.4 kB
build/block-library/blocks/archives/editor-rtl.css 61 B
build/block-library/blocks/archives/editor.css 60 B
build/block-library/blocks/archives/style-rtl.css 90 B
build/block-library/blocks/archives/style.css 90 B
build/block-library/blocks/audio/editor-rtl.css 149 B
build/block-library/blocks/audio/editor.css 151 B
build/block-library/blocks/audio/style-rtl.css 132 B
build/block-library/blocks/audio/style.css 132 B
build/block-library/blocks/audio/theme-rtl.css 134 B
build/block-library/blocks/audio/theme.css 134 B
build/block-library/blocks/avatar/editor-rtl.css 115 B
build/block-library/blocks/avatar/editor.css 115 B
build/block-library/blocks/avatar/style-rtl.css 104 B
build/block-library/blocks/avatar/style.css 104 B
build/block-library/blocks/button/editor-rtl.css 265 B
build/block-library/blocks/button/editor.css 265 B
build/block-library/blocks/button/style-rtl.css 538 B
build/block-library/blocks/button/style.css 538 B
build/block-library/blocks/buttons/editor-rtl.css 291 B
build/block-library/blocks/buttons/editor.css 291 B
build/block-library/blocks/buttons/style-rtl.css 345 B
build/block-library/blocks/buttons/style.css 345 B
build/block-library/blocks/calendar/style-rtl.css 240 B
build/block-library/blocks/calendar/style.css 240 B
build/block-library/blocks/categories/editor-rtl.css 132 B
build/block-library/blocks/categories/editor.css 131 B
build/block-library/blocks/categories/style-rtl.css 152 B
build/block-library/blocks/categories/style.css 152 B
build/block-library/blocks/code/editor-rtl.css 53 B
build/block-library/blocks/code/editor.css 53 B
build/block-library/blocks/code/style-rtl.css 139 B
build/block-library/blocks/code/style.css 139 B
build/block-library/blocks/code/theme-rtl.css 122 B
build/block-library/blocks/code/theme.css 122 B
build/block-library/blocks/columns/editor-rtl.css 108 B
build/block-library/blocks/columns/editor.css 108 B
build/block-library/blocks/columns/style-rtl.css 420 B
build/block-library/blocks/columns/style.css 420 B
build/block-library/blocks/comment-author-avatar/editor-rtl.css 124 B
build/block-library/blocks/comment-author-avatar/editor.css 124 B
build/block-library/blocks/comment-author-name/style-rtl.css 72 B
build/block-library/blocks/comment-author-name/style.css 72 B
build/block-library/blocks/comment-content/style-rtl.css 120 B
build/block-library/blocks/comment-content/style.css 120 B
build/block-library/blocks/comment-date/style-rtl.css 65 B
build/block-library/blocks/comment-date/style.css 65 B
build/block-library/blocks/comment-edit-link/style-rtl.css 70 B
build/block-library/blocks/comment-edit-link/style.css 70 B
build/block-library/blocks/comment-reply-link/style-rtl.css 71 B
build/block-library/blocks/comment-reply-link/style.css 71 B
build/block-library/blocks/comment-template/style-rtl.css 200 B
build/block-library/blocks/comment-template/style.css 199 B
build/block-library/blocks/comments-pagination-numbers/editor-rtl.css 122 B
build/block-library/blocks/comments-pagination-numbers/editor.css 121 B
build/block-library/blocks/comments-pagination/editor-rtl.css 228 B
build/block-library/blocks/comments-pagination/editor.css 217 B
build/block-library/blocks/comments-pagination/style-rtl.css 234 B
build/block-library/blocks/comments-pagination/style.css 231 B
build/block-library/blocks/comments-title/editor-rtl.css 75 B
build/block-library/blocks/comments-title/editor.css 75 B
build/block-library/blocks/comments/editor-rtl.css 832 B
build/block-library/blocks/comments/editor.css 832 B
build/block-library/blocks/comments/style-rtl.css 632 B
build/block-library/blocks/comments/style.css 631 B
build/block-library/blocks/cover/editor-rtl.css 640 B
build/block-library/blocks/cover/editor.css 641 B
build/block-library/blocks/cover/style-rtl.css 1.62 kB
build/block-library/blocks/cover/style.css 1.61 kB
build/block-library/blocks/details/editor-rtl.css 65 B
build/block-library/blocks/details/editor.css 65 B
build/block-library/blocks/details/style-rtl.css 86 B
build/block-library/blocks/details/style.css 86 B
build/block-library/blocks/embed/editor-rtl.css 331 B
build/block-library/blocks/embed/editor.css 331 B
build/block-library/blocks/embed/style-rtl.css 419 B
build/block-library/blocks/embed/style.css 419 B
build/block-library/blocks/embed/theme-rtl.css 133 B
build/block-library/blocks/embed/theme.css 133 B
build/block-library/blocks/file/editor-rtl.css 326 B
build/block-library/blocks/file/editor.css 326 B
build/block-library/blocks/file/style-rtl.css 278 B
build/block-library/blocks/file/style.css 279 B
build/block-library/blocks/footnotes/style-rtl.css 198 B
build/block-library/blocks/footnotes/style.css 197 B
build/block-library/blocks/form-input/editor-rtl.css 229 B
build/block-library/blocks/form-input/editor.css 229 B
build/block-library/blocks/form-input/style-rtl.css 357 B
build/block-library/blocks/form-input/style.css 357 B
build/block-library/blocks/form-submission-notification/editor-rtl.css 344 B
build/block-library/blocks/form-submission-notification/editor.css 341 B
build/block-library/blocks/form-submit-button/style-rtl.css 69 B
build/block-library/blocks/form-submit-button/style.css 69 B
build/block-library/blocks/form/view.min.js 470 B
build/block-library/blocks/freeform/editor-rtl.css 2.6 kB
build/block-library/blocks/freeform/editor.css 2.6 kB
build/block-library/blocks/gallery/editor-rtl.css 946 B
build/block-library/blocks/gallery/editor.css 951 B
build/block-library/blocks/gallery/style-rtl.css 1.83 kB
build/block-library/blocks/gallery/style.css 1.82 kB
build/block-library/blocks/gallery/theme-rtl.css 108 B
build/block-library/blocks/gallery/theme.css 108 B
build/block-library/blocks/group/editor-rtl.css 334 B
build/block-library/blocks/group/editor.css 334 B
build/block-library/blocks/group/style-rtl.css 103 B
build/block-library/blocks/group/style.css 103 B
build/block-library/blocks/group/theme-rtl.css 79 B
build/block-library/blocks/group/theme.css 79 B
build/block-library/blocks/heading/style-rtl.css 188 B
build/block-library/blocks/heading/style.css 188 B
build/block-library/blocks/html/editor-rtl.css 346 B
build/block-library/blocks/html/editor.css 347 B
build/block-library/blocks/image/editor-rtl.css 785 B
build/block-library/blocks/image/editor.css 787 B
build/block-library/blocks/image/style-rtl.css 1.59 kB
build/block-library/blocks/image/style.css 1.59 kB
build/block-library/blocks/image/theme-rtl.css 137 B
build/block-library/blocks/image/theme.css 137 B
build/block-library/blocks/latest-comments/style-rtl.css 355 B
build/block-library/blocks/latest-comments/style.css 354 B
build/block-library/blocks/latest-posts/editor-rtl.css 179 B
build/block-library/blocks/latest-posts/editor.css 179 B
build/block-library/blocks/latest-posts/style-rtl.css 509 B
build/block-library/blocks/latest-posts/style.css 510 B
build/block-library/blocks/list/style-rtl.css 107 B
build/block-library/blocks/list/style.css 107 B
build/block-library/blocks/loginout/style-rtl.css 61 B
build/block-library/blocks/loginout/style.css 61 B
build/block-library/blocks/media-text/editor-rtl.css 321 B
build/block-library/blocks/media-text/editor.css 320 B
build/block-library/blocks/media-text/style-rtl.css 558 B
build/block-library/blocks/media-text/style.css 556 B
build/block-library/blocks/more/editor-rtl.css 427 B
build/block-library/blocks/more/editor.css 427 B
build/block-library/blocks/navigation-link/editor-rtl.css 644 B
build/block-library/blocks/navigation-link/editor.css 645 B
build/block-library/blocks/navigation-link/style-rtl.css 192 B
build/block-library/blocks/navigation-link/style.css 191 B
build/block-library/blocks/navigation-submenu/editor-rtl.css 295 B
build/block-library/blocks/navigation-submenu/editor.css 294 B
build/block-library/blocks/navigation/editor-rtl.css 2.19 kB
build/block-library/blocks/navigation/editor.css 2.2 kB
build/block-library/blocks/navigation/style-rtl.css 2.25 kB
build/block-library/blocks/navigation/style.css 2.23 kB
build/block-library/blocks/nextpage/editor-rtl.css 392 B
build/block-library/blocks/nextpage/editor.css 392 B
build/block-library/blocks/page-list/editor-rtl.css 378 B
build/block-library/blocks/page-list/editor.css 378 B
build/block-library/blocks/page-list/style-rtl.css 175 B
build/block-library/blocks/page-list/style.css 175 B
build/block-library/blocks/paragraph/editor-rtl.css 236 B
build/block-library/blocks/paragraph/editor.css 236 B
build/block-library/blocks/paragraph/style-rtl.css 341 B
build/block-library/blocks/paragraph/style.css 340 B
build/block-library/blocks/post-author-biography/style-rtl.css 74 B
build/block-library/blocks/post-author-biography/style.css 74 B
build/block-library/blocks/post-author-name/style-rtl.css 69 B
build/block-library/blocks/post-author-name/style.css 69 B
build/block-library/blocks/post-author/editor-rtl.css 107 B
build/block-library/blocks/post-author/editor.css 107 B
build/block-library/blocks/post-author/style-rtl.css 188 B
build/block-library/blocks/post-author/style.css 189 B
build/block-library/blocks/post-comments-form/editor-rtl.css 96 B
build/block-library/blocks/post-comments-form/editor.css 96 B
build/block-library/blocks/post-comments-form/style-rtl.css 527 B
build/block-library/blocks/post-comments-form/style.css 528 B
build/block-library/blocks/post-content/style-rtl.css 61 B
build/block-library/blocks/post-content/style.css 61 B
build/block-library/blocks/post-date/style-rtl.css 62 B
build/block-library/blocks/post-date/style.css 62 B
build/block-library/blocks/post-excerpt/editor-rtl.css 71 B
build/block-library/blocks/post-excerpt/editor.css 71 B
build/block-library/blocks/post-excerpt/style-rtl.css 155 B
build/block-library/blocks/post-excerpt/style.css 155 B
build/block-library/blocks/post-featured-image/editor-rtl.css 729 B
build/block-library/blocks/post-featured-image/editor.css 726 B
build/block-library/blocks/post-featured-image/style-rtl.css 347 B
build/block-library/blocks/post-featured-image/style.css 347 B
build/block-library/blocks/post-navigation-link/style-rtl.css 215 B
build/block-library/blocks/post-navigation-link/style.css 214 B
build/block-library/blocks/post-template/editor-rtl.css 99 B
build/block-library/blocks/post-template/editor.css 98 B
build/block-library/blocks/post-template/style-rtl.css 399 B
build/block-library/blocks/post-template/style.css 398 B
build/block-library/blocks/post-terms/style-rtl.css 96 B
build/block-library/blocks/post-terms/style.css 96 B
build/block-library/blocks/post-time-to-read/style-rtl.css 70 B
build/block-library/blocks/post-time-to-read/style.css 70 B
build/block-library/blocks/post-title/style-rtl.css 162 B
build/block-library/blocks/post-title/style.css 162 B
build/block-library/blocks/preformatted/style-rtl.css 125 B
build/block-library/blocks/preformatted/style.css 125 B
build/block-library/blocks/pullquote/editor-rtl.css 134 B
build/block-library/blocks/pullquote/editor.css 134 B
build/block-library/blocks/pullquote/style-rtl.css 342 B
build/block-library/blocks/pullquote/style.css 342 B
build/block-library/blocks/pullquote/theme-rtl.css 167 B
build/block-library/blocks/pullquote/theme.css 167 B
build/block-library/blocks/query-pagination-numbers/editor-rtl.css 121 B
build/block-library/blocks/query-pagination-numbers/editor.css 118 B
build/block-library/blocks/query-pagination/editor-rtl.css 154 B
build/block-library/blocks/query-pagination/editor.css 154 B
build/block-library/blocks/query-pagination/style-rtl.css 237 B
build/block-library/blocks/query-pagination/style.css 237 B
build/block-library/blocks/query-title/style-rtl.css 64 B
build/block-library/blocks/query-title/style.css 64 B
build/block-library/blocks/query/editor-rtl.css 452 B
build/block-library/blocks/query/editor.css 451 B
build/block-library/blocks/quote/style-rtl.css 238 B
build/block-library/blocks/quote/style.css 238 B
build/block-library/blocks/quote/theme-rtl.css 233 B
build/block-library/blocks/quote/theme.css 236 B
build/block-library/blocks/read-more/style-rtl.css 138 B
build/block-library/blocks/read-more/style.css 138 B
build/block-library/blocks/rss/editor-rtl.css 101 B
build/block-library/blocks/rss/editor.css 101 B
build/block-library/blocks/rss/style-rtl.css 288 B
build/block-library/blocks/rss/style.css 287 B
build/block-library/blocks/search/editor-rtl.css 199 B
build/block-library/blocks/search/editor.css 199 B
build/block-library/blocks/search/style-rtl.css 672 B
build/block-library/blocks/search/style.css 671 B
build/block-library/blocks/search/theme-rtl.css 113 B
build/block-library/blocks/search/theme.css 113 B
build/block-library/blocks/separator/editor-rtl.css 100 B
build/block-library/blocks/separator/editor.css 100 B
build/block-library/blocks/separator/style-rtl.css 248 B
build/block-library/blocks/separator/style.css 248 B
build/block-library/blocks/separator/theme-rtl.css 195 B
build/block-library/blocks/separator/theme.css 195 B
build/block-library/blocks/shortcode/editor-rtl.css 286 B
build/block-library/blocks/shortcode/editor.css 286 B
build/block-library/blocks/site-logo/editor-rtl.css 806 B
build/block-library/blocks/site-logo/editor.css 803 B
build/block-library/blocks/site-logo/style-rtl.css 218 B
build/block-library/blocks/site-logo/style.css 218 B
build/block-library/blocks/site-tagline/editor-rtl.css 87 B
build/block-library/blocks/site-tagline/editor.css 87 B
build/block-library/blocks/site-tagline/style-rtl.css 65 B
build/block-library/blocks/site-tagline/style.css 65 B
build/block-library/blocks/site-title/editor-rtl.css 85 B
build/block-library/blocks/site-title/editor.css 85 B
build/block-library/blocks/site-title/style-rtl.css 143 B
build/block-library/blocks/site-title/style.css 143 B
build/block-library/blocks/social-link/editor-rtl.css 338 B
build/block-library/blocks/social-link/editor.css 338 B
build/block-library/blocks/social-links/editor-rtl.css 729 B
build/block-library/blocks/social-links/editor.css 727 B
build/block-library/blocks/social-links/style-rtl.css 1.51 kB
build/block-library/blocks/social-links/style.css 1.5 kB
build/block-library/blocks/spacer/editor-rtl.css 346 B
build/block-library/blocks/spacer/editor.css 346 B
build/block-library/blocks/spacer/style-rtl.css 48 B
build/block-library/blocks/spacer/style.css 48 B
build/block-library/blocks/table-of-contents/style-rtl.css 83 B
build/block-library/blocks/table-of-contents/style.css 83 B
build/block-library/blocks/table/editor-rtl.css 394 B
build/block-library/blocks/table/editor.css 394 B
build/block-library/blocks/table/style-rtl.css 640 B
build/block-library/blocks/table/style.css 639 B
build/block-library/blocks/table/theme-rtl.css 152 B
build/block-library/blocks/table/theme.css 152 B
build/block-library/blocks/tag-cloud/editor-rtl.css 144 B
build/block-library/blocks/tag-cloud/editor.css 144 B
build/block-library/blocks/tag-cloud/style-rtl.css 266 B
build/block-library/blocks/tag-cloud/style.css 265 B
build/block-library/blocks/template-part/editor-rtl.css 368 B
build/block-library/blocks/template-part/editor.css 368 B
build/block-library/blocks/template-part/theme-rtl.css 113 B
build/block-library/blocks/template-part/theme.css 113 B
build/block-library/blocks/term-description/style-rtl.css 126 B
build/block-library/blocks/term-description/style.css 126 B
build/block-library/blocks/text-columns/editor-rtl.css 95 B
build/block-library/blocks/text-columns/editor.css 95 B
build/block-library/blocks/text-columns/style-rtl.css 165 B
build/block-library/blocks/text-columns/style.css 165 B
build/block-library/blocks/verse/style-rtl.css 98 B
build/block-library/blocks/verse/style.css 98 B
build/block-library/blocks/video/editor-rtl.css 396 B
build/block-library/blocks/video/editor.css 397 B
build/block-library/blocks/video/style-rtl.css 192 B
build/block-library/blocks/video/style.css 192 B
build/block-library/blocks/video/theme-rtl.css 134 B
build/block-library/blocks/video/theme.css 134 B
build/block-library/classic-rtl.css 179 B
build/block-library/classic.css 179 B
build/block-library/common-rtl.css 1.1 kB
build/block-library/common.css 1.1 kB
build/block-library/editor-elements-rtl.css 75 B
build/block-library/editor-elements.css 75 B
build/block-library/editor-rtl.css 11.7 kB
build/block-library/editor.css 11.7 kB
build/block-library/elements-rtl.css 54 B
build/block-library/elements.css 54 B
build/block-library/index.min.js 219 kB
build/block-library/reset-rtl.css 472 B
build/block-library/reset.css 472 B
build/block-library/style-rtl.css 14.9 kB
build/block-library/style.css 14.9 kB
build/block-library/theme-rtl.css 708 B
build/block-library/theme.css 712 B
build/block-serialization-default-parser/index.min.js 1.12 kB
build/block-serialization-spec-parser/index.min.js 2.87 kB
build/blocks/index.min.js 52.5 kB
build/commands/index.min.js 16.1 kB
build/commands/style-rtl.css 955 B
build/commands/style.css 952 B
build/components/index.min.js 227 kB
build/components/style-rtl.css 12.4 kB
build/components/style.css 12.4 kB
build/compose/index.min.js 12.7 kB
build/core-commands/index.min.js 3.11 kB
build/core-data/index.min.js 73.4 kB
build/customize-widgets/index.min.js 11 kB
build/customize-widgets/style-rtl.css 1.35 kB
build/customize-widgets/style.css 1.35 kB
build/data-controls/index.min.js 641 B
build/data/index.min.js 8.97 kB
build/date/index.min.js 18 kB
build/deprecated/index.min.js 458 B
build/dom-ready/index.min.js 325 B
build/dom/index.min.js 4.66 kB
build/edit-post/classic-rtl.css 578 B
build/edit-post/classic.css 580 B
build/edit-post/index.min.js 13.7 kB
build/edit-post/style-rtl.css 2.76 kB
build/edit-post/style.css 2.75 kB
build/edit-site/index.min.js 217 kB
build/edit-site/posts-rtl.css 7.34 kB
build/edit-site/posts.css 7.35 kB
build/edit-site/style-rtl.css 12.6 kB
build/edit-site/style.css 12.6 kB
build/edit-widgets/style-rtl.css 4.19 kB
build/edit-widgets/style.css 4.19 kB
build/editor/style-rtl.css 9.37 kB
build/editor/style.css 9.37 kB
build/element/index.min.js 4.82 kB
build/escape-html/index.min.js 537 B
build/format-library/index.min.js 8.04 kB
build/format-library/style-rtl.css 476 B
build/format-library/style.css 476 B
build/hooks/index.min.js 1.65 kB
build/html-entities/index.min.js 445 B
build/i18n/index.min.js 3.58 kB
build/is-shallow-equal/index.min.js 526 B
build/keyboard-shortcuts/index.min.js 1.31 kB
build/keycodes/index.min.js 1.46 kB
build/list-reusable-blocks/index.min.js 2.13 kB
build/list-reusable-blocks/style-rtl.css 852 B
build/list-reusable-blocks/style.css 852 B
build/media-utils/index.min.js 3.2 kB
build/notices/index.min.js 946 B
build/nux/index.min.js 1.62 kB
build/nux/style-rtl.css 749 B
build/nux/style.css 745 B
build/patterns/index.min.js 7.34 kB
build/patterns/style-rtl.css 687 B
build/patterns/style.css 685 B
build/plugins/index.min.js 1.81 kB
build/preferences-persistence/index.min.js 2.06 kB
build/preferences/index.min.js 2.9 kB
build/preferences/style-rtl.css 554 B
build/preferences/style.css 554 B
build/primitives/index.min.js 829 B
build/priority-queue/index.min.js 1.54 kB
build/private-apis/index.min.js 960 B
build/react-i18n/index.min.js 630 B
build/react-refresh-entry/index.min.js 9.47 kB
build/react-refresh-runtime/index.min.js 6.76 kB
build/redux-routine/index.min.js 2.7 kB
build/reusable-blocks/index.min.js 2.55 kB
build/reusable-blocks/style-rtl.css 256 B
build/reusable-blocks/style.css 256 B
build/rich-text/index.min.js 10.1 kB
build/router/index.min.js 1.96 kB
build/server-side-render/index.min.js 1.94 kB
build/shortcode/index.min.js 1.4 kB
build/style-engine/index.min.js 2.04 kB
build/token-list/index.min.js 581 B
build/url/index.min.js 3.9 kB
build/vendors/react-dom.min.js 41.7 kB
build/vendors/react-jsx-runtime.min.js 556 B
build/vendors/react.min.js 4.02 kB
build/viewport/index.min.js 965 B
build/warning/index.min.js 250 B
build/widgets/index.min.js 7.16 kB
build/widgets/style-rtl.css 1.16 kB
build/widgets/style.css 1.16 kB
build/wordcount/index.min.js 1.03 kB

compressed-size-action

@kristastevens
Copy link

Hello! 👋 Editor here, answering the "needs copy review" ping.

Changes all the strings 'Toggle block inserter` to 'Block Inserter'.

^ No concerns with this proposed change.

@afercia
Copy link
Contributor Author

afercia commented Oct 9, 2024

Thanks for adding the missing issue labels. Looking into the failing tests.

I'd agree the name itself would needs some rethinking. This PR is just aiming to remove the verb 'toggle'.

@afercia afercia requested a review from ellatrix as a code owner October 9, 2024 12:30
@afercia afercia removed the [Type] Copy Issues or PRs that need copy editing assistance label Oct 9, 2024
Copy link

github-actions bot commented Oct 9, 2024

Flaky tests detected in dd3dab9.
Some tests passed with failed attempts. The failures may not be related to this commit but are still reported for visibility. See the documentation for more information.

🔍 Workflow run URL: https://github.com/WordPress/gutenberg/actions/runs/11256083346
📝 Reported issues:

@afercia
Copy link
Contributor Author

afercia commented Oct 9, 2024

I'm not sure I understand why the Performance test is failing npm run test:performance -- post-editor.spec.js
Any help would be appreciated Cc @WordPress/gutenberg-core

@SantosGuillamot
Copy link
Contributor

I believe the problem wiht the failing tests is that there are two buttons matching the selector "Block Inserter": The actual "Block Inserter" and "Close Block Inserter".

To solve that, you can pass the property exact: true: here & here & here & here. Something like this:

const globalInserterToggle = page.getByRole( 'button', {
	name: 'Block Inserter',
	exact: true,
} );

@afercia
Copy link
Contributor Author

afercia commented Oct 10, 2024

Thanks @SantosGuillamot I did try exact: true already in 3203837 and it didn't work. Maybe I missed a few places where to add it. Will try again.

@SantosGuillamot
Copy link
Contributor

To solve that, you can pass the property exact: true: here & here & here & here.

I tested it locally adding exact: true in those links and that specific test passed.

@t-hamano
Copy link
Contributor

I pushed a commit that attempts to solve the performance test.

In this PR, we expect the global inserter to have a label of "Block Inserter" in the post-editor.spec.js file.

But when the global inserter is open, there are two buttons that match this name. Screenshot:

inserter

So it seems like the error is happening here:

await perfUtils.expectExpandedState(

So I added a new getByRole to target only the button in the header.

I hope this approach solves the test, but I am concerned that this change might affect metrics at the same time.

@afercia
Copy link
Contributor Author

afercia commented Oct 10, 2024

When I run that sprecific test locally, the Gutenberg plugin gets disabled deactivated. As such, the editor uses the previous string Toggle block inserter. Anyone knows why the plugin gets disabled deactivated?

@t-hamano
Copy link
Contributor

Why exact: true didn't work in 3203837

From what I understand, the performance test runs post-editor.spec.js etc. on the trunk branch. In the trunk branch, the label of the global inserter is "Toggle block inserter", so adding exact: true will not match that label.

Furthermore, if there is no operation to explicitly close the main inserter in the e2e test, I think exact: true is unnecessary. Because when the main inserter is not open, the only button that matches the label "Block Inserter" is the main inserter toggle button.

Why I'm still getting wp 6.5 beta locally when running the gutenberg wp-eng even after running npm run wp-env start -- --update I would have expected to get more recent images.

Have you specified a specific WordPress version via .wp-env.override.json or other means?

Normally, the latest version of WordPress should be enabled in both environments (http://localhost:8888/, http://localhost:8889/).

If there is no improvement, try npm run wp-env destroy and npm run wp-env start.

@afercia
Copy link
Contributor Author

afercia commented Oct 10, 2024

Have you specified a specific WordPress version via .wp-env.override.json or other means?

Nope.

Normally, the latest version of WordPress should be enabled in both environments

I'm not sure that is the case. As far as I can tell, the WordPress images of the Gutenberg wp-env need to be updated regularly.

@t-hamano
Copy link
Contributor

If there is no improvement, try npm run wp-env destroy and npm run wp-env start.

Have you tried that? Either way, if you're really having problems with wp-env, it's best to open a new issue.

@afercia
Copy link
Contributor Author

afercia commented Oct 10, 2024

@t-hamano thanks, I appreciate your feedback. I think I prefer to wait for an answer from the contributors I pinged on this PR. Thanks.

@afercia
Copy link
Contributor Author

afercia commented Oct 11, 2024

I'd appreciate a review to unblock this PR, thanks. Cc @WordPress/gutenberg-core

@talldan
Copy link
Contributor

talldan commented Oct 11, 2024

So I added a new getByRole to target only the button in the header.
I hope this approach solves the test, but I am concerned that this change might affect metrics at the same time.

Changes to the performance test code will need to be made at some points, so I expect it's ok. @youknowriad or @tyxla might know a bit more.

@ramonjd
Copy link
Member

ramonjd commented Oct 14, 2024

Why I'm still getting wp 6.5 beta locally

When this happens to me I kill the images npm run wp-env destroy, and also remove the .wp_env directory on my local machine. Hope that helps!

For what it's worth, I tested this PR and things LGTM

This PR Trunk
Screenshot 2024-10-14 at 11 00 42 am Screenshot 2024-10-14 at 11 00 37 am

I was wondering: when the block inspector is activated, is the button's aria-expanded|pressed state enough information to communicate that the button's action is now effectively "Close Block Inspector"?

Copy link
Member

@tyxla tyxla left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

So I added a new getByRole to target only the button in the header.
I hope this approach solves the test, but I am concerned that this change might affect metrics at the same time.

Changes to the performance test code will need to be made at some points, so I expect it's ok. @youknowriad or @tyxla might know a bit more.

While I'd generally say this should be fine because performance tests change every once in a whiile, it's definitely something to consider. Adding a .getByRole() could potentially increase the test by a few ms, which is a lot for a test that takes ~60ms on average. It might make sense to consider other ways to solve the ambiguity with a single getByRole().

One thing that comes to mind is using exact: true for that getByRole(). After all, one of the names is "Block Inserter" and the other is "Close Block Inserter", so with an exact match, you should be able to select only one of the buttons. I think that's what @SantosGuillamot proposed above, and I don't see why it wouldn't work.

@afercia
Copy link
Contributor Author

afercia commented Oct 14, 2024

After npm run wp-env destroy I tried again exact: true and all tests pass locally. Let's see i they pass on GitHub too.
I already tried exact: true in 3203837 and the tests failed for some reason.

@afercia
Copy link
Contributor Author

afercia commented Oct 14, 2024

One thing that comes to mind is using exact: true for that getByRole(). After all, one of the names is "Block Inserter" and the other is "Close Block Inserter", so with an exact match, you should be able to select only one of the buttons. I think that's what @SantosGuillamot proposed above, and I don't see why it wouldn't work.

@tyxla as you can see, the tests fail on GitHub with exact: true. They pass locally. I'm assuming GitHub uses old images?

@tyxla
Copy link
Member

tyxla commented Oct 14, 2024

One thing that comes to mind is using exact: true for that getByRole(). After all, one of the names is "Block Inserter" and the other is "Close Block Inserter", so with an exact match, you should be able to select only one of the buttons. I think that's what @SantosGuillamot proposed above, and I don't see why it wouldn't work.

@tyxla as you can see, the tests fail on GitHub with exact: true. They pass locally. I'm assuming GitHub uses old images?

Yes, I believe when the updated performance test suite runs against trunk, it fails because the rest of the changes from this PR aren't included. To get around this, I'd recommend making the performance test changes in a separate PR.

Perhaps @youknowriad will have alternative ideas.

@afercia
Copy link
Contributor Author

afercia commented Oct 14, 2024

To get around this, I'd recommend making the performance test changes in a separate PR.

@tyxla I'm not sure I understand how that would work. Removing the performance test changes from this PR wil make it fail. Am I missing something?

@tyxla
Copy link
Member

tyxla commented Oct 14, 2024

@afercia sorry for the confusion.

We might need to temporarily support both versions in the performance test spec.

That way the spec will work both with trunk and with this branch.

See this commit for example of when this was done before.

Let me know if that makes sense.

@afercia
Copy link
Contributor Author

afercia commented Oct 14, 2024

See this commit for example of when this was done before.

Thanks for clarifying @tyxla. So you suggest to use two locators and .or(). Given this discussion is all about impact on the performance test, would .or() impact more or less than the additional getByRole tried by @t-hamano?
Honestly I find this discussion a little derailing towards nitpicking, minor, aspects that are a little overkill for a very simple change like the one in this PR. Whatever your preference is please let me know and I'll implement it to unblock this PR, thanks.

@tyxla
Copy link
Member

tyxla commented Oct 14, 2024

See this commit for example of when this was done before.

Thanks for clarifying @tyxla. So you suggest to use two locators and .or(). Given this discussion is all about impact on the performance test, would .or() impact more or less than the additional getByRole tried by @t-hamano? Honestly I find this discussion a little derailing towards nitpicking, minor, aspects that are a little overkill for a very simple change like the one in this PR. Whatever your preference is please let me know and I'll implement it to unblock this PR, thanks.

I definitely don't intend to block the PR. I was just trying to minimize the impact on performance tests which @t-hamano expressed concerns about. Feel free to go either way, I have no real preference, I was just trying to help.

@afercia afercia force-pushed the fix/toggle-block-inserter-remove-toggle-verb branch from 632bbc3 to b691c1b Compare October 14, 2024 14:05
@afercia
Copy link
Contributor Author

afercia commented Oct 14, 2024

Thanks. I reverted the last commit. The approach with two locators and .or() seems a little too verbose to me and it would need to be implemented in 4 tests. @t-hamano approach looks way simpler to me. Waiting for the tests to pass.

@youknowriad
Copy link
Contributor

What I can say about the performance tests is that they are supposed to run on multiple branches at the same time. So yeah, we need to make sure selectors we use can work both for 6.7 and 6.8 (trunk and this PR).

Also, from the changes that I see there, It doesn't seem that these changes have any impact on the metrics themselves, they are part of the "preparation" steps of the tests so they won't impact the numbers AFAIK.

@afercia
Copy link
Contributor Author

afercia commented Oct 14, 2024

Thanks @youknowriad for clarifying an important point.
A final review and approval would be appreciated, when the performance test completes and passes 🙏🏻

@t-hamano t-hamano self-requested a review October 14, 2024 14:42
Copy link
Contributor

@t-hamano t-hamano left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

@youknowriad Thanks for the feedback!

If this PR doesn't impact the metrics, I believe the current approach is best.

@afercia afercia merged commit d655af6 into trunk Oct 15, 2024
129 checks passed
@afercia afercia deleted the fix/toggle-block-inserter-remove-toggle-verb branch October 15, 2024 06:46
@github-actions github-actions bot added this to the Gutenberg 19.5 milestone Oct 15, 2024
karthick-murugan pushed a commit to karthick-murugan/gutenberg that referenced this pull request Nov 13, 2024
* Remove the verb Toggle from the Block Inserter button.

* Adjust tests.

* Try to fix performance test.

* Try to fix perf test

---------

Co-authored-by: afercia <afercia@git.wordpress.org>
Co-authored-by: t-hamano <wildworks@git.wordpress.org>
Co-authored-by: draganescu <andraganescu@git.wordpress.org>
Co-authored-by: tyxla <tyxla@git.wordpress.org>
Co-authored-by: kristastevens <kristastevens@git.wordpress.org>
Co-authored-by: SantosGuillamot <santosguillamot@git.wordpress.org>
Co-authored-by: talldan <talldanwp@git.wordpress.org>
Co-authored-by: ramonjd <ramonopoly@git.wordpress.org>
Co-authored-by: youknowriad <youknowriad@git.wordpress.org>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
General Interface Parts of the UI which don't fall neatly under other labels. Good First Review A PR that's suitable for someone looking to contribute for the first time by reviewing code Needs Copy Review Needs review of user-facing copy (language, phrasing) [Type] Enhancement A suggestion for improvement.
Projects
None yet
Development

Successfully merging this pull request may close these issues.

9 participants