Skip to content

Release Testing Instructions WooCommerce 7.3

rodelgc edited this page Jan 11, 2023 · 16 revisions

WooCommerce 7.3 includes:


WooCommerce Blocks Updates

Slack Workflow: WooCommerce Product Blocks

Blocks 9.1.0 Testing instructions

Blocks 9.1.1 Testing instructions

Blocks 9.1.2 Testing instructions

Blocks 9.1.3 Testing instructions

Blocks 9.1.4 Testing instructions

Blocks 9.1.5 Testing instructions

WooCommerce Core Updates

  1. Start OBW
  2. Type a country name and confirm it matches a country
  3. Type a state name and confirm it matches a state

With a new site,

  1. Disable Display suggestions within WooCommerce in WooCommerce > Settings > Advanced > WooCommerce.com

  2. Go to WooCommerce > Home > Get more sales

  3. Observe Pinterest plugin is only shown once image

    Without the fix, redundant Pinterest plugin will be shown in the marketing task: image

  1. Set up woocommerce and enable tax settings in general woocommerce settings
  2. Go to tax settings tab
  3. If any of the 3 tax display settings (Prices entered with tax , Display prices in the shop, Display prices during cart and checkout) differ, there should be a warning banner.
  4. Clicking on "Use recommended settings" should change all the settings to be the same as the one set for "Prices entered with tax "

image

Onboarding Wizard

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 Codisto is listed.
  5. Seet the word Codisto links to https://woocommerce.com/pt-br/products/amazon-ebay-integration/?quid=c247a85321c9e93e7c3c6f1eb072e6e5 in a new tab.
  6. Select Codistro and complete the Onboarding Wizard.
  7. On the WordPress Plugins page, confirm that "Codisto Channel Cloud" plugin is installed.

Marketing Task

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

image (3) image (2)

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 Pinterest is listed.
  5. Select Pinterest and complete the Onboarding Wizard.
  6. On the WordPress Plugins page, confirm that Pinterest for WooCommerce plugin is installed.

image

  1. Go to Products -> Add New page or use and existing variable product
  2. Add as much attributes you can so you can generate more than 25 variations (This is the only way to see the pagination in action). Generate more than 25 variations of that product.
  3. Then copy the id of your product and then visit /wp-admin/admin.php?page=wc-admin&path=/product/{product_id}. Replace the {product_id} string with your real id.
  4. Under Options tab and in the Variations section you should see the pagination component at the botton of the list if and only if the product has more than 25 variations and if the items per page is less than the total amount of variations.

Video: https://user-images.githubusercontent.com/13334210/207671173-d5c0418f-ab45-43cc-9464-7a4f3935189d.mov

  1. Navigate to the new product management experience (Products -> Add new (MVP))
  2. Click the various tabs in the header to navigate between product sections (General/Pricing/etc)
  3. Make sure that all content is shown and works as expected
  4. Narrow your viewport to make sure that the header placement works with various screen sizes
  5. Scroll down inside a given tab and then click another tab to make sure you're scrolled back to the top

Tab content (only MVP scope)

  • General
    • Product details
    • Images
    • Attributes
  • Pricing
    • Pricing
  • Inventory
    • Inventory
  • Shipping
    • Shipping
  • Options
    • Options
    • Variations

Design

image

Acceptance criteria

  • Users can see tabs at the top of the screen. They're part of the top navigation bar.
  • The tabs are fixed at the top of the screen when users scroll up and down the page.
  • On mobile, the tabs scroll horizontally. Design: 5sAIeTRd9Yp7nSCT33BAWz/[Master]-fi-7342:344251&t=4r3ndH9ltPGnsjGr-4
  • The page doesn't reload when users switch between tabs.
  • We don't remember the scroll position when users switch between tabs. They always start at the top.
  • Each tab has multiple states: resting (default), selected (with the Gutenberg-Blue underline), and disabled (Gutenberg-600, cursor: not-allowed;)
  • Each tab can have a suffix element, such as a badge or notification dot (not part of the MVP).
  • Each tab is an identifiable element, and we can target it with the spotlight component.
  • The tab bar can be expanded with custom tabs added by third-party plugins.

