Magento Commerce Testing


This course is for all people who want to start their journey as QA engineer of The Magento 2 platform.

Magento Commerce front-end is separated on different typical pages. Each type of the page can be configured, modified and displayed unique. These changes are displayed on the front-end, but the configurations should be changed on the back-end part of the site.

In this lesson we will try to understand how and where quickly check, configure and test every typical page.

Home Page

Home page - typical page of each magento store view. On the screen below it is the default LUMA theme.

This home page is a usual CMS page and can be configured in the back-end part. This page can contain any type of block that the customer wants.

image 10

Home Page can be managed within the Magento Commerce Admin panel.

image 20

Login Page

Login Page - it is a page for the customer user where you can create a new account or login into an already created one.

image 30

All new users and already created ones can be found in the backend part of the site. You need to go to 'Customers -> All Customers' grid.

image 40

My Account pages

My Account pages - this page looks like it sounds. Page where every user can check the information about orders, saved addresses and payment methods, wishlist, Reward points, change the password or email.

image 50

Product Listing page

PLP - (Product Listing Page) or it is also called category page. The products that contain the to category are displayed on the front-end in a grid with the filter block on the left side. Each displayed product and even position of it in the grid can be configured on the back-end part.

image 60

Category Management page.

image 70

Product Details page

PDP - (Product Details Page) is a page where customers can check the information about the specific simple, configurable, bundle or grouped products.

Also, there are images about the product, and customers can add the product to cart from the PDP.

image 80

image 90

Shopping Cart

Shopping cart - this is a page where customer users are able to check all selected products, it’s a configuration, qty. Also, promo or gift card codes can be applied there. Subtotal block for the added products to cart are displayed.

image 100


Checkout - This is the last typical page for the magento store. Here all the magic happened. The information about the customer, shipping and billing addresses, shipping method, payment information and other secure information is used here so security should be on the top-level.

image 110

image 120

All these steps are configured and controlled by the admin user from the Sales tab on the configuration page on the back-end.

This is how the basic simplest magento store is working and displayed.

image 130

All these typical pages can be modified as the owner wants and this is why Magento Commerce is in the list of the most popular CMS e-commerce systems on the market.

2021 © Made with ❤ by Max Pronko