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

E2E: Update editor-settings-sidebar-component selectors #86033

Merged
merged 1 commit into from
Jan 5, 2024

Conversation

taipeicoder
Copy link
Contributor

@taipeicoder taipeicoder commented Jan 5, 2024

Proposed Changes

This PR updates the CSS selector for the E2E component EditorSettingsSidebarComponent to reflect the latest DOM updates in the Site Editor. There were two changes:

  1. The previous selector looked for the attribute data-label which is no longer present in the element, so we replace it with :has-text instead.

  2. The previous selector looked for the class name .is-active to locate the active tab which is no longer the case, so we replace it with [aria-selected="true"]. Alternatively, we could use [data-active-item].

For reference, this is what the element looks like now:
Screenshot 2024-01-05 at 3 21 16 PM

While in 17.3.0:
Screenshot 2024-01-05 at 3 34 42 PM

Testing Instructions

Ensure that the E2E tests pass.

Pre-merge Checklist

  • Has the general commit checklist been followed? (PCYsg-hS-p2)
  • https://wpcalypso.wordpress.com/devdocs/docs/testing/index.md for your changes?
  • Have you tested the feature in Simple (P9HQHe-k8-p2), Atomic (P9HQHe-jW-p2), and self-hosted Jetpack sites (PCYsg-g6b-p2)?
  • Have you checked for TypeScript, React or other console errors?
  • Have you used memoizing on expensive computations? More info in Memoizing with create-selector and Using memoizing selectors and Our Approach to Data
  • Have we added the "[Status] String Freeze" label as soon as any new strings were ready for translation (p4TIVU-5Jq-p2)?
  • For changes affecting Jetpack: Have we added the "[Status] Needs Privacy Updates" label if this pull request changes what data or activity we track or use (p4TIVU-ajp-p2)?

@taipeicoder taipeicoder requested a review from a team January 5, 2024 07:20
@matticbot matticbot added the [Status] Needs Review The PR is ready for review. This also triggers e2e canary tests and wp-desktop tests automatically. label Jan 5, 2024
Copy link

github-actions bot commented Jan 5, 2024

@taipeicoder taipeicoder requested a review from a team January 5, 2024 07:25
@taipeicoder taipeicoder self-assigned this Jan 5, 2024
@matticbot
Copy link
Contributor

This PR does not affect the size of JS and CSS bundles shipped to the user's browser.

Generated by performance advisor bot at iscalypsofastyet.com.

Copy link
Contributor

@arthur791004 arthur791004 left a comment

Choose a reason for hiding this comment

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

Looks good to me! Nice fix 👍

@taipeicoder taipeicoder merged commit 870768b into trunk Jan 5, 2024
18 checks passed
@taipeicoder taipeicoder deleted the fix/e2e-editor-revisions branch January 5, 2024 08:14
@github-actions github-actions bot removed the [Status] Needs Review The PR is ready for review. This also triggers e2e canary tests and wp-desktop tests automatically. label Jan 5, 2024
anomiex added a commit that referenced this pull request Jan 5, 2024
* WordPress/gutenberg#56921 changed the label of the preview button from
  "Preview" to "View".
* WordPress/gutenberg#56904 removed the setting of an `is-xxx-preview`
  class when using the in-page preview. Targeting the parent element
  (that has a static class) instead.
* #86033 attempted to fix a test for another Gutenberg change, but the
  selector used there matches multiple elements in one of our tests and
  so causes it to fail. Adding `[role="tab"]` into the selector fixes
  that.
sdixon194 pushed a commit that referenced this pull request Jan 5, 2024
* WordPress/gutenberg#56921 changed the label of the preview button from
  "Preview" to "View".
* WordPress/gutenberg#56904 removed the setting of an `is-xxx-preview`
  class when using the in-page preview. Targeting the parent element
  (that has a static class) instead.
* #86033 attempted to fix a test for another Gutenberg change, but the
  selector used there matches multiple elements in one of our tests and
  so causes it to fail. Adding `[role="tab"]` into the selector fixes
  that.
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

3 participants