New Zealand

  1. Install WooCommerce 7.0.
  2. Create shipping locations (Settings - Shipping) for states in New Zealand.
  3. Set the store country/state (Settings - General) to a state of New Zealand.
  4. Add tax rates (WooCommerce - Settings - Tax - Standard, Reduced and Zero taxes) using states in New Zealand
  5. Create a few orders with shipping and billing addresses in New Zealand.
  6. Update WooCommerce to 7.3.
  7. Run the database update.
  8. If you have a big number of orders in the database you'll need to wait for multiple Action Scheduler runs (or force it manually).
  9. Verify that shipping locations, store address, tax rates, and orders are now correct (with the updated state names).

Ukraine Repeat steps above using Ukraine as the country and its states.

  1. Run the WooCommerce onboarding wizard.
    • You can do this by installing and activating WooCommerce in a brand new site.
    • Or, via the WooCommerce ▸ Settings screen, locate the Help pulldown and re-run the wizard that way:
run-onboarding-wizard
  1. Within the first onboarding screen, select Croatia as the country/region (most of the other settings can be ignored/you can supply the bare minimum ... and, for expediency, I recommend against installing any extras or switching theme):
wizard-country-region-croatia
  1. Now navigate to WooCommerce ▸ Settings ▸ General:
    • Country/state field should still be Croatia.
    • The currency should be Euro (€).
settings-currency-euro
  1. Navigate to WooCommerce -> Settings -> Help, and press the Setup Wizard button.
  2. Complete the OBW till Themes tab.
  3. Select any Paid theme and complete the OBW.
  4. Go to Woocommerce > Home.
  5. Select ellipsis menu of "Add (Paid Theme) to my store" task from Set up tasklist.
  6. Observe that, "Dismiss" button no longer overlaps with task list "Add (Paid Theme) to my store".

Before

Screen Shot 2022-12-13 at 14 26 35

After

Screen Shot 2022-12-13 at 14 25 55
  1. Go to OBW
  2. Continue with a WCPay eligible country such as US
  3. Uncheck WCPay in the business details step
  4. Complete OBW
  5. Go to WooCommerce > Home > Set up payments task
  6. Observe that the benefit UI is displayed properly.

before:

Screen Shot 2022-12-13 at 11 32 12

after:

Screen Shot 2022-12-13 at 11 32 21
  1. Start OBW
  2. On the store details step, enter "ita" as the search query.
  3. Confirm the filtered result shows only countries that start with "ita".
  4. Confirm that it should not show incorrect results as shown below: 206674492-d371bafb-a866-451c-9290-9bff727d186c
  5. Test with other search keywords, and confirm that only relevant countries are being shown in the results.
  1. Open WooCommerce > Home

  2. You should see a new Things-to-do task with the following title: Discover where to find powerful store add-ons and integrations, with a WooCommerce Marketplace tour 01-Things-to-do

  3. Click by the task, you'll be redirected to WooCommerce In-App Marketplace page

  4. You should see a guided tour UI, step 1 should contain the updated wording:

    Power up your store by adding extra functionality using extensions, find a fresh new look with themes, or integrate your store with other software and services.

    The WooCommerce Marketplace is your go-to for all of the above, and the only place you’ll find products that have been reviewed and approved by the WooCommerce team.

    Whether you’re looking to improve your store or grow your business, you can find a solution here. There are hundreds of options available, and new products are added regularly.

    The WooCommerce Marketplace is also available at WooCommerce.com. 02-Step-1-Welcome

  5. Click next, content of step 2 was appended by or solutions part and should sum up to:

    Use the search box to find specific products or solutions. 03-Step-2-Find-what-you-need

  6. Steps 3 and 4 remain the same, so go to step 5 04-Step-3-Browse-for-new-ideas

