Skip to content
This repository has been archived by the owner on Feb 23, 2024. It is now read-only.

Mini Cart block: display a compatibility notice when the user first adds the block in the editor #4945

Merged
merged 1 commit into from
Oct 21, 2021

Conversation

dinhtungdu
Copy link
Member

@dinhtungdu dinhtungdu commented Oct 14, 2021

Fixes #4917.

This PR adds a compatibility notice which reuses the one added for cart and checkout block. I also updated the E2E test for the mini cart to account the notice.

Accessibility

Screenshots

image

Testing

Automated Tests

  • Changes in this PR are covered by Automated Tests.
    • Unit tests
    • E2E tests

Manual Testing

How to test the changes in this Pull Request:

  1. Add a new page.
  2. Add the Mini cart block to the page.
  3. See the notice.
  4. Dismiss the notice.
  5. Add a new page.
  6. Add the Mini cart block to the page.
  7. See no notice.

Performance Impact

@rubikuserbot rubikuserbot requested review from a team and frontdevde and removed request for a team October 14, 2021 15:04
@github-actions
Copy link
Contributor

Size Change: +3.18 kB (0%)

Total Size: 1.23 MB

Filename Size Change
build/all-products.js 37.2 kB +2 B (0%)
build/atomic-block-components/add-to-cart.js 7.85 kB +3 B (0%)
build/atomic-block-components/rating.js 566 B -1 B (0%)
build/atomic-block-components/title.js 1.29 kB +1 B (0%)
build/attribute-filter.js 12.2 kB +1 B (0%)
build/cart-i2.js 48 kB +168 B (0%)
build/cart.js 46.7 kB +117 B (0%)
build/checkout.js 52.6 kB -80 B (0%)
build/featured-product.js 9.41 kB -1 B (0%)
build/mini-cart.js 5.3 kB +2.96 kB (+127%) 🆘
build/product-search.js 2.69 kB -2 B (0%)
build/reviews-by-product.js 13 kB -1 B (0%)
build/wc-blocks-vendors.js 254 kB +6 B (0%)
ℹ️ View Unchanged
Filename Size
build/active-filters-frontend.js 8.35 kB
build/active-filters.js 8.01 kB
build/all-products-frontend.js 23.1 kB
build/all-reviews.js 9.56 kB
build/atomic-block-components/add-to-cart--atomic-block-components/button--atomic-block-components/image---a7e2bb9b.js 2.67 kB
build/atomic-block-components/add-to-cart--atomic-block-components/button.js 1.81 kB
build/atomic-block-components/add-to-cart--atomic-block-components/image--atomic-block-components/title.js 332 B
build/atomic-block-components/add-to-cart-frontend.js 8.52 kB
build/atomic-block-components/button-frontend.js 1.74 kB
build/atomic-block-components/button.js 875 B
build/atomic-block-components/category-list-frontend.js 466 B
build/atomic-block-components/category-list.js 471 B
build/atomic-block-components/image-frontend.js 1.88 kB
build/atomic-block-components/image.js 1.35 kB
build/atomic-block-components/price-frontend.js 2.13 kB
build/atomic-block-components/price.js 2.11 kB
build/atomic-block-components/rating-frontend.js 563 B
build/atomic-block-components/sale-badge-frontend.js 861 B
build/atomic-block-components/sale-badge.js 869 B
build/atomic-block-components/sku-frontend.js 392 B
build/atomic-block-components/sku.js 392 B
build/atomic-block-components/stock-indicator-frontend.js 612 B
build/atomic-block-components/stock-indicator.js 611 B
build/atomic-block-components/summary-frontend.js 908 B
build/atomic-block-components/summary.js 912 B
build/atomic-block-components/tag-list-frontend.js 467 B
build/atomic-block-components/tag-list.js 472 B
build/atomic-block-components/title-frontend.js 1.47 kB
build/attribute-filter-frontend.js 18.6 kB
build/blocks-checkout.js 21.1 kB
build/cart-blocks/checkout-button-frontend.js 2.38 kB
build/cart-blocks/empty-cart-frontend.js 327 B
build/cart-blocks/express-payment--checkout-blocks/express-payment--checkout-blocks/payment-frontend.js 4.73 kB
build/cart-blocks/express-payment-frontend.js 1.58 kB
build/cart-blocks/filled-cart-frontend.js 781 B
build/cart-blocks/items-frontend.js 254 B
build/cart-blocks/line-items-frontend.js 5.52 kB
build/cart-blocks/order-summary--checkout-blocks/billing-address--checkout-blocks/shipping-address-frontend.js 3.69 kB
build/cart-blocks/order-summary-frontend.js 7.31 kB
build/cart-blocks/totals-frontend.js 269 B
build/cart-frontend.js 91.5 kB
build/cart-i2-frontend.js 52.5 kB
build/checkout-blocks/actions-frontend.js 1.47 kB
build/checkout-blocks/billing-address-frontend.js 2.64 kB
build/checkout-blocks/contact-information-frontend.js 3.88 kB
build/checkout-blocks/express-payment-frontend.js 1.92 kB
build/checkout-blocks/fields-frontend.js 290 B
build/checkout-blocks/order-note-frontend.js 1.56 kB
build/checkout-blocks/order-summary-frontend.js 12.7 kB
build/checkout-blocks/payment-frontend.js 4.58 kB
build/checkout-blocks/shipping-address-frontend.js 3.04 kB
build/checkout-blocks/shipping-methods-frontend.js 5.55 kB
build/checkout-blocks/terms-frontend.js 1.64 kB
build/checkout-blocks/totals-frontend.js 271 B
build/checkout-frontend.js 54.4 kB
build/featured-category.js 7.73 kB
build/handpicked-products.js 6.26 kB
build/mini-cart-component-frontend.js 36.7 kB
build/mini-cart-frontend.js 2.29 kB
build/price-filter-frontend.js 14.3 kB
build/price-filter.js 9.66 kB
build/price-format.js 1.37 kB
build/product-best-sellers.js 6.62 kB
build/product-categories.js 3.38 kB
build/product-category.js 7.49 kB
build/product-new.js 6.77 kB
build/product-on-sale.js 7.13 kB
build/product-tag.js 6.58 kB
build/product-top-rated.js 6.74 kB
build/products-by-attribute.js 7.7 kB
build/reviews-by-category.js 11.5 kB
build/reviews-frontend.js 8.96 kB
build/single-product-frontend.js 26.2 kB
build/single-product.js 9.76 kB
build/stock-filter-frontend.js 8.76 kB
build/stock-filter.js 7.81 kB
build/vendors--atomic-block-components/add-to-cart--cart-blocks/order-summary--checkout-blocks/billing-ad--c5eb4dcd-frontend.js 16.2 kB
build/vendors--atomic-block-components/add-to-cart-frontend.js 4.77 kB
build/vendors--atomic-block-components/price--cart-blocks/line-items--cart-blocks/order-summary--checkout--8a3571de-frontend.js 5.71 kB
build/vendors--cart-blocks/line-items--checkout-blocks/order-summary-frontend.js 3.1 kB
build/vendors--cart-blocks/order-summary--checkout-blocks/billing-address--checkout-blocks/order-summary---eb4d2cec-frontend.js 5.02 kB
build/wc-blocks-data.js 11.3 kB
build/wc-blocks-editor-style-rtl.css 15.6 kB
build/wc-blocks-editor-style.css 15.6 kB
build/wc-blocks-google-analytics.js 1.98 kB
build/wc-blocks-middleware.js 1.47 kB
build/wc-blocks-registry.js 3.71 kB
build/wc-blocks-shared-context.js 1.54 kB
build/wc-blocks-shared-hocs.js 1.75 kB
build/wc-blocks-style-rtl.css 20.5 kB
build/wc-blocks-style.css 20.5 kB
build/wc-blocks-vendors-style-rtl.css 1.37 kB
build/wc-blocks-vendors-style.css 1.37 kB
build/wc-blocks.js 3.5 kB
build/wc-payment-method-bacs.js 806 B
build/wc-payment-method-cheque.js 806 B
build/wc-payment-method-cod.js 898 B
build/wc-payment-method-paypal.js 839 B
build/wc-payment-method-stripe.js 12.2 kB
build/wc-settings.js 2.91 kB

