Title: "Sort By" is not working as expected. Description: Steps to reproduce:
- Go to any main category. Example: Women
- In the Sort by dropdown select an option. Example: "Price: Highest first"
Expected result: the list of products should be sorted by the chosen option.
Actual result: the list does not get sorted. The loading component is displayed indefinitely.
Check the pictures attached for more details
Using Selenium or any other tools perform some sort operations and check the displayed results. For example this dropdown is a HTML form Select with the ID=selectProductSort. The sorted products can be find by the following CSS locator li.ajax_block_product. Since there is only seven products displayed it is easy to get a sorted list for each of the options available at the dropdown. Check if the list is sorted by any of the available values in the Sort By dropdown.
Title: Products does not get highlighted in the mobile version. Description: Steps to reproduce:
- Change the browser to the mobile version.
- Go to a product category. Example Dresses
- Check the screen displayed
Expected result: the products should be easily displayed and highlighted in the mobile version
Actual result: the user have to scroll down to see the first product. Check the pictures attached for more details:
Our website
Competidor Website
This is a problem that can impact the sales since the user is not seeing products right away after selecting a category. Today we have tools that performs visual testing and can be used in this case. Selenium can be used to do the navigation between pages and Applitools for visual checking.
Title: "Add to cart" does not allow users to select size for quick buy Description: Steps to reproduce:
- Mouse Hover a product.
- Select add to cart
- Check the displayed dialog
Expected result: user should be able to select size when doing a quick buy by selecting "Add to cart"
Actual result: always the size S is select and the user can not change it.
For this situation after the bug gets fixed it is possible to add a test that performs a add to cart and change the size for selected product. This can be done using Selenium too.
Title: The Categories names displayed are not consistent Description: Steps to reproduce:
- Go to Women category
- In the list of subcategories, compare the name displayed in the Subcategories component and the Website's navigation
Expected result: the subcategory T-Shirts has a higher hierarchy than Tops. It should be consistent with Dresses categorization
Actual result: The T-shirt subcategory is displayed it should be Top. Check the pictures attached for more details
This is more of a feeling bug. It can even be correct from the business point of view. Automating this situation in the case of displaying the save level of subcategories can be done by using Selenium Webdriver.