Skip to main content
#40 Greenhorn 💚 Newsletter

Example of Visual bug. Learn the correct name of elements. Use checklist in manual testing

Kostya avatar
Written by Kostya
Updated over a week ago

LEVEL UP Your Reporting

Example of Visual bug

Here, navigate to the video for better quality.

Feature:

Search

Bug Type:

Visual

Title:

Some of the sorting options are invisible and merge with white background on the "Sort by" drop down list of the search results page after clicking "Sort by" option

URL:

Steps:

  1. Click "Search" icon on the header

  2. Enter "hats" in the "Search" field

  3. Click "Search" button

  4. Click "Sort by" option

Actual result:

Only "Relevance" sort option is visible on the "Sort by" drop down list on the search results page after opening "Sort by" drop down list. The "Price, low to high" and "Price, high to low" sort options are invisible and merge with white background of the "Sort by" drop down list on the search results page after opening "Sort by" drop down list. The sort option becomes visible only after hovering mouse over relevant sort option on the "Sort by" drop down list on the search results page. At the same time, the other sort options become invisible.

Expected result:

All sort options are shown visible by default and not merge with background on the "Sort by" drop down list on the search results page.

Useful tooltips:

Use a checklist in manual testing

A checklist in manual testing is a structured list of items or tasks that testers need to verify to ensure comprehensive testing of a software application.

You can create your own checklists and use them when testing sites. Add your favorite bugs and use them in the following test cycles.

An online Excel sheet can be effectively used as a checklist, allowing testers to add and update test items and bugs easily. You can add various columns such as feature, severity, device etc.

Learning the correct names of elements:

  1. Breadcrumbs: A navigational aid that displays the user's path within a website, helping them understand their current location and easily backtrack.

  2. Filter Options (e.g., by price, brand, rating): Tools that allow users to narrow down search results based on specific criteria, such as price, category, or rating.

  3. Sorting Options (e.g., by relevance, price, popularity): Features that enable users to order search results according to various parameters like price, popularity, or newest arrivals.

  4. Pagination: A method for dividing content into separate pages, improving load times and making navigation through large datasets more manageable.

  5. Product Tiles: Visual elements that represent individual products, typically including an image, title, price, and a brief description or key details.

Common mistakes:

Sorting and filtering are often confused by testers, but they serve distinct purposes. Sorting arranges data in a specific order based on selected criteria, such as price, date, or alphabetical order. For example, sorting a product list by price will display items from lowest to highest cost.

On the other hand, filtering narrows down the data set by applying specific conditions or criteria, such as showing only products within a certain price range or from a particular brand. Filtering reduces the number of items displayed to match the user's preferences, whereas sorting organizes the entire data set in a chosen sequence without reducing the number of items.

The more you practice, the better you'll get at bug reporting!

If you want to know more about these topics,drop us a message on Discord, Facebook, YouTube, Reddit, or the Support Channel.

Did this answer your question?