How to check the display of pages?
Posted: Wed Jan 22, 2025 8:31 am
Each QA department should have a large set of testing tools, criteria and style guides. All this will allow you to quickly test the site.
The first thing you need to do is compare the page with the layout. The blocks need to exactly match the layout created by the designer. At the same time, the difference for text fields should not be more than five pixels. To do this, there is a special browser extension called PerfectPixel. With its help, you can overlay a translucent layout on an HTML page. This will allow you to determine whether there are differences between them or not.
If you need to test the grid of a web page, you can use the Page Ruler browser extension. Once this check is complete, you should move on to working with the details. Applications such as What Font (for fonts), Color Zilla (for color) and Spell Checker (for texts) will help you with this.
How to test a website?
87% of our graduates are already working in IT
Leave a request and we will help you choose a japan email list new profession
Leave a request
Checking the page for adaptability
The most convenient tool for testing is a regular browser. Change the height and width of the window, and record how the position of the blocks changes.
If horizontal scrolling appears or a group of elements does not fit in the visible area, this indicates that you need to make edits to the layout. You can programmatically perform this test using the Windows Resizer extension.
Pay attention to how the text is displayed on the page. It may be too small or, conversely, too large.
Visually, you need to check the correctness of the display of navigation components. You need to pay attention to the following:
Does the cursor appear on all clickable components?
The first thing you need to do is compare the page with the layout. The blocks need to exactly match the layout created by the designer. At the same time, the difference for text fields should not be more than five pixels. To do this, there is a special browser extension called PerfectPixel. With its help, you can overlay a translucent layout on an HTML page. This will allow you to determine whether there are differences between them or not.
If you need to test the grid of a web page, you can use the Page Ruler browser extension. Once this check is complete, you should move on to working with the details. Applications such as What Font (for fonts), Color Zilla (for color) and Spell Checker (for texts) will help you with this.
How to test a website?
87% of our graduates are already working in IT
Leave a request and we will help you choose a japan email list new profession
Leave a request
Checking the page for adaptability
The most convenient tool for testing is a regular browser. Change the height and width of the window, and record how the position of the blocks changes.
If horizontal scrolling appears or a group of elements does not fit in the visible area, this indicates that you need to make edits to the layout. You can programmatically perform this test using the Windows Resizer extension.
Pay attention to how the text is displayed on the page. It may be too small or, conversely, too large.
Visually, you need to check the correctness of the display of navigation components. You need to pay attention to the following:
Does the cursor appear on all clickable components?