compressed-size-action

@dinhtungdu dinhtungdu marked this pull request as ready for review October 15, 2021 03:38
@dinhtungdu dinhtungdu self-assigned this Oct 15, 2021
@dinhtungdu dinhtungdu added focus: FSE Work related to prepare WooCommerce for FSE. status: needs review type: enhancement The issue is a request for an enhancement. block: mini-cart Issues related to the Mini-Cart block. skip-changelog PRs that you don't want to appear in the changelog. labels Oct 15, 2021
@frontdevde
Copy link
Contributor

frontdevde commented Oct 16, 2021

@Aljullu @tjcafferkey This PR got assigned to me for review shortly before heading out for AFK. I had hoped to still get to it but I didn't get around to properly test/review it anymore. If one of you could review this one, it'd be highly appreciated. Thank you! 🙏

@Aljullu
Copy link
Contributor

Aljullu commented Oct 18, 2021

@Aljullu @tjcafferkey This PR got assigned to me for review shortly before heading out for AFK. I had hoped to still get to it but I didn't get around to properly test/review it anymore. If one of you could review this one, it'd be highly appreciated. Thank you! 🙏

I can take care of it. 👍

Copy link
Contributor

@Aljullu Aljullu left a comment

Choose a reason for hiding this comment

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

This is working well and thank you for updating the tests!

I noticed the Compatibility notice doesn't look good in the Site Editor. I think it doesn't need to block this PR, so I created a separate issue (#4954) and added it to the Mini Cart epic.

@tjcafferkey
Copy link
Contributor

@dinhtungdu is there anything further that needs to be done on this PR or is it good to go? Let me know if you need any assistance with progressing this. Happy to help!

@dinhtungdu dinhtungdu merged commit b417bda into trunk Oct 21, 2021
@dinhtungdu dinhtungdu deleted the add/4917-compatibility-notice branch October 21, 2021 09:07
@dinhtungdu
Copy link
Member Author

@tjcafferkey Thanks for checking out, I was focusing on other tasks and missed this. I merged the PR to trunk.

jonny-bull pushed a commit to jonny-bull/woocommerce-gutenberg-products-block that referenced this pull request Dec 14, 2021
jonny-bull pushed a commit to jonny-bull/woocommerce-gutenberg-products-block that referenced this pull request Dec 16, 2021
Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.
Labels
block: mini-cart Issues related to the Mini-Cart block. focus: FSE Work related to prepare WooCommerce for FSE. skip-changelog PRs that you don't want to appear in the changelog. type: enhancement The issue is a request for an enhancement.
Projects
None yet
Development

Successfully merging this pull request may close these issues.

Mini Cart block: display a compatibility notice when the user first adds the block in the editor
4 participants