E-commerce — Header : How to test an e-commerce website’s header
Published in
2 min readJan 12, 2017
This is the first article of a series on how to test e-commerce websites. Understand that every site is unique and can not be tested in the same way. Work from top-left to the bottom-right of a page, just like reading a book. Like this you won’t forget what has already been done.
How to test an e-commerce website — part 1
Examples of tests that can be done in a header
- Look at the overall display of the header
- Nothing is blurry/pixelated
- Nothing is misaligned
- No elements are invisible
- The icons are appropriate
- The elements are displayed in the correct language - Click on all the elements and verify if behavior is correct
- Upon clicking on the logo, the home page is loaded
- The correct page is displayed
- A dropdown is displayed
- The search bar is displayed
- The mini-basket is displayed - Hover over the mouse all the elements of the header
- Upon hover over, the elements are highlighted
- Upon hover over, dropdowns are displayed
- Upon hover over, the curson becomes a hand - Enter text in the “Search” bar
- The search option works as intended
- An item suggestions dropdown is displayed - Click on the basket icon, verify if mini-basket is correctly displayed
- The mini basket contains all information of the items
- The link in the mini basket work as intended
Examples of bugs that can be found in a header
- The “Apple” logo appears blurry
- The “Search” icon is absent
- The “Basket’ icon is displayed as “?”
- The “Watch” link is displayed in Spanish instead of English
- Upon clicking on the “Apple” logo, the page crashes
- Upon clicking on “iPad” the “FAQ” page is displayed
- Upon clicking on the “Basket” icon, the drop down menu appears cut-off
- Upon hovering over the “iPad” link, the cursor does not change to a hand
- Upon launching a search, no results are displayed
- The “Go to checkout” link in the basket does not work
Part 2 — How to test an e-commerce carousel >