Skip to content

Release Testing Instructions WooCommerce 6.9

Daniel W. Robert edited this page Sep 7, 2022 · 21 revisions

WooCommerce 6.9 includes:


WooCommerce Blocks Updates

Blocks 8.3.2 #34543

Fix Best Selling Products block ordering (7025)

  1. Place a test order on a product if you haven't done so already on your store. Make sure you mark this order as complete in WooCommerce > Orders after checkout.
  2. Create a page and add the best [best_selling_products] shortcode.
  3. Create a 2nd page and add Best Selling Products block.
  4. View the 1st page (the one that has the [best_selling_products] shortcode) on the frontend.
  5. View the 2nd page (the one that has the Best Selling Products block) on the frontend.
  6. Verify that the sorting of the items in these 2 pages are exactly the same.

Blocks 8.1.0-8.3.1 #34359

Blocks 8.1.0

Update WooCommerce block template descriptions. (6667)
  1. Activate a block theme, like Twenty Twenty-Two.
  2. Open the Appearance > Editor (Beta).
  3. Using the dropdown arrow next to the Template name, select the Browse all templates button.
  4. Confirm the following updated WooCommerce templates' descriptions:
    • Single Product: Displays a single product.
    • Product Catalog: Displays your products.
    • Products by Category: Displays products filtered by a category.
    • Products by Tag: Displays products filtered by a tag.
    • Product Search Results: Displays search results for your store.
Add filter URL support to filter blocks when filtering for All Products block. (6642)

For each filter block (by Price, by Attribute, by Stock and Active filters) ensure:

  1. No regression when used with PHP templates.
  2. The URL is updated when checking or unchecking filters.
  3. For filter blocks using the filter button, the URL is updated after clicking the filter button.
  4. With the updated URL, all selected filters are set correctly after reloading the page. Filter blocks with or without the filter button should work the same.
  5. Removing the filter from the Active Filters block should update the URL and the corresponding filter block.
Add: Allow choosing between single and multiple sections. (6620)
  1. Edit a page containing an attribute filter block.
  2. See no "Attempt block recovery" button for that block.
  3. Select that attribute filter block, and see the new setting "Allow selecting multiple options?" set to "Multiple by default".
  4. Switch that setting to Single. See the Query Type setting disappear.
  5. Switch back to Multiple. Set display style to Dropdown and query type to AND.
  6. Save the page.
  7. Visit the page on the front end, and see that we can select multiple attributes.
Prevent Featured Product block from breaking when product is out of stock + hidden from catalog. (6640)
  1. Add a Featured Product block to a page and save.
  2. Head to the product and set the product to Out of Stock.
  3. Under WooCommerce > Settings > Products > Inventory, check the box that says "Hide out of stock items from the catalog".
  4. Return to the page with your Featured Product block, select it, and select "Edit" to choose a new product to feature.
  5. Make sure the block can still be edited to choose a new product.
Contrast improvement for checkout error messages when displayed over a theme's dark mode. (6292)
  1. Use a theme that supports dark mode and enable it, e.g. Eksell. You can do this by going to Appearance > Themes > Make sure Eksell is the active theme > Click 'Customize' in the Eksell theme > Colors > Scroll down to the setting Enable Dark Mode Color Palette and check it.
  2. Create a test page and add the checkout block.
  3. Click on the checkout block and activate the option Style » Dark mode inputs in the sidebar.
  4. Save that test page and go to the frontend.
  5. Add a product to the cart and go to the test page with the checkout block.
  6. Clear all form fields, if they're pre-filled, and click on place order.
  7. See the error messages with sufficient color contrast.

Before the contrast improvement

After the contrast improvement

Blocks 8.1.0

Remove compatibility notice for Mini Cart block (6803)
  1. Make sure you have a blocks theme active (like Twenty Twenty-Two).
  2. Clear the local storage of your browser.
  3. Add the Mini Cart block to the header template part.
  4. Don't see compatibility notice.
  5. Create a new page > Add the Cart block to that page.
  6. See the compatibility notice as normal.
Add new icon for mini cart block (6784)
  1. Make sure you have a blocks theme active (like Twenty Twenty-Two).
  2. Navigate to Appearance > Editor (Beta) and add a Mini Cart block somewhere in your site.
  3. Select the Mini Cart block in the editor and confirm the icon in the inserter and toolbar reflect the changes.
Before After
CleanShot 2022-07-28 at 14 57 58 CleanShot 2022-07-28 at 15 31 41
Fix: Replace DropdownSelector with FormTokenField from Gutenberg (6647)
  1. Add the Filter Products by Attribute block and the All Products block into a post or page.
  2. Change the display type of Filter Products by Attribute to Dropdown.
  3. Ensure the block functions normally.
  4. Enable the Filter button, and ensure the block functions normally.
Use the archive-product template to render product attributes pages (6776)
  1. Make sure you have a blocks theme active (like Twenty Twenty-Two).
  2. Navigate to Products > Attributes and edit an existing one or create a new one.
  3. Click the Enable Archives option and save, go back.
  4. Click Configure terms next to your attribute.
  5. Hover over one of the terms and click the View link of one of the attributes.
  6. Check that the page is rendered with a header, a footer, and using a product grid.
