WEB Software Test Checklist Application Series (2) Navigation and links

Navigating and linking the scope of test inclusion

In WEB development testing, navigation and linking provide users with a wealth of operational experience that enables users to access various types of data through navigation and links. Navigation, in the basic sense, that is, when the user triggers the navigation, the user interface will be directed to another destination page of the current system, in other words, navigation implements the process of changing from one data page to another in the system, which helps users to access the associated data content more easily and quickly. Links, where we refer to hyperlinks that are directly connected to external destination addresses from within the WEB product.

For the navigation and links mentioned in this article, it is simple to understand that navigation is the jump and move within a web product, and links are access to external addresses from within the Web product.

Introduction to Navigation Checklist

1.1 Check whether the scroll bar will display correctly when needed

The display of scroll bars is important in Web navigation. The proper display of the scroll bar is necessary when needed. Here are a few examples to illustrate some of the bug instances that scroll bars may encounter in Web products.

Figure 1. Redundant scroll bar display

As you can see in Figure 1, the page window does not currently display any content that is outside the window's display range, but it still shows scroll bars in both horizontal and vertical two directions. At this point, these two scrollbars are redundant and are a defect of the product.

Figure 2. Scroll bar changes in window size

Typically, the scroll bar is positioned at the edge of a display area, and the position of the scroll bar changes as the size of another area at that edge changes. As shown in Figure 2, when the preview window in the lower part of the diagram changes, the upper scroll bar does not follow the corresponding move to the top edge of the preview window, resulting in an intermediate blank area, which is a product defect.