E2E Checkout Testing

Testing the WooCommerce checkout is extremely important for your ecommerce business.

Every time you install a new plugin or update WordPress you might run into issues: for example, the cart and payment pages could stop working until you fix the problem.

You don’t want to lose sales and undermine your website reputation, do you? So you must test all the WooCommerce processes on a regular basis, also called “end to end” (E2E) testing.

But how can you do that without wasting too time?

Spoiler alert: simply create an automated test, and let the robot test your WooCommerce website on a regular basis, so that you never have to worry about doing it manually.

Luckily for you, there are some great tools – such as the two you will soon read about – and WooCommerce professionals that can do it for you on a daily or whatever basis.

Here’s your quick introduction to setting up your checkout test automation.

Cheers to a checkout page that works 365 days a year.

Usetrace Test Automation Tool

Usetrace is an online software that analyzes your website in a few seconds through some very accurate tests.

You can automatize lots of different tests, including the WooCommerce checkout one. You simply have to create a trace of the activity you want to check and allow the Usetrace editor to interact with your store. 

The tool will record your actions and save them to schedule tests in the cloud following your traces. Usetrace will also automatically go through your website every time you update the WordPress core or add some new features, to make sure everything is working fine. 

If the tool finds something wrong, it will send you an email notification with all the instructions you need to fix the bug and restore your WooCommerce.

Ghost Inspector Test Automation Tool

Ghost Inspector is an online testing tool that uses a Chrome extension. To set it up, you need to follow these steps:

  • After you install the Ghost Inspector Chrome extension, open the website you want to test. Click on the toolbar icon at the top right in your browser to start recording a test;
  • Now buy something on your store so that the extension can record all of your actions;
  • Save your purchase and use it as a model to schedule all the tests you need;
  • If something goes wrong, you will get an email with a full video report of the test.

Ghost Inspector is very useful to create different kinds of tests on the same website, but you may need some time to learn how to use it properly.

Case Study: How We Test Our Clients’ Checkouts

WP-OK specializes in WordPress and WooCommerce support for all kinds of businesses. Whenever we have to run functional tests, we always use Ghost Inspector.

We test our clients’ checkout process twice a day, following these steps:

  1. Open the website homepage;
  2. Click on the Shop page;
  3. Click on a product;
  4. Add it to the cart;
  5. Proceed to the checkout;
  6. Insert personal information;
  7. Complete the purchase without checking the terms & conditions box;
  8. The checkout page should now show an error for the missed checkbox.

With this simple test we manage to detect and identify 90% of the issues.

You may wonder why we don’t actually complete the purchase? Well, there are a couple of reasons for that.

First of all, we prefer not to complete the payment so we don’t have to ask for a refund (even if we could make that automatic too!) – that would somehow affect the billing, generate an invoice to void and a refund to handle. 

The second reason is that a fake purchase would compromise our clients’ sales conversion rates.

Troubleshooting Checkout Errors

Ghost Inspector creates a video report after each test and runs a screenshot comparison to recognize possible changes in the pages.

A test can fail for two reasons:

  • functionality error: one of the test steps is not working (e.g. the add to cart button is missing and the system can’t add a product to cart);
  • visual error: the loaded page is different from the screenshot of that page from the first successful test (e.g. the footer is missing).

When a test fails you need quick technical support to understand what’s going on.

Sometimes you may experience a false-positive error after you edited a page. It may also happen that the tested product is out of stock, or no longer available on the website.

Checking the test results is a crucial step for your WooCommerce site, especially when you are new to this kind of analysis. It’s really important that you take your time to set up an automated E2E test and analyze its findings.

Recap

Setting up an automated test for your WooCommerce checkout is not only a great idea, but also a great way to avoid errors and save on customer support time.

Ghost Monitor is quite easy to set up and can do pretty complex E2E tests, hence taking action today and moving to the next level is a no-brainer.

Share:

Leave a Reply