Before After
Screenshot 2022-07-27 at 16 38 51 Screenshot 2022-07-27 at 16 38 41
All Products block: Migrate to block.json (6754)
  1. Add the All Products block to a post or page.
  2. Verify it works as before in the editor and the frontend and there are no errors.
Start using block.json and convert to TS the Product by Category block (6680)

Test that there are no regressions compared with the previous Products by Category block version.

  1. Create a page and add a Products by Category block.
  2. Save the page and check it renders correctly the default config in the frontend.
  3. Edit the page again and make some changes to the block (hiding some content, changing columns number, ordering, etc.).
  4. Save the page and check it renders properly with the new config.
Start using block.json and convert to TS the Product Best Sellers block (6683)

Test that there are no regressions compared with the previous Product Best Sellers block version.

  1. Create a page and add a Product Best Sellers block.
  2. Save the page and check it renders correctly the default config in the frontend.
  3. Edit the page again and make some changes to the block (hiding some content, changing columns number, ordering, etc.).
  4. Save the page and check it renders properly with the new config.
Select the correct inner button for the "Featured Item" button to update its url (6741)
  1. Create a new page and add a Featured Product block.
  2. Edit the block and select a different product.
  3. Make sure the button URL on the block is updated to the new product link.
  4. Duplicate the block and change the new block to a different product.
  5. Make sure the button URL on the block is updated to the new product link.
  6. Repeat 1-5 for the Featured Category block.
Fix: navigate through Mini Cart contents with keyboard (6731)
  1. In the site editor, add the Mini Cart block to your site header.
  2. Edit the Mini Cart template part and add an image in the inner contents.
  3. In the frontend, add some products to the Cart.
  4. With the keyboard, open the Mini Cart.
  5. With the Tab key try to navigate to the Mini Cart products.
  6. Notice you can focus the Mini Cart products inner elements.
Fix: WooCommerce messages don't appear in block themes with Mini Cart block (6728)
  1. Switch to a block theme (ie: Twenty Twenty-Two), add the Mini Cart block to the header, and go to a product page.
  2. Add the product to your cart.
  3. Notice the add to cart success message is shown on the top of the page.