05-Step-4-Learn-more
  1. The step 5 was updated to have WooCommerce before Marketplace in the last sentence (it's the only change there), as a whole it's:

    Products purchased from the WooCommerce Marketplace can be managed in My Subscriptions, either here or on WooCommerce.com.

    Every purchase is backed by our 30-day money-back guarantee and includes email and live chat support.

    That’s it! We hope the WooCommerce Marketplace helps you build the business of your dreams. 06-Step-5-Manage-purchases

  2. Finish the tour by clicking "Done"

  3. Open Things-to-do tasks in WooCommerce Home, the In-App Marketplace tour task should be done 07-Tour-completed

  1. Go to OBW
  2. Go to the Product types step
  3. Click on an info icon (i)
  4. Observe that tooltip shows contents properly.
Screen Shot 2022-12-12 at 16 42 01
  1. Navigate to WooCommerce > Settings > Advanced > woocommerce.com.
  2. Disable (untick) Enable tracking and Show Suggestions.
  3. Begin the onboarding, by triggering the Help menu and clicking Setup Wizard.
  4. Proceed through the onboarding. At the Business Details screen, ensure TikTok is NOT listed as a free feature under Grow Your Store.

Test this using a Block and non-block theme

  1. Install woocommerce-gutenberg-products-block.zip
  2. If you are testing a block theme, open the FSE editor and add the Mini Cart Block in the header, otherwise, open the widget area and put the Mini Cart in the footer. Save.
  3. Go to the frontend and add the product to the Cart. Be sure that on Mini Cart Block, any "notice" is visible on top.
  4. On the editor side, edit the product that you added and set it as out of stock. Save.
  5. On the frontend side, refresh the page. Go to the Cart page and see the notice.
  6. Open the Mini Cart block and be sure that the notice is visible. Please check on a WooCommerce page (/shop) and a WordPress page (in case of a default installation, the homepage is fine).
Theme WooCommerce Page WordPress Page
TT3 image image
TT2 image image
TT1 image image
Twenty Twenty Ninteen image image
Twenty Twenty Seventeen image image
  1. Create a new product or edit an existing one.

  2. Add at least two attributes.

  3. Verify that the Remove button is always visible.

  4. Verify that there's a placeholder title "Custom attribute"

  5. Fill in the titles and verify that the placeholder gets updated

  6. Test to see if no regressions occur in saving and re-ordering

    Screen.Recording.2022-12-09.at.10.14.18.mov
  1. Add a product with variations using the old product experience
  2. Navigate to that product in the new experience. E.g., wp-admin/admin.php?page=wc-admin&path=/product/{product_id}
  3. Click on "Options"
  4. Note that the variations section exists with the correct text and a working link
  5. Note that variations show a spinner until variations are loaded
  6. Note that variations appear with their attributes, price, and stock status listed
Screen Shot 2022-12-07 at 11 50 36 AM
  1. In a new site, add some products.
  2. Export those products to a CSV file.
  3. Change the CSV file by adding a line break inside the key Regular price. For example:
    ID,Published,"Regular
    price"
    3011,1,168
    
  4. Change the price of some products in the CSV.
  5. Keep the columns: ID, Published, Regular price, and remove the others
  6. Go to the "Import Products" page (/wp-admin/edit.php?post_type=product&page=product_importer)
  7. Upload this modified CSV file in the "Upload CSV file" step, then proceed to "Column mapping".
  8. Map the 3 fields mentioned above. image
  9. Proceed with the product import and wait for it to finish.
  10. After it is done, the price should be updated. Without the fix, prices won't be updated.
  1. Navigate to the new product management experience (Products -> Add new (MVP))
  2. Click the various tabs in the header to navigate between product sections (General/Pricing/etc)
  3. Make sure that all content is shown and works as expected
  4. Narrow your viewport to make sure that the header placement works with various screen sizes
  5. Scroll down inside a given tab and then click another tab to make sure you're scrolled back to the top Screen Shot 2022-12-06 at 11 53 38 AM
  1. Open Add/Edit product page.
  2. Verify the updated UI of the Product Image and Product Gallery meta boxes image
image
  1. Go to Products > Add new (MVP)
  2. Verify the Categories select control renders properly.
  1. Create a new product in New Product Management Experience.
  2. Fill out all fields.
  3. Click on 'Publish'.
  4. You will be redirected to the Edit Product page.
  5. Change all/some of the fields data.
  6. Click 'Update'
  7. Check if the Update occurred successfully
  1. Make sure you have the new-product-management-experience feature flag enabled.
  2. Make sure you have tracks enabled and also outputted in the console: localStorage.setItem( 'debug', 'wc-admin:*' );
  3. Go to WooCommerce > Settings and make some changes
  4. Now go to another page like WooCommerce > Home and select Leave when it warns you about unsaved changes.
  5. A notice should show on the new page that allows you to share feedback, something to the affect of ⚙️ Did you find the right setting?
  6. Click the share feedback and submit feedback, notice how the wcadmin_ces_snackbar_view, wcadmin_ces_view, and wcadmin_ces_feedback include the ces_location prop with the outside value.
  7. The Modal description should say something to this effect: We noticed you started changing store settings, then left. How was it? Your feedback will help create a better experience for thousands of merchants like you. You may also want to try dismissing the notice and see if the prop has been added to wcadmin_ces_snackbar_dismiss
  8. Now delete the woocommerce_ces_shown_for_actions option and disable tracking under WooCommerce > Settings > Advanced > Woocommerce.com
  9. Make sure the notice doesn't show up for the above anymore and that customer-effort-score-exit-page in local storage does not get updated, but stays empty.
  1. Make sure you have the new-product-management-experience feature flag enabled (you can do so using the latest version of the Beta tester within the mono repo).
  2. Go to Products > Attributes and add some attributes
  3. Go to Product > Add New and scroll down to the attributes field
  4. Select Add first attribute and select the attribute input field
  5. The menu should open with the initial list of attributes
  6. Select an attribute that contains a couple terms
  7. Once selected the attribute term field should auto focus and open, it might initially show a loading icon, but then a list of terms.
  1. go to Products > Add New (MVP)
  2. Click the Drag and drop area (not the Choose images button).
  3. A file picker should be visible. Pick an image.
  4. The selected image should be visible now in the gallery.
  5. The tracks event wcadmin_product_images_add_via_file_upload_area should be recorded
  6. Continue with the product creation process. Confirm that it has been created correctly. Screen Capture on 2022-11-27 at 16-03-29
  1. Got to Products -> Add New (MVP) page
  2. Under Attributes section click Add first attribute button
  3. The Add attribute modal should be shown
  4. When on mobile screen the table's header should be hidden, the attribute and values field have labels and are stacked in rows while the trash icon remains on the right with 8px margin right.
image
  1. When on tablet screen the table's header should be hidden, the attribute and values field have labels and are stacked in rows while the trash icon remains on the right with 8px margin right.
image
  1. When on desktop screen the table's header should be shown, the attribute and values field don't have labels and are stacked in columns as well as the trash icon that has 8px margin right.
image
  1. Make sure marketplace suggestion is turned off in WooCommerce Settings > Advanced > WooCommerce.com: /wp-admin/admin.php?page=wc-settings&tab=advanced&section=woocommerce_com.
  2. Go to WooCommerce Onboarding Marketing task: /wp-admin/admin.php?page=wc-admin&task=marketing.
  3. The Google Listings and Ads icon should be the "Big G" icon. image
  1. make sure you have the new-product-management-experience feature flag enabled (you can do so using the latest version of the Beta tester within the mono repo).

  2. Make sure you have tracks enabled and also outputted in the console: localStorage.setItem( 'debug', 'wc-admin:*' );

  3. Go to Product > Add New and make some changes

  4. Now go to another page like WooCommerce > Home and select Leave when it warns you about unsaved changes.

  5. A notice should show on the new page that allows you to share feedback, something to the affect of We noticed you started editing a product, then left....

  6. Click the share feedback and submit feedback, notice how the wcadmin_ces_snackbar_view, wcadmin_ces_view, and wcadmin_ces_feedback include the ces_location prop with the outside value. You may also want to try dismissing the notice and see if the prop has been added to wcadmin_ces_snackbar_dismiss

  7. Repeat steps 4-6 for all these pages: Product edit page, New product MVP page, edit product MVP page.

  8. Now delete the woocommerce_ces_shown_for_actions option and disable tracking under WooCommerce > Settings > Advanced > Woocommerce.com

  9. Make sure the notice doesn't show up for the above anymore and that customer-effort-score-exit-page in local storage does not get updated, but stays empty.

    Kapture.2022-11-25.at.11.16.31.mp4
  1. Use a fresh site
  2. Set woocommerce_show_marketplace_suggestions option to no.
  3. Go to OBW
  4. Select "UK" as the store country
  5. Complete OBW
  6. Set up WCPay
  7. Go to WooCommerce > Home
  8. Go to Set up additional payment options task
  9. Observe that Amazon Pay is displayed

Screen Shot 2022-11-25 at 15 00 49

  1. turn on the new-product-management-experience.
  2. Go to Products > Add New (MVP) > Images.
  3. Press Choose images and select more than one image (by pressing command and selecting them).
  4. The selected images should be added to the gallery in the image section.
  5. Repeated images won't be added.
  6. Verify that the storybook works correctly.

Screenshot 2022-11-25 at 10 02 22

  1. Go to Products -> Add New (MVP) page
  2. The form has a fixed padding-bottom of 128 px on desktop and tablet/mobile.

Mobile/Tablet

Desktop

  1. Go to Products -> Add New (MVP) page
  2. All form field controls should have the same height (36px). Without the fix, the attribute dropdown's height differs from the value picker in the Attributes modal (31 vs 38 px) as shown below: image
  1. Go to Products -> Add New (MVP)
  2. Any price input field should has
  3. Currency unit follows the store's locale
  4. The symbol aligned always left
  5. The symbol color now is gray-700
  6. The value is aligned right
  7. Field formatting respects the store's setting, including thousand and decimal separators
  8. On blur, commas are added when the user enters a value
  9. On focus, we highlight the field's content
  10. On focus, the user can press the up and down arrow keys to increase or decrease the value by 1
  1. Enable the new product management form.
  2. Go to wp-admin/admin.php?page=wc-admin&path=/add-product.
  3. Verify that the copy in the summary section is as follows:
Screenshot 2022-11-24 at 19 29 23
  1. Go to Products > Add New (MVP) > Product details.
  2. Verify that the gap between the icon and the text is 8px.

Before Screenshot 2022-11-24 at 09 50 22

After Screenshot 2022-11-24 at 09 49 58

  1. Load the new product management experience ("Products -> Add new (MVP)")
  2. On page load, make sure that the rich text editor toolbars are shown
  3. Make sure that neither of the editors are focused
  4. Make some changes inside an editor and make sure things continue to work as expected
  1. Go to Products -> Add New (MVP) page
  2. Under Attributes section click on Add first attribute button
  3. The Add attributes modal should be shown.
  4. By default if you don't select any attribute under the attribute search field then the attribute value field should be disabled and with 50% of opacity.
  5. After selecting an attribute from the search field the value field should become enable and with it's normal colors.
image
  1. Go to Products -> Add New (MVP) page
  2. Create, update, save as draft a product and a notice should be shown.
  3. If the notice message contains an emoji, it should has a visible blank space between the emoji and the message.
  4. Like: 🎉 Product successfully updated.
  1. make sure you have the new-product-management-experience feature flag enabled (you can do so using the latest version of the Beta tester within the mono repo).
  2. Make sure you have tracks enabled and also outputted in the console: localStorage.setItem( 'debug', 'wc-admin:*' );
  3. Go to Products > Add New (MVP)
  4. In the top right click the 3 dots and click the Share feedback button
  5. This should show the CES modal asking How's your experience with the product editor?
  6. Answer it with your console open, this should trigger a ces_feedback track with the new_product action.
  7. Now check if the CES footer still works by making sure the woocommerce_ces_product_mvp_ces_action option is removed
  8. Save a product which should show the CES footer bar and click the Share feedback this should still correctly show the CES modal.

image

  1. Run localStorage.setItem( 'debug', 'wc-admin:tracks' ); in the console to view tracks events.
  2. Complete the steps below to trigger each CES event, and then click "Give feedback" in the notice at the lower-left corner. Ensure that the modal appears as it does in the screenshot above, and the verbiage of the questions and title make sense for that event.
  3. For each event, observe the console and ensure that the tracks event wcadmin_ces_feedback fires with the correct action, score, score_second_question and score_combined properties.

Change settings

  • Navigate to WooCommerce -> Settings and change any setting.
  • Click "Give feedback" in notice that appears in the bottom-left and complete steps 3-4 above.

Add attribute

  • Go to Products > Attributes.
  • Add a new attribute.
  • Click "Give feedback" in notice that appears in the bottom-left and complete steps 3-4 above.

Add product category

  • Go to Products > Categories.
  • Add a new category.
  • Click "Give feedback" in notice that appears in the bottom-left and complete steps 3-4 above.

Add product tag

  • Go to Products > Tags.
  • Add a new tag.
  • Click "Give feedback" in notice that appears in the bottom-left and complete steps 3-4 above.

Add new product

  • Go to Products > Add new.
  • Create your first product and hit "publish."
  • Click "Give feedback" in notice that appears in the bottom-left and complete steps 3-4 above.

Update product

  • Go to Products > All Products.
  • Click the product you just created.
  • Update title or description in any way and hit "publish."
  • Click "Give feedback" in notice that appears in the bottom-left and complete steps 3-4 above.

Update order

  • Go to WooCommerce > Orders.
  • Click "Add Order," add the product you just created, and change status to "processing."
  • Click "Create."
  • Click "Give feedback" in notice that appears in the bottom-left and complete steps 3-4 above.

Search

  • Go to Products > All Products
  • Enter any term into search field in top-right and hit enter.
  • Click "Give feedback" in notice that appears in the bottom-left and complete steps 3-4 above.

Import products

  • Go to Products > All Products.
  • Click the "Export" button at the top.
  • Click "Generate CSV."
  • Go to Products > All Products.
  • Click the "Import" button at the top.
  • Select the CSV you just generated, and click "Continue."
  • Click "Run the importer."
  • Click "Give feedback" in notice that appears in the bottom-left and complete steps 3-4 above.

Filter Analytics

  • Go to Analytics > (any report)
  • Enter any filter above and click "Up- Click "Give feedback" in notice that appears in the bottom-left and complete steps 3-4 above.date."
  • Click "Give feedback" in notice that appears in the bottom-left and complete steps 3-4 above.

Setup task list

  • Complete the setup task list on the Homescreen
  • You should see this simple CES component displayed: image
  • Select a score of 1-2.
  • Observe the CES modal open and complete steps 3-4 above.
  1. Go to Products -> Add New (MVP) page
  2. After change any product field you should publish the product and get redirected to product edit page without seen any prompt modal.
  1. Go to the checkout page to finish your order.
  2. Select Denmark as the billing (or shipping) country.
  3. Paste the postcode in the wrong format (like DK-3900).
  4. Try to complete the purchase.
  5. You get a notification about the wrong Postal code.
  6. Change the postal code to the valid one (like 1448 or DK-1448).
  7. You are able to complete the purchase.
  1. make sure you have the new-product-management-experience feature flag enabled (you can do so using the latest version of the Beta tester within the mono repo).
  2. Make sure you have tracks enabled and also outputted in the console: localStorage.setItem( 'debug', 'wc-admin:*' );
  3. Go to Products > Add New (MVP)
  4. Add a name and click Save draft
  5. A bar in the footer should show up saying: You're using the new product editor (currently in development). How is your experience so far? and give the option to share feedback
  6. Refresh the page, the bar should show up again after the product has been loaded.
  7. When clicking share feedback the CES modal should show up. You can fill it out and click Send
  8. This should trigger a track event with new_product action and the score.
  9. The bar should stay put after submitting feedback
  10. Now click Publish and enter feedback again, this should trigger the new_product action once finished.
  11. The feedback footer should still show up after, even after refresh.
  12. Now click the x or Turn it off on the notice, the notice should not show up there after, also on refresh.

If you wanted to re-test you can delete the woocommerce_ces_product_mvp_ces_action option.

https://user-images.githubusercontent.com/2240960/203027445-7963d073-37a6-45ee-9e11-7a54678cd03c.mp4
  1. Create an order in WP Admin.
  2. In WooCommerce > Orders, in the order list, hover on the status button of the order.
  3. Verify that you can see that order note in the tooltip: see screen shot img
  1. Go to Products -> Add New (MVP)
  2. Change any field without saving it
  3. Try to leave the page
  4. A confirmation dialog should be shown preventing you from leaving the page without saving the changes first
  1. Navigate to the new product page Products -> Add new (MVP)
  2. Check that the header is unchanged on larger screens
  3. Narrow your viewport to < 782px.
  4. Note the styling changes
  5. Under the "Publish" menu button group, check that Save draft / Switch to draft and Preview options are shown
Screen Shot 2022-11-17 at 5 40 55 AM Screen Shot 2022-11-17 at 5 40 45 AM Screen Shot 2022-11-17 at 5 40 42 AM

Non-FSE theme

  1. Enable the Storefront theme (or any non-FSE theme).
  2. Make sure on /wp-admin/edit.php?post_type=product&page=product_attributes that you have an attribute with the Enable archive? option checked. Otherwise, create one.
  3. On /wp-admin/edit.php?post_type=product&page=product_attributes access the attribute terms by clicking on Configure terms.
  4. If it does not have terms, create one.
  5. Click on the View option under your term to go to the frontend page of the attribute, you should see the default template loaded.
  6. Go to your theme and add a template file on the root with the name taxonomy-product_attribute.php and add some identifiable content. Save the file.
  7. Reload the page you opened on step 5. You should see the content of the new taxonomy-product_attribute.php template file you added to the theme.

FSE theme

  1. Clone and enable the trunk version of woocommerce-blocks (since the work on this PR is also needed https://github.com/woocommerce/woocommerce-blocks/pull/7660)
  2. Enable the TT2 theme (or any other FSE theme).
  3. Make sure on /wp-admin/edit.php?post_type=product&page=product_attributes that you have an attribute with the Enable archive? option checked. Otherwise, create one.
  4. On /wp-admin/edit.php?post_type=product&page=product_attributes access the attribute terms by clicking on Configure terms.
  5. If it does not have terms, create one.
  6. Click on the View option under your term to go to the frontend page of the attribute, you should see the default template loaded.
  7. Go to your theme and add a template file inside the templates folder of your theme called taxonomy-product_attribute.html and add some identifiable content. Save the file.
  8. Reload the page you opened on step 6. You should see the content of the new taxonomy-product_attribute.html template file you added to the theme.
  1. Go the Add New (MVP) product page
  2. Click on Categories field
  3. A dropdown menu with the category list should be shown
  1. Navigate to the new product management experience ( Products -> Add new (MVP) )
  2. Click on the Settings cog icon in the top right inside the header.
  3. Note the menu opens with the option to enable reviews and update menu order
  4. Toggle the “Advanced” section to make sure that it opens and closes as expected
  5. Attempt to close the settings menu with both the cross (“x”) and the settings cog button.
  6. Check that “Enable reviews” is checked by default on new products
  7. Update the “Enable reviews” and “Menu order” settings and update or publish the product
  8. Refresh the page and make sure that your settings persist.
Screen Shot 2022-11-05 at 11 56 48 AM
  1. Go to the new Add Product page (/wp-admin/admin.php?page=wc-admin&path=/add-product)
  2. Check if the width of the pricing fields are 50% when the screen width is larger than 1032px
  3. Adjust the screen width to a smaller value and check if the width of the pricing fields turn into 100%

Image

Screenshot 2022-11-15 at 21 15 37
  1. Enable WooCommerce Multichannel Marketing experience in WooCommerce Settings > Advanced > Features (/wp-admin/admin.php?page=wc-settings&tab=advanced&section=features).
  2. Go to Marketing page at /wp-admin/admin.php?page=wc-admin&path=/marketing.
  3. In the "Discover more marketing tools", find a plugin with "Install plugin" button, and click on the button.
    • The button should become busy.
    • All the other "Install plugin" and "View details" buttons should become disabled.
    • The plugin should be installed and activated automatically.
    • There should be a successful notice message in the bottom left corner.
      • If there is an error, there should be an error notice message in the bottom left corner. You can try this out by hardcoding a non-existing plugin slug in the code.
    • The plugin should then be removed from "Discover more marketing tools" card.
    • The plugin should appear in the "Installed extensions" card.
  4. In the "Discover more marketing tools", find a plugin with "View details" button, and click on the button.
    • The browser tab should navigate to the product page on WooCommerce.com
demo-pr-one-click-installation.mp4
  1. Create a site with at least 1 or more unread notes
  2. Visit the home page and scroll down to see the notes
  3. Note that unread notes are marked as read on viewing
  4. Note that the count of notes in the inbox panel header reflects unread notes (all unread notes, not just the visible ones prior to loading the remaining notes).
Screen Shot 2022-10-28 at 12 44 52 PM
  1. go to Products > Add New (MVP)
  2. Click the Drag and drop area (not the Choose images button).
  3. A file picker should be visible. Pick an image.
  4. The selected image should be visible now in the gallery.
  5. The tracks event wcadmin_product_images_add_via_file_upload_area should be recorded
  6. Continue with the product creation process. Confirm that it has been created correctly.

Screen Capture on 2022-11-01 at 16-22-58

  1. Visit the homepage with from_calypso appended to the URL. wp-admin/admin.php?page=wc-admin&from_calypso=1
  2. Install a plugin like WP Crontrol
  3. Under Tools -> Cron Events, run wc_admin_daily
  4. Make sure the note with a title of "Welcome to your new store management experience" has not been added
  1. make sure you have the new-product-management-experience feature flag enabled (you can do so using the latest version of the Beta tester within the mono repo).
  2. Go to Products > Add new (MVP) and fill out some of the initial details like name and price
  3. Scroll down and click Add first attribute in the attributes section
  4. Now write a random name in the attribute search field in the table, of an attribute that doesn't exist.
  5. The 'Create "your new attribute name"' should show as an option
  6. Click that and the new item should show as selected and the term field should focus
  7. With localStorage.setItem( 'debug', 'wc-admin:*' ); run prior, it should show that a product_attribute_add_custom_attribute has been fired.
  8. Start adding attribute terms, this dropdown should initial be blank and any text you put in will show up as a Create "text" option, allowing you to add several new items.
  9. Click Add the custom attribute should show correctly in the main list, now hit Update or Publish
  10. Go to old product editor and load the same product you just saved, check the attributes tab and make sure the custom one's show up correctly.
Kapture.2022-10-14.at.11.23.36.mp4

Start with trunk/start without this change:

  1. Via Products ▸ Attributes, create some product attributes and terms.
    • For at least two different attributes, apply custom ordering.
    • Via the Configure Terms screen, go ahead and re-order the terms.
  2. Apply a range of those same terms (for at least two different attributes) to one of your products.
    • If you visit the single product page and open the Additional Information tab, you should see these terms.
    • The custom ordering you applied in the admin screen should be respected here (if you have applied the terms a and b, but b has been custom ordered to display before a, that should also apply on the frontend).

Now switch to this branch:

  1. Create a new attribute and terms, apply some custom ordering, then apply this new attribute and some of those terms to the same product.
  2. Edit one of the existing attributes (that you worked on at the start), re-order some of its terms.
  3. Visit the single product page: ordering should be respected for the new attribute terms, the existing terms that you re-ordered, and the existing term where you did not change the order.

Some screenshots etc, in case helpful when trying to find some of the locations referenced above:

Asset Notes
Additional info tab (single product page) Single product page: additional info tab
Configure terms Admin screen: configure terms link
🎥  Reordering terms Screencast (how re-ordering terms works)
  1. Enable tracking via WooCommerce ▸ Settings ▸ Advanced ▸ WooCommerce.com.
  2. Optionally, install and activate Query Monitor (makes it easy to see errors—but you can use some other tool or method if you prefer).
    • If you do choose to use Query Monitor, you will probably also want to ensure you can see your admin toolbar while in the block editor.
    • To do this, configure the editor so it is not operating in full-screen mode:
blocks-full-screen
  1. Try adding a new post via Posts ▸ Add New.
    • With this change, everything should be fine!
    • Without this change, you may observe a warning about Undefined array key "post_type":
undefined-array-key
  1. Start with PHP 8.
  2. Use Storefront theme.
  3. Install the Classic Widgets plugin.
  4. Make sure that you have product attributes lookup table enabled, including the option for direct updates (Settings - Products - Advanced). image
  5. Create a global product attribute named 大きさ with these three terms: 中 大 小
  6. Go to Appearance > Widgets, and add a "Filter Products by Attribute" widget (not the "Filter by attribute" block) for the above anywhere in the shop (could be in the header, footer, sidebar, etc).
  7. Create a variable product that uses that attribute for variations (with all three terms), but create only one variation for 大
  8. Save the product.
  9. Create a second variable product that uses that attribute for variations, this time with only one variation for 小
  10. Go to Status - Tools and run "Regenerate the product attributes lookup table", either for the entire table or for each of the products you just created.
  11. Go to WooCommerce > Status > Scheduled Actions, and wait for the action woocommerce_run_product_attribute_lookup_regeneration_callback to be run and completed.
  12. Go to the shop page, and verify that the widget shows correct information: FilterByJapaneseSize2
  13. Repeat this test on PHP 7.4.
  1. Set up an offline payment method like BACS.
  2. Create an order using the offline payment method.
  3. Open the received on-hold email sent to the customer.

screenshot

Clone this wiki locally