Created Release Testing Instructions WooCommerce 4.1 (markdown)

Julia Amosova 2020-04-30 15:00:59 -04:00
parent 009252881f
commit 9def5db685
1 changed files with 364 additions and 0 deletions

@ -0,0 +1,364 @@
WooCommerce 4.1 includes the following new features:
- [New Onboarding Experience](https://github.com/woocommerce/woocommerce/wiki/Release-Testing-Instructions#new-onboarding-experience)
- [CBD Vertical Onboarding Flow](https://github.com/woocommerce/woocommerce/wiki/Release-Testing-Instructions#cbd-vertical-onboarding-flow)
- [WooCommerce Payments](https://github.com/woocommerce/woocommerce/wiki/Release-Testing-Instructions#woocommerce-payments)
- [New Marketing Hub](https://github.com/woocommerce/woocommerce/wiki/Release-Testing-Instructions#new-marketing-hub)
It also contains bug fixes related to tax calculations that we would like to be tested as well:
- [Bug fixes related to Tax Calculations](https://github.com/woocommerce/woocommerce/wiki/Release-Testing-Instructions#bug-fixes-related-to-tax-calculations)
### New Onboarding Experience
This release enables new onboarding experience to 100% of users.
**Note that the new onboarding experience is available on sites running WordPress 5.3+.**
To test:
- Install WC 4.1 pre-release version
- Go to `yoursite.com/wp-admin/`. Depending on whether you have a brand new installation or existing site where you've never run onboarding wizard before, the new onboarding wizard will either be started automatically or there will be a button to `Run the Setup Wizard` on the Dashboard:
![](https://cldup.com/zTTxY3KyGw.jpg)
- Click on `Run the Setup Wizard`, you should be able to see the following section asking you if you want to proceed. Note that if setup wizard started automatically, you should see the same screen:
![](https://cldup.com/YE56NcSKCl.jpg)
- Test `Not right now` link below the `Yes please` button and confirm that you can go back to the Dashboard where you started;
- Click on `Run the Setup Wizard` on the Dashboard once again, and then click `Yes please`;
- You should be redirected to the start of the new onboarding experience:
![](https://cldup.com/-EAhkDRNHk.jpg)
- Go through the new Setup Wizard and make sure you can complete all the steps successfully.
Setup Wizard steps include the following:
- After filling out store address details and clicking on the `Continue` button, you should be presented with usage tracking window:
![](https://cldup.com/ZJ7wH3WHmL.jpg)
- Next, you should be presented with the store industry selection:
![](https://cldup.com/lAA7fMYBVN.jpg)
- Next, you should see the product types section:
![](https://cldup.com/DgtdTO2rG5.jpg)
- Next, you should be able to see the business details section. Proceed with installing plugins that are offered:
![](https://cldup.com/5_oS9yhJoZ.jpg)
- Next, you should be presented with the themes section:
![](https://cldup.com/gxFfOgNOJn.jpg)
Test the following options here:
- Continue with my active theme
- Choose `Storefront` theme (Free)
- Scroll to the bottom of the page and select the option to upload a theme. Download any free theme from the [WordPress.org Themes repository (themes already filtered to support WooCommerce)](https://wordpress.org/themes/search/woocommerce/) and try to upload the zip file of that theme in the themes section of the onboarding wizard:
![](https://cldup.com/TJKsvTXe_e.jpg)
In order to try different options, you can select one of the options and make sure you can proceed to the next step. Once you can see the next section, go back (via the browser `Click to go back` option) to the themes section and select another theme option.
- Next, you should be able to see WooCommerce Services section:
![](https://cldup.com/CoakQHyJiz.jpg)
- Click on `Yes please!` button to proceed with the installation of WooCommerce Services;
- You should then be done with the onboarding and be directed back to the WordPress Dashboard and a task list:
![](https://cldup.com/_LR6wLOwe1.png)
Next, test the task list steps by going through each of them one at a time:
- `Purchase and Install extensions` task - feel free to skip it but make sure the pop-up window appears in order to buy them:
![](https://cldup.com/v9lexKy1Zt.jpg)
- `Add your first product` task - you will be redirected to sub-task list where you can select to either create product manually, import products or migrate:
![](https://cldup.com/4snjO9oNnu.jpg)
- Test adding product manually and by importing products:
1. See the documentation on [Adding and Managing Products](https://docs.woocommerce.com/document/managing-products/) in order to know what to expect during the steps of creating a product. As a minimum, please test creating `simple` and `variable` products.
2. See the documentation on [Product CSV Importer and Exporter](https://docs.woocommerce.com/document/product-csv-importer-exporter/) in order to know what to expect when importing products. You can use this [sample CSV file](https://docs.woocommerce.com/document/product-csv-importer-exporter/dummy-data/) for products import testing.
- `Personalize your store` task - is pretty straightforward. You should see the following upon clicking on it:
![](https://cldup.com/CIO0seg8pt.png)
Note that once you complete each task, it should be marked as completed on the Task List:
![](https://cldup.com/1HnGRabAp8.jpg)
- `Set up shipping` task - upon clicking on the task, you should see the following:
![](https://cldup.com/HmbF_mPwiN.png)
Proceed with filling out the details of the store location.
**Note that it is possible that you encounter a blank screen when clicking on the shipping task. Try waiting for a few minutes and refresh the page - the section seems to eventually come up. We are aware of this issue in beta and tracking it [here](https://github.com/woocommerce/woocommerce-admin/issues/4047).**
If the shipping section doesn't come up, please test setting up shipping as described in [Setting up Shipping Zones](https://docs.woocommerce.com/document/setting-up-shipping-zones/) documentation. In order to get to the settings part of WooCommerce, add the following to your site's URL: `wp-admin/admin.php?page=wc-settings`. The final URL should look as follows: `yoursite.com/wp-admin/admin.php?page=wc-settings`
- `Set up tax` task - please test it. You should see the following upon clicking on it:
![](https://cldup.com/vQQ-PVJ7YD.png)
Test both enabling automated sales tax calculations and manually setting up taxes:
1. Automated tax calculations - click on the `Connect` button to proceed. You will need WordPress.com account in order to proceed here:
![](https://cldup.com/tXshHaeN4Q.jpg)
You can use your existing WordPress.com account or create a new one by selecting an option to create a new account.
If you successfully connected WordPress.com account, you should see the following:
![](https://cldup.com/22m8gzYEOX.png)
2. Manually set up tax - click on `Set up tax rates manually`. The documentation on how to set up tax manually can be found in [Setting up Taxes in WooCommerce](https://docs.woocommerce.com/document/setting-up-taxes-in-woocommerce/).
- `Set up payment` task - you can click on it but skip setting it up by clicking on the `Done` button.
If you are not able to complete some of the tasks but need to move forward to access WooCommerce's settings, click on `Skip store setup` option:
![](https://cldup.com/1JXjtHMlWd.png)
### CBD Vertical Onboarding Flow
The onboarding updates in 4.1 also includes a special new flow for stores that sell CBD and Hemp-derived products. This flow is specific to stores located within the United States.
1. Load the Onboarding Wizard by visiting `wp-admin?page=wc-setup`
2. You should see the following screen:
![](https://cldup.com/YE56NcSKCl.jpg)
3. Click "Yes Please".
4. On the next page, be sure to enter a United States based address:
![](https://cldup.com/-EAhkDRNHk.jpg)
5. On the Industry page, you should see "CBD and other hemp-derived products" at the bottom of the list, select that option:
![](https://cldup.com/t1XWPX5f8h.png)
6. Finish the balance of the Onboard Wizard Steps ( Product Types, Business Detilas, and Theme ).
7. When you reach the "Setup Checklist", select "Setup Payments" at the bottom of the list:
![](https://cldup.com/qKBxRpkYe7.png)
8. On the following screen, verify that only the option for Square payements is shown, and click "Set Up" as shown:
![](https://cldup.com/Ikjvo6SYcT.png)
9. On the next screen, verify the plugin installs okay. Click on the "connect" button:
![](https://cldup.com/RfSM7KcgAH.thumb.jpg)
10. Verify that a new window opens for the Square CBD landing page:
![](https://cldup.com/TuBZTMDRMi.thumb.jpg)
### WooCommerce Payments
This new feature is currently available to the stores based in the United States only. This test flow requires that you have Jetpack installed and **connected**. So be sure to install Jetpack prior to doing this, or install it during the Site Profile onboard wizard. These steps here are done with Jetpack already installed, but not connected.
1. Load the Onboarding Wizard by visiting `wp-admin?page=wc-setup`
2. You should see the following screen:
![](https://cldup.com/YE56NcSKCl.jpg)
3. Click "Yes Please".
4. On the next page, **be sure to enter a United States based address**:
![](https://cldup.com/-EAhkDRNHk.jpg)
5. On the Industry page, make sure you **do not select CBD**:
![](https://cldup.com/TCbWuSCus3.png)
6. Finish the balance of the Onboard Wizard Steps ( Product Types, Business Detilas, and Theme ).
7. When you reach the "Setup Checklist" - you need to go connect Jetpack First. Click the Jetpack link on the wp-admin sidebar menu:
![](https://cldup.com/Ds3vAf6DfD.png)
8. Next, follow the Jetpack connection flow. The flow depicted here shows what it looks like when already logged in to WordPress.com. Click "Set up Jetpack"
![](https://cldup.com/53Wl2vwXDE-3000x3000.png)
9. Follow the connection steps, again this experiene will change if you are not logged into WordPress.com. No need to report bugs in these steps as that is out of scope:
![](https://cldup.com/D3HgfZtb0H-3000x3000.png)
_On this screen scroll to the bottom_
![](https://cldup.com/ng1KcmXiXg-3000x3000.png)
_Select the Free Plan Option_
![](https://cldup.com/COjupwL9mr-3000x3000.png)
10. Now Jetpack is connected, but you will be on WordPress.com, click the wp-admin link in the sidebar to return to your test site:
![](https://cldup.com/JFe4LtFHvu.thumb.jpg)
11. This will drop you on the Jetpack page in your wp-admin, navigate back to WooCommerce:
![](https://cldup.com/V8mZpsgC62.png)
12. Click on Setup Payments in the setup checklist:
![](https://cldup.com/RrrKOhrP4N-3000x3000.png)
13. Verify you see the option for WooCommerce Payments as pictured here, and click the pink "Set up" button on this card:
![](https://cldup.com/bYwfZUPNhT-3000x3000.png)
14. On the subsequent screen, the plugin will be installed and activated for WooCommerce Payments. Verify that works as expected, then click the "Verify details" button:
![](https://cldup.com/RSHqg7RORU-3000x3000.png)
15. You should then be redirected to the connect flow as seen below. This concludes testing this part of the setup checklist flow:
![](https://cldup.com/8v8dTdr2b5-3000x3000.png)
### New Marketing Hub:
You'll notice the addition of the brand new Marketing section on the sidebar. When you click on it, you should see the following:
![](https://cldup.com/rWalDrhmSz.png)
What we want to test here is that the connection to the various marketing services that we offer in this section works.
1. Mailchimp for WooCommerce:
- Click on `Finish setup`:
![](https://cldup.com/aG2HX_sz-T.jpg)
- Verify that you are redirected to the Mailchimp section and click on the `Connect` button there:
![](https://cldup.com/Y15zIaicKh.jpg)
- Verify that you are being presented with the Login pop-up window:
![](https://cldup.com/OBQQpgWDRn.jpg)
2. Facebook for WooCommerce:
- Click on `Finish setup`:
![](https://cldup.com/nd145khq-F.jpg)
- Verify that you are redirected to the Facebook section and click on the `Get started` button there:
![](https://cldup.com/y4089CiljB.jpg)
- Verify that you are being presented with the Login pop-up window:
![](https://cldup.com/nMtOWB547W.jpg)
3. Google Ads for WooCommerce:
- Click on `Finish setup`:
![](https://cldup.com/ltJFd_K7aC.jpg)
- Verify that you are redirected to the Google Ads section and click on the `Get started` button there:
![](https://cldup.com/6AET34lug8.jpg)
- Verify that you are being presented with the Login pop-up window:
![](https://cldup.com/uCj9o0s2Ml.jpg)
As for the rest of the options available throughout Marketing Hub, click on each of them, and verify that the option to connect/purchase appears. For example, click on AutomateWoo:
![](https://cldup.com/cv9S2MAaTP.jpg)
Verify that you can see purchase section:
![](https://cldup.com/Z3WMG1X8fm.jpg)
Click through every link on the purchase section screen to confirm that it works.
Repeat the same steps for "HubSpot for WooCommerce" and "Amazon & eBay Integration for WooCommerce". Also, click through every link in the "WooCommerce knowledge base" section to confirm all links work:
![](https://cldup.com/J_G1Eu13_2.jpg)
### Bug fixes related to Tax Calculations:
Before you start testing tax calculations, make sure tax calculations are enabled on your site:
![](https://cldup.com/EViafuDOox.jpg)
Please test the following use cases:
#### Use Case 1:
- Configure tax settings as shown below:
![](https://cldup.com/Y8YFBuXlmO.jpg)
- Add 10% tax rate:
![](https://cldup.com/gcc0yqoPQt.jpg)
- Download and install the [Code Snippets](https://wordpress.org/plugins/code-snippets/) plugin;
- Add the following code snippet to the site using the plugin above (you can also add it directly to your theme's `functions.php` file):
```
add_action('woocommerce_cart_calculate_fees', 'set_box_fee', 10);
function set_box_fee($cart) {
$boxFee = 1.5/1.1; // 1.5€ fee, of which we only need the net part
$cart->add_fee(__('Packaging', 'woocommerce'), $boxFee, true);
}
```
Screenshot showing how to add code snippet via Code Snippets plugin is below:
![](https://cldup.com/vt74x7QbsJ.jpg)
- Create a simple product with a price of $71.50:
![](https://cldup.com/DwxdnaaHHW.jpg)
- Create a coupon with a 3% cart discount:
![](https://cldup.com/pn5e8IAuu7.jpg)
- On the front-end of the site, add the product you created to cart, move to checkout page (no need to actually place an order) and apply a coupon. **The product total amount should be 0.86**:
![](https://cldup.com/myVE2XaDFq.jpg)
#### Use Case 2:
- Configure tax settings as shown below:
![](https://cldup.com/pba5yXgesP.jpg)
- Add 2 tax rates as follows (note the difference in priority):
![](https://cldup.com/wwQsXAYj0z.jpg)
- Create [Flat Rate](https://docs.woocommerce.com/document/flat-rate-shipping/) shipping of $10.00;
- Create a [simple product](https://docs.woocommerce.com/document/managing-products/#section-5) with a price of $22.99;
- Add product to cart and checkout - verify that the tax on the checkout page is $3.05:
![](https://cldup.com/qsa5_CYOhr.jpg)
- Place an order and navigate to order page - verify that the tax is still $3.05:
![](https://cldup.com/ViCncdyNWL.jpg)
This is the end of testing instructions for WooCommerce 4.1. Thanks for testing!