SearchListControl: Fix preserving case of original item (6551)
  1. Add a “Hand-picked Products” block to your page.
  2. Type the name of one of your products with the incorrect case (e.g. if you have imported the sample data, type “hOoDiE”.
  3. Make sure all matching products appear on the list.
  4. Make sure all items on the list preserve their original case.
Before After
172268138-7445fbf1-ad25-4716-8b5a-ee4b463af54b Screenshot 2022-06-11 at 21 16 42

Blocks 8.2.1

Ensure onChange is set for radio buttons in SavedPaymentMethodOptions (6825)
  1. Install Stripe, set it up so you can use it at Checkout.
  2. Add items to your cart and go to checkout. Add a credit/debit card via stripe and choose Save payment information to my account for future purchases.
  3. Check out. Repeat step 2 once more with a different card number. Ensure the new card you use ends in four different numbers than the first one! You can see test cards here: https://stripe.com/docs/testing
  4. Add items to your cart and go to checkout a third time. This time ensure you can switch between saved cards. image
  5. Check out successfully, and then go to the back end of your site. Go to the orders you made (WooCommerce -> Orders) and for each order check the payment method used (you'll need to follow this through to Stripe), and ensure the card number used matches the one you chose in the Checkout block. (Click the link on the order page) image

Blocks 8.3.0

Enable the Cart and Checkout blocks when WooCommerce Blocks is bundled in WooCommerce Core. (6805)

Cart Block:

  1. In the Cart Block in the editor, ensure the shipping calculator is enabled.
  2. Enable coupons on your site (WooCommerce -> Settings -> General -> Enable the use of coupon codes) and add one.
  3. Add two shipping methods for different locations, e.g. two for USA and two for UK.
  4. Do not add items to your cart.
  5. Go to the Cart Block and ensure the empty cart is displayed.
  6. Add items to your cart and revisit the Cart Block.
  7. Enter your address in the shipping calculator, ensure the correct shipping prices are displayed based on your location.
  8. Enter a coupon and ensure it works, and the price is modified accordingly.
  9. Modify the quantities of items in your cart, ensure it works and the prices update properly.
  10. If you have express payments enabled and working, try checking out from the Cart Block using GPay or Apple pay.
  11. If you don't, hit proceed to checkout and ensure it works correctly.

Checkout Block:

  1. Go to WooCommerce -> Settings -> Accounts & Privacy and enable Allow customers to create an account during checkout and Allow customers to log into an existing account during checkout.
  2. Go to Checkout Block editor, select contact information block and enable Allow shoppers to sign up for a user account during checkout.
  3. Enable the Stripe payment method, COD, and cheque.
  4. Log out of the site then add items to your cart and go to the Checkout Block.
  5. Check the create account box when entering your details.
  6. Remove the coupon added in the Cart testing steps, and try re-adding it.
  7. Change shipping methods and ensure the prices update.
  8. Change address, ensure shipping prices update when the country changes.
  9. Leave some fields empty on the address form, ensure you get an error.
  10. Re-fill them and enter an invalid ZIP code. (Set country to UK and enter 234345 as the Postcode). Ensure you see an error at the top of the block.
  11. Correct the error (A valid one is SW19 1AA if in UK).
  12. Check out and ensure it works and the order is logged correctly.
  13. Ensure you received emails relating to your order (if using Local WP you can go to your site -> tools -> mailhog to check this).
Refactor Product Categories block to use block.json. (6875)

WooCommerce Blocks:

  1. Add Product Categories List block as a widget (Appearance → Widgets)
  2. Open block settings
  3. Test block controls, save, and review if it still renders correctly in the frontend
Add feedback box to the Cart & Checkout Inner Blocks in the inspector. (6881)
  1. Go to the Cart and Checkout editor pages
  2. Select the Block and each of its inner blocks. You should notice the feedback box in the inspector.

image

Add notice to Cart and Checkout blocks' inspector controls which links to the list of compatible plugins. (6869)
  1. Go to the editor, insert the Checkout block.
  2. Select it, verify you see the notice. Click through each and every inner block and ensure the notice displays for it.
  3. Dismiss the notice, click back through the inner blocks and ensure the notice is gone. Reload the page, ensure the notice is still gone.
  4. Go to the editor, insert the Cart block.
  5. Select it, verify you see the notice. Click through each and every inner block and ensure the notice displays for it.
  6. Dismiss the notice, click back through the inner blocks and ensure the notice is gone. Reload the page, ensure the notice is still gone.
  7. Clear local storage again.
  8. Go back to the Cart and Checkout blocks and ensure the notice is back.
  9. Create a new page. Add the Checkout Block. Select it and verify the sidebar contains the default warning: image. Verify the wording says checkout.
  10. Add the Cart Block, ensure the same notice appears but ensure it says cart.
Add the ability to register patterns by adding them under the "patterns" folder and add the new "WooCommerce Filters" pattern. (6861)
  1. Create a new page with the All Products block.
  2. Open the block inserter, go to the patterns tab, and select the WooCommerce category from the dropdown
  3. Make sure you see a pattern under that category named: WooCommerce Filters
  4. Click on it to insert it on the page.
  5. Check that all 4 filter blocks (by attribute, price, stock, and active filters) are added.
  6. Complete the filter by attribute by selecting one of them.
  7. Save the page and make sure all the filters are rendered on the front-end.
Update billing address when shipping address gets change in shipping calculator at Cart block. (6823)
  1. Add a product to the cart and go to the Cart block.
  2. Add a new address with a valid zip code in the Shipping calculator, different from what you already used.
  3. Click on the Update button and wait for the update.
  4. Proceed to Checkout.
  5. In the Checkout block, see the new address for shipping being added to the Shipping address.
  6. Uncheck the checkbox for Use same address for billing.
  7. Look at the Billing address form and confirm it has the same address which was selected in the shipping calculator.

Blocks 8.3.1

Prevent unnecessarily showing the item names in a shipping package if it's the only package. (6899)
  1. Set up shipping zones so you have multiple methods for your country (flat rate and free is fine) and a single method for a different country.
  2. Install the "Multiple Packages for WooCommerce" plugin
  3. Navigate to WooCommerce -> Settings -> Multiple Packages
  4. Adjust the settings to work based on "Per Product"
  5. Add two items that require shipping to your cart.
  6. Go to the Cart block. Ensure you see the item name listed under each package.
  7. Remove one of the items, ensure the list of shipping options updates and does not include the item name.
  8. Change your address to one that only has a single shipping method. Repeat steps 5-7.
  9. Repeat 5-7 on the Checkout block too.

Blocks 8.0.0 #34021

Enhancement: Footer Template Parts use now <footer> instead of <div> and Header uses <header> instead of <div>. (6596)

  1. Go to a WooCommerce page and view the source.
  2. Check the header is wrapped in a <header> tag, not in a <div> tag.
  3. Check the footer is wrapped in a <footer> tag, not in a <div> tag.

Enhancement: Replace the ProductTag tax_query field to be the term_id instead of the id. (6585)

  1. Create a page and add a Products by Tag block.
  2. Check that is rendered correctly in the editor.
  3. Save the page and check that is rendered correctly in the frontend.

Fix: Ensure WooCommerce templates show correct titles. (6452)

  1. Install and activate the Extendable theme.
  2. Go to Appearance → Editor → Browse all templates.
  3. Make sure you have archive-product.html in your theme's templates directory.
  4. Notice the templates shows the correct title and description and not the file name like e.g. archive-product.html.

WooCommerce Core Updates

Enable WC Customizer panels in customize.php routes also for block themes #34443

With a classic theme (ie: Storefront)

  1. Verify links to the Customizer are shown in the admin top bar and under Appearance (in the admin sidebar).
  2. Verify you can access the Customizer normally and modify settings under the WooCommerce panel.
  3. Verify once you save the settings and reload the page, they are persisted.

With a block theme (ie: Twenty Twenty Two)

  1. Verify there are no links to the Customizer anywhere: not in the admin top bar neither under Appearance (in the admin sidebar).
  2. Verify you can access the Customizer if you write (/wp-admin/customize.php in the URL bar of your browser).
  3. Verify you can modify settings under the WooCommerce panel.
  4. Verify once you save the settings and reload the page, they are persisted.

Update product task experiment names to re-run #34495

  1. Navigate to Tools > WCA Test Helper > Experiments and add woocommerce_products_task_layout_card_v3 to treatment
  2. Go to WooCommerce > Home > Add products
  3. Observe the Card UI is displayed
  4. Navigate to Tools > WCA Test Helper > Experiments and add woocommerce_products_task_layout_card_v3 to control and woocommerce_products_task_layout_stacked_v3 to treatment
  5. Go to WooCommerce > Home > Add products
  6. Observe the Stacked UI is displayed

Revert skip button changes on the OBW pages #34455

  1. Start with a fresh site
  2. Start OBW ane make sure skip button has been removed, except from the first page.

Fix store details fails to save store address after navigating back to the tab (34426)

  1. Use a fresh site
  2. Install and activate Gutenberg plugins. (Optional. I've confirmed this is not related to Gutenberg)
  3. Go to OBW
  4. Choose a Country and enter the Store address.
  5. Click on Continue button.
  6. Allow tracking on usage modal
  7. Navigating back to the "Store Details" tab from the "Industry" tab.
  8. Observe that the "Store Details" saves the store address.
  9. Change store address
  10. Click on the Continue button.
  11. Navigate back to the "Store Details" tab from the "Industry" tab.
  12. Observe that the "Store Details" saves the store address.

Update in-app marketplace to display localized strings #34356

  1. Go to WooCommerce > Extensions
  2. Observe that Extensions are displayed properly.
  3. Change the "Site Language" to Español on the Setting page
  4. Go back to WooCommerce > Extensions
  5. Observe that Extensions are displayed in Spanish

Screen Shot 2022-08-17 at 14 41 19

Update "Refund Returns" note to display localized strings #34352

  1. Use a fresh site
  2. Go to WooCommerce > Home
  3. Skip OBW
  4. Observe that Setup a Refund and Returns Policy page to boost your store's credibility. note is displayed
  5. Change the "Site Language" to Español on the Setting page
  6. Go to Dashboard > Updates
  7. Scroll to page bottom and make sure "Translations (Traducciones)" are all up to updated
  8. Go to WooCommerce > Home
  9. Observe that Connect to WooCommerce.com note is translated to Configura una página de política de devoluciones y reembolsos para aumentar la credibilidad de tu tienda..

Fix: Smart shipping defaults bug #34351

  1. Start with a fresh install.
  2. Do not initiate OBW yet.
  3. Go to WooCommerce -> Settings -> Shiping and create a shipping zone.
  4. Complete OBW and choose a country not that is not one of the US, CA, AU, or GB.
  5. Navigate to WooCommerce -> Home
  6. Navigate to WooCommerce -> Settings -> Shiping and confirm no extra shipping zone exist.
  7. Confirm woocommerce_admin_created_default_shipping_zones option has been created.

Add WC Payments welcome page experiment #34251

Setup

Perform the following steps to start meeting all the requirements and have the new Payments menu visible:

  • woocommerce_admin_install_timestamp should be at least now-90days in seconds, using 1 works.
  • WooCommerce → Settings → Country must be US.
  • WooCommerce → Settings → Advanced → WooCommerce.com Enable tracking and Show suggestions must be checked.
  • Use experiment bookmarklet to manually set treatment mode.

Requirements

Toggle the following steps to confirm that every condition is working and show/hide the Payment menu:

  • Install WCPay.
  • Connect to a WCPay account. You'll need to clear wcpay_account_data option to meet the condition again.
  • Update woocommerce_admin_install_timestamp to today date.
  • Choose another WC country.
  • Uncheck Show suggestions.
  • Filter woocommerce_allow_marketplace_suggestions to return false.
  • Set wc_calypso_bridge_payments_dismissed option to yes.
  • Set experiment to control.

Promotion

  • Accept the promotion.
  • Complete the onboarding process.
  • The promotion should be applied, you can check it in Payments → Overview.

Tracks

  • Click on No thanks
  • Click on Just remove WooCommerce Payments
  • Do it again but check any option and click on Remove and send feedback
  • Check Tracks Live View and confirm the events are properly registered with their props.

Design

It should match the following screenshot. Screenshot 2022-08-12 at 11 58 29

Deploy payments banner in settings page #34326

  1. Set up a new store in WCPay-available countries such as US
  2. Open developer console and run localStorage.setItem( 'debug', 'wc-admin:*' ); to set debug for tracks
  3. Make sure "Preserve log" option is checked in developer console
  4. Install WCPay plugin
  5. Go to WooCommerce > Settings > Payment
  6. Observe the payments banner is displayed
  7. Click on "Get started"
  8. Make sure it attempts to connect
  9. Observe wcadmin_settings_payments_banner_connect_click track is called

Remove WCPay Subscriptions offer page experiment code #34317

  1. Ensure your store is eligible to view the WC → Subscriptions experiment page. (see collapsed content for instructions)

    See instructions here 1. **Plugin eligibility**: Ensure the following plugins are not installed at all: - WooCommerce Subscriptions - WooCommerce Payments - Sumo Subscriptions - Yith Subscriptions - Subscriptio - Subscriptions For WooCommerce 3. **Store tracking eligibility:** Your store allows tracking. - This checkbox should be checked: **WooCommerce → Settings → Advanced → WooCommerce.com → Enable tracking**. 3. **Store location eligibility:** For the menu item to be displayed your store needs to based in the US. - Go to **WooCommerce > Settings** and make sure your store is set to a US based address. 3. **Store age criteria:** To view the subscription menu item your store will need to have been active for more than 6 months - we're testing this experiment on established stores. If your store doesn't meet this criteria, you can use the following code snippet: - `update_option( 'woocommerce_admin_install_timestamp', strtotime( '-6 month' ) );` - **_or_** change the `woocommerce_admin_install_timestamp` option to `1620866357` (timestamp from ~1 year ago) via the `/wp-admin/options.php` page. 5. **Paid order criteria:** Only stores with at least 1 order in the last 30 days are eligible. If your store doesn't have an order in the last 30 days. Either: 1. Set any existing pending or failed order to processing or completed 3. If you don't have any order at all, you can just manually create one in **WooCommerce > Orders > Add new** and set it to processing or completed status 4. ⚠️ **Note:** this order sale query is cached and so you may need to delete the `'woocommerce-wcpay-subscriptions_recent_sales_eligibility'` transient if this criteria failed previously.
  2. Verify that the WooCommerce > Subscriptions (new) menu item and page is no longer be visible.

    Screen Shot 2022-05-11 at 2 34 56 pm

Add Facebook Extension to Onboarding #34303

With a new site,

  1. Skip the Onboarding Wizard.
  2. Disable "Display suggestions within WooCommerce " in Settings > Advanced > WooCommerce.com.
  3. Navigate to the Free Features section in the Onboarding Wizard.
  4. See that Facebook is listed.
  5. Select Facebook and complete the Onboarding Wizard.
  6. On the WordPress Plugins page, confirm that Facebook for WooCommerce plugin is installed.

Marketing Task

  1. On the WordPress Plugins page, delete "Facebook for WooCommerce" plugin if it exists.
  2. On WooCommerce Home, click the Marketing Task (Get more sales).
  3. See that Facebook for WooCommerce is listed.
  4. Click "Get Started" button on Facebook for WooCommerce.
  5. Wait for Install.
  6. See that Facebook move to "Installed marketing extensions"
  7. Click "Manage" button.
  8. See that Facebook for WooCommerce manage page loads.

Fix review shipping option task title #34294

  1. Start with a fresh install
  2. Start OBW and choose United States as store country and fill out the "Address" field
  3. Choose "Physical products"
  4. Complete the OBW without installing anything from the Business Details tab.
  5. Go to WooCommerce > Home
  6. Observe that the shipping task appear with the title Review shipping options under "Things to do next"

Enhance/34244 update data source poller for i18n #34247

  1. Use a fresh site
  2. Go to OBW
  3. Select a country where WCPay is not supported such as Afghanistan
  4. Uncheck Add recommended business features to my site in the Business details / free features step and finish the steps.
  5. Go to the Setting page
  6. Change site language to Español
  7. Go to Escritorio > Actualizaciones (Dashboard > Updates)
  8. Click on the Update Translations (Traducciones) button to download WooCommerce translation files.
  9. Go to WooCommerce > Home
  10. Click on Configurar pagos (payment) task
  11. Observe plugin descriptions are translated.
  12. Go back to WooCommerce > Home
  13. Click on Consigue más ventas (marketing) task
  14. Observe plugin descriptions are translated.
  15. Go to OBW > Business details / free features (http://localhost:8888/wp-admin/admin.php?page=wc-admin&path=%2Fsetup-wizard&step=business-details)
  16. Click on Detalles del negocio tab
  17. Expand the Añade características de negocios recomendadas para mi sitio
  18. Observe plugin descriptions are translated.
  19. Go to Usuarios > Perfil (User > Profile)
  20. Change Idioma back to English
  21. Repeat 10~19 and confirm that all texts are in English

Screen Shot 2022-08-10 at 12 37 10 Screen Shot 2022-08-10 at 12 36 57 Screen Shot 2022-08-10 at 12 36 47

Keep the user in the marketing task after installing an extension #34241

  1. Go to WooCommerce > Home
  2. Go to "Add sales channels" task
  3. Click on either one of the "Get Started" buttons under Recommended marketing extensions section.
  4. Observe that after the plugin is installed, you're not redirected to other pages.

Add product name and checkboxes for Product details #34214

  1. Enable the new-product-management-experience feature flag by using the WCA Test Helper (Tools > WCA Test Helper > Features) and refresh the page.
  2. Enable track logging by running this in your console: localStorage.setItem( 'debug', 'wc-admin:*' );
  3. Navigate to Products > Add New (MVP)
  4. Verify that the texts look correct.
  5. Verify that the help button (next to the checkbox text) and dialog work as expected. It should open on hover and track the event wcadmin_add_product_learn_more after pressing Learn more.
  6. Verify that the event wcadmin_woocommerce-add-product__checkbox-featured is recorded after toggling the checkbox.
  7. Verify that the input and checkbox values are being saved correctly. screenshot-clean local-2022 08 11-08_30_17

Add product form buttons and specific product edit page #34211

  1. Enable the new-product-management-experience feature flag by using the WCA Test Helper (Tools > WCA Test Helper > Features) and refresh the page.

  2. Enable track logging by running this in your console: localStorage.setItem( 'debug', 'wc-admin:*' );

  3. Navigate to Products > Add New (MVP) and type something in the name field

  4. Click Save draft and a wcadmin_product_edit track should fire with some of the product details ( if a brand new product then these product details will be undefined).

  5. Notice how a notice popped up with Product successfully created and the path in the url also changed to the new product id.

  6. Edit the name again and click Save draft again, it should trigger a track again, this time with the product details defined.

  7. Click Preview it should open a new tab with the product preview and the original tab should output a wcadmin_product_preview_changes track.

  8. Click Publish, which should output a wcadmin_product_update track and also show a notice again Product published. with a View in store link that should open a new tab with a preview and also trigger the wcadmin_product_preview_changes track. After publish the Publish button should also change to Update, the Save draft button should switch to Switch to draft

  9. Click the dropdown beside the Update/Publish button and it should contain 3 options. Try each, they each should output their own tracks: wcadmin_product_publish_and_copy, wcadmin_product_copy, and wcadmin_product_delete The two copy actions should create a new product with the - Copy tagged on to the name and redirected to it's edit screen (in draft).

  10. When on an edit screen of a product click Add New (MVP) again, it should reset the form to pristine conditions again.

    Kapture.2022-08-08.at.15.26.10.mp4

Update "Add store details" task complete logic #34206

Completes the task via onboarding wizard

  1. Use a fresh site
  2. Go to OBW
  3. Fills out all fields in step 1
  4. Complete the onboarding wizard
  5. Observe that "Add store details" task is marked as completed

Completes the task by filling out address fields on the setting page

  1. Use a fresh site
  2. Go to OBW
  3. Skips the onboarding wizard
  4. Observe that "Add store details" task is not closed
  5. Click the "Add store details" task
  6. Fill out the city, country, address1, and post code
  7. Go back to WooCommerce > Home
  8. Observe that the "Add store details" task is marked as completed

Clear post cache after updating menu order for products. #34195

  1. Create/publish some products and assign a category to them
  2. Head over to WooCommerce > Categories, click on the number next to the category
  3. Once you are on the category products dashboard, click on the Sorting link at the top
  4. Drag products to reorder them
  5. Refresh the page and notice the changes are saved. https://user-images.githubusercontent.com/3696121/131747478-a50fe0aa-e117-48a6-a34e-5fe5fc267090.mp4

Demo

Here's how things work without the fix (note how after reordering the products I click on Sorting to refresh the page, and the order reverts to how it was at the start of the video):

withoutfix.mov

And here is how things work with the fix. This time, on refreshing, the new order persists:

withfix.mov

Fix set default homescreen layout after setup task completion or dismissal #34191

Test completion

  1. Set up a new store
  2. Complete setup tasklist tasks
  3. Refresh on WooCommerce > Home
  4. Observe the homescreen layout is set to two columns image

Test dismissal

  1. Set up a new store
  2. Hide setup tasklist
  3. Refresh on WooCommerce > Home
  4. Observe the homescreen layout is set to two columns image

Update/34063 store location skip btn #34176

Make sure woocommerce_allow_tracking option is set to no

  1. Start with a fresh site.
  2. Start OBW
  3. You should see Skip button at the bottom of each step.
  4. Click exclamation mark. A popover should appear with text manual setup is only recommended for experienced WooCommerce users or developers.
  5. Click Skip button. UsageModal should show up.
  6. Click "No Thanks`
  7. Confirm woocommerce_allow_tracking is still no
  8. Go back to the OBW
  9. Click Skip button again.
  10. Click Yes, count me in button.
  11. You should be redirected to WooCommerce -> Home
  12. Confirm woocommerce_allow_tracking is now yes

Testing tracks

Set woocommerce_allow_tracking to no

  1. Go back to OBW again
  2. Open browser inspector and enable tracks debug.
  3. Click Skip button on each page and click Yes, count me in
  4. Confirm the track event is recorded.

Screenshots

UsageModal: Screen Shot 2022-08-04 at 11 54 25 AM

Update store location profiler #34153

  1. Use a fresh site
  2. Go to OBW
  3. Observe that the subheading should be "Tell us where you run your business to help us configure currency, shipping, taxes, and more in a fully automated way." without a tooltip.
  4. And the fields should appear in the order of Country / Region, Address, Post / Zip Code, City, Email Address.
  5. And the Country/Region is a mandatory field marked with an asterisk
  6. And the "Continue" button should appear below the fields. But is disabled unless the mandatory field (Country / Region) is completed.
  7. Completes the mandatory field (Country / Region)
  8. Observe that the "Continue" button is enabled.

add: store location settings tour #34137

  1. Start with a fresh install of WooCommerce, optionally complete OBW or not (not a condition to have completed it)
  2. Go to the task list and click on "You added store details" or "Add store details" in the tasklist (it might be struck through)
  3. You should be redirected to the WooCommerce settings page, on the general tab and have a spotlight on the store location fields.
  4. Subsequent visits should not show the spotlight

Add/42 new product page #34115

  1. Turn on the feature flag by using the plugin woocommerce-admin-test-helper (link here). You will see the option new-product-management-experience under Tools > WCA Test Helper > Features.
  2. Refresh the page.
  3. Verify that a blank page is shown with the title Add product after pressing the button Products > Add New (MVP).
  4. Verify that the event view_new_product_management_experience is being recorded when viewing the Add product page.
  5. Verify that it works as expected using the new navigation too.

Add/33 two column product page layout #34113

  1. Enable the new-product-management-experience feature flag by using the WCA Test Helper (Tools > WCA Test Helper > Features)
  2. Refresh the page and go to Products > Add New (MVP) and check if the layout matches that of the new design 5sAIeTRd9Yp7nSCT33BAWz-fi-5311%3A202025, fields don't need to match yet as those would be added in the future. Also note that some of the onChange functions are empty callbacks, this is because the Form component isn't hooked up yet, this relies on https://github.com/woocommerce/woocommerce/pull/34082
Screen Shot 2022-07-28 at 4 42 41 PM Screen Shot 2022-07-28 at 4 33 17 PM

Use the default payment suggestions when woocommerce_show_marketplace_suggestions is set to no #34083

  1. Start with a fresh install and complete OBW without installing any plugins in the business step.
  2. Set woocommerce_show_marketplace_suggestions option to no
  3. Go to WooCommerce -> Home and choose Set up payments task.
  4. Confirm the suggestions are rendered as expected

Fix fatal error when bulk editing sale price to empty value in PHP 8 #34053

  1. Create two products with a price as follows: image
  2. Try to use bulk edit and LEAVE ENTER SALE PRICE FIELD EMPTY ( do not type anything there ) image
  3. And now try to update image
  4. You should not see this error: PHP Fatal error: Uncaught TypeError: Unsupported operand types: string - string in /xxxx/xxxx/xxxx/wp-content/plugins/woocommerce/includes/admin/class-wc-admin-post-types.php:968

Fix Tracks event in Review Shipping task #34045

With a new store,

  1. Select United States as a country.
  2. Continue through the onboarding wizard without installing free business features.
  3. On the "Things to do next" task list, choose "Review Shipping Options".
  4. Complete the spotlight tour on the settings page..
  5. Navigate to WooCommerce > Home
  6. See that the "Review Shipping Options" task is completed.7.
  7. Navigate to WooCommercer > Status > Logs
  8. Choose the Tracks log for the current date.
  9. Confirm the Tracks event is in the log:
2022-07-27T13:47:15+00:00 DEBUG wcadmin_extended_tasklist_task_completed
2022-07-27T13:47:15+00:00 DEBUG   - task_name: review-shipping

Update inbox notes to display localized strings when locale changed #34038

Test admin notes

  1. Use a fresh site
  2. Go to WooCommerce > Home
  3. Skip OBW
  4. Observe that Connect to WooCommerce.com note is displayed
  5. Change the "Site Language" to Español on the Setting page
  6. Go to Dashboard > Updates
  7. Scroll to page bottom and make sure "Translations (Traducciones)" are all up to updated
  8. Go to WooCommerce > Home
  9. Observe that Connect to WooCommerce.com note is translated to Conectar con WooCommerce.com.

Test remote inbox notes

  1. Use a fresh site
  2. Install and activate WP File Manager plugin.
  3. In WP Admin, navigate to the WP File Manager page (/wp-admin/admin.php?page=wp_file_manager)
  4. Using WP File Manager, navigate to public/wp-content/plugins/woocommerce/src/Admin/RemoteInboxNotifications
  5. Right-click on the DataSourcePoller.php file and select Code Editor.
  6. Look for this line (you should see a URL) and replace it with https://gist.githubusercontent.com/chihsuan/e2aff67165428d2fd749b68cb7c75e74/raw/50a5adf7250240c6e667966b098d0001ef6c8faa/test_remote_inbox_specs
  7. Save the change.
  8. Delete _transient_woocommerce_admin_remote_inbox_notifications_specs if it exists
  9. Go to WooCommerce > Home
  10. Skip OBW
  11. Observer that We want to know what matters most to you note is displayed.
  12. Change the "Site Language" to Español on the Setting page
  13. Go to WooCommerce > Home
  14. Observer that We want to know what matters most to you note is translated to Queremos saber qué es lo que más te importa.

Hide the customizer when the active theme is a FSE theme #34022

  1. Enable WooCommerce.
  2. Enable the Storefront theme.
  3. Check that the Customize button appears on the Appearance menu and on the menu bar.
  4. Enable a block theme (i.e. Twentytwentytwo).
  5. Check that the Customize button does not show up on the Appearance menu or on the menu bar.

Make sure get_current_screen() is available #33990

  1. Start with a fresh install and finish OBW as usual.
  2. Add a new page with All Products block.
  3. Open an Incognito window and access the page
  4. The page should render without an error.

Fix free features is still rendered when no recommendation #33923

  1. Start with a fresh install
  2. Start OBW and use the following selections and click Continue
  • Store Details.country/region: Afghanistan
  • Industry: Food and drink
  • Product Types: Physical products
  • Business Details[how many products do you plan to display]: 1-10
  • Business Details[currently selling else where?]: Yes, on another platform
  • Business Details[How many employees do you have]: <10
  • Business Details[What's your current annual revenue?]: Up to 3.000
  • Business Details[Which platform is the store using?] BigCommerce
  1. On the Free features tab, make a note of the plugins. You should see MailPoet and Google Listings and Ads only (when Jetpack is already installed).
  2. Open a new tab and install and active the plugins listed on Free features manually.
  3. Refresh Free features tab
  4. Observe that the FreeFeatures tab is not rendered.

Screen Shot 2022-07-15 at 12 28 48

Fix task list overlaps with the Ellipsis menu #33882

  1. Use a fresh site
  2. Complete all task
  3. Click on Ellipsis menu and select "Show the setup task list again"

Screen Shot 2022-07-14 at 11 34 32

Before:

Screen Shot 2022-07-14 at 11 58 04

After:

Screen Shot 2022-07-14 at 12 03 52

JQuery FlexSlider: Fix innerHeight computation #33847

  1. Install Storefront.
  2. Create a Product and add multiple images to the product.
  3. Go to the Product Page.
  4. Open the device simulation.
  5. Set iPhone 12 Pro and rotate the device orientation.
  6. Be sure that the first image of the product, is rendered correctly, and if you click on the page, no element changes height.

I suggest checking the attached video to understand the problem.

178453842-7b2e2f41-b2ca-4239-ac85-24ff6eb93a25.mp4

Fix inconsistent order total on checkout vs manual order page #33812

  1. Create a percentage based coupon with 10% off. Screen Shot 2022-02-23 at 10 47 33 PM
  2. Create a standard tax rate Screen Shot 2022-02-23 at 10 46 18 PM
  3. Apply the following tax settings Screen Shot 2022-02-23 at 10 56 25 PM
  4. Create a simple product with regular price $120. Save the product.
  5. Add this product to the cart
  6. Apply the 10off coupon
  7. Go to Checkout page and observe the order total to be $108.00

Create an order in WP Admin:

  1. Create a manual order. Add the same product that was added to the cart.
  2. Apply the coupon 10off
  3. Click recalculate.
  4. You should see the total to be $108.00. Without the fix, the total would be $110.00.
  5. Remove the product.
  6. Now repeat steps 1 and 2 but swap 3 & 4.
  7. Observe the Order total to be $108.00

Added the border bottom of the modal's header #33807

  1. Use a fresh site
  2. Go to OBW
  3. Fill out store details
  4. Click "Continue"
  5. Observer that the Build a better WooCommerce modal's header contains a bottom border

Screen Shot 2022-07-15 at 14 34 22

Fix/33253 fix order number in notice #33802

  1. Setup a WooCommerce store with one product
  2. Navigate to /wp-admin/edit.php?post_type=shop_order&paged=1&bulk_action=marked_completed&changed=9999
  3. Check the notice message. The order count will reflect correctly in the notice: 33253-order-count-fix

Product creation experience: add more context about product data #33755

  1. Go to Products > Add New.
  2. Verify an interrogation sign (?) icon is visible next to the product type selector, in the Product data area.
  3. Verify that the text in the tooltip looks correct.
Product type Text
simple Simple – covers the vast majority of any products you may sell. Simple products are shipped and have no options. For example, a book.
grouped Grouped – a collection of related products that can be purchased individually and only consist of simple products. For example, a set of six drinking glasses.
external External or Affiliate – one that you list and describe on your website but is sold elsewhere.
variable Variable – a product with variations, each of which may have a different SKU, price, stock option, etc. For example, a t-shirt available in different colors and/or sizes.
  1. Install this plugin (it will include a product type to the selector).
  2. Verify that the product type My product has been added.
  3. Select it and verify the tooltip shows the text Product types define available product details and attributes, such as downloadable files and variations. They're also used for analytics and inventory management. Screen Capture on 2022-07-15 at 13-04-52

Adding additional instructions around product image upload modal #33660

  1. Go to WooCommerce -> Products and Create Product
  2. Observe the extra content in the bottom of the product image metabox.
  3. Click the new link and ensure it works as expected. image

Fix code standards in orders code, and check payment method name instead of title on get order totals #30468

For the code standards fixes

  1. Open an order in the admin area
  2. Verify that all the data in the order dettails box is rendered correctly.
  3. Do some changes in the order.
  4. Click "Update".
  5. Verify that the changes are saved correctly.

For the change in get_order_item_totals:

  1. Install the WP Mail Logging plugin.
  2. Open an order in the admin area.
  3. Edit the billing details, change the payment method to "Other", save.
  4. In the "Order actions" box, run the "Email invoice/order details to customer" action.
  5. Verify using the WP Mail Logging plugin that the email sent does not contain a "payment method" row in the order details table (without the fix it will contain "Payment method: other").
Clone this wiki locally