-
Notifications
You must be signed in to change notification settings - Fork 219
Checkout Block: Avoid using editor buttons in the post content to prevent inheriting global styles #8957
Conversation
The release ZIP for this PR is accessible via:
Script Dependencies ReportThere is no changed script dependency between this branch and trunk. This comment was automatically generated by the TypeScript Errors Report
assets/js/editor-components/no-payment-methods-notice/index.tsx
|
Size Change: -1.62 kB (0%) Total Size: 1.06 MB
ℹ️ View Unchanged
|
There is a test fail because the tests don't factor in the inspector; if I cannot find a solution to include them, Ill remove the tests... |
638371d
to
11fe7a5
Compare
Tests should be ok now. Ready for review. |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Thanks for working on this, @mikejolley. The changes work as expected and the updated unit test is passing. I noticed that a few e2e tests are failing, but they seem to be unrelated to this change and might be flaky tests.
d042812
to
243d448
Compare
This PR takes a different approach to fixing #8571 and #8944 by removing editor-only buttons from the post content shown in the editor. Important notices and buttons are instead moved to the block inspector which mitigates those issues, as well as streamlining the appearance of the block in the editor so it more closely matches the frontend.
To summarise the changes:
This PR has therefore covered the following issues:
Fixes #8362
Fixes #8571
Fixes #8944
Screenshots
Express checkout
Before:
After:
Removed.
Payment methods
Before:
After:
Terms and conditions
Before:
After:
Testing
Automated Tests
JS tests will need to pass. I'll update if necessary as some elements were moved around.
User Facing Testing
Express payments
Payment methods
Terms and conditions
WooCommerce Visibility
Changelog