Table of contents
Foreword:
Web testing is a relatively extensive testing field, covering a lot of testing content, including functional testing, performance testing, security testing, etc.
Let me talk about the angles from which to test a web site, and I hope to give you some tips for those who are also at a loss:
1. UI testing
The UI user interface test mainly detects the display effect of the front-end page. The test focuses on the following aspects:
1. Is the style of each page uniform?
2. Whether the size of each page is consistent; whether the same LOGO picture is displayed on each page in the same size; whether the page and picture are displayed in the center, and whether the title of each page is correct
3. Whether the text in the column name, article content, etc. is correct, and there are typos or garbled characters; whether the font, size and color of the same level are uniform
4. Prompts, warnings or error instructions should be clear and easy to understand, with accurate words and avoid ambiguous words
5. Switch the size of the window. After the window is reduced, whether the page is scaled down or scroll bars appear;
6. Whether the shrinking style of each page is consistent (proportional shrinking or scroll bars appear, not both)
7. The center of the parent form or the main form should be near the intersection of the diagonals; the position of the sub-form should be at the upper left corner or the center of the main form; when multiple sub-forms pop up, they should be shifted to the lower right one by one, so as to It is appropriate to display the form title
8. The size of the buttons is basically similar, avoid using too long names, so as not to occupy too much page space; avoid placing large buttons on empty pages; the style of buttons should be uniform; the spacing between buttons should be consistent
9. Whether the color of the page is uniform; the foreground color and background color are well coordinated, and the contrast should not be too large. It is best to use dark or dazzling colors
10. If there is scrolling information or pictures, place the mouse on it to check whether the scrolling information or pictures stop
11. Whether the navigation is displayed according to the corresponding level of the column; whether the navigation text is displayed on the same line
12. Whether all the pictures are loaded correctly, and whether the pictures can be displayed normally in different browsers and resolutions (including position and size)
13. On the article list page, whether the column on the left is consistent with the name and order of the first-level and second-level columns
14. Adjust the resolution to verify whether there is an error in the page style
15. Whether the mouse moves to the Flash focus effect, and whether the focus effect disappears when the mouse moves out of focus
2. Link test
The main content of a web site is a large number of links, which must be fully tested. Link testing is mainly divided into the following aspects:
1. Whether there is content that cannot be connected on the page; whether the pictures can be displayed normally, whether there are redundant pictures, whether the code is standardized,
2. Whether there is a dead link on the page (you can use the HTML Link Validator tool to find it)
3. Whether there are useless links in the picture; click on the link on the picture to jump to the correct page
4. Click on the name of the first-level column or the second-level column under the LOGO on the page, whether you can enter the corresponding column
5. Click the link of the article title on the home page or the list page to enter the corresponding article details page
6. Click the [More] link after the column name on the homepage, and whether it jumps to the corresponding page correctly
7. Whether the links on the article list page and the left column can correctly jump to the corresponding column page
8. Whether the page of the navigation link is correct; whether you can jump to the corresponding page according to the column level (for example, [Homepage-Service and Support-Customer Service Center], click "Home", "Service and Support", and "Customer Service Center" respectively , to see if you can jump to the corresponding page)
3. Search test
1. Whether the search button function is realized
2. Enter the information that exists in the website, and whether the search results can be found correctly
3. When inputting special characters on the keyboard, whether an error is reported: special attention: _? ' . \ /--; special characters
4. Does the system support shortcut keys Enter, Tab
5. Is the search result page consistent with other pages?
6. Enter a space in the input box, click to search whether the system will report an error
7. Do not enter any content in the search field on this site, whether to search out all the information or give a prompt
8. Exact query or fuzzy query, if it is a fuzzy query input: 中%国, it should contain the information of Chinese word
9. When the focus is placed on the search box, whether the content of the search box is cleared
10. Whether the search input field realizes carriage return monitoring event
11. Enter super long character query
12. Space or empty, null conditional query
13. There are spaces before, after, and between keywords to show whether the search results are consistent
14. Check whether the data of various conditions in the selection box are correct
15. Please select whether the query is all data
16. Enter information that does not exist in the database
17. Mandatory query condition verification
18. Default query conditions
19. Enter data that does not meet the requirements, and see if there is a prompt: such as date format: YYYY-MM-DD; range: enter 13 in the month, etc. Generally, these data are enumerated data, which appear in the form of a drop-down box
20. Sensitive word query
21. The search content shows whether it can be ranked according to the search keywords of the article
4. Form submission test
1. Can the registration and login functions be realized?
2. Whether the submit and clear buttons are realized
3. Whether the modification form is the same as the data item on the registration page, and whether the modification form verifies the duplicate name
4. Whether the submitted data can be saved in the background database normally (the data in the background database should be exactly the same as the recorded content in the front desk, and the data will not be lost or changed)
5. Whether there is a prompt after the form is submitted, deleted, and modified
6. Whether the browser's forward, back, and refresh buttons will cause the database to reappear or the page to report an error
7. Does the submission form support the Enter key and the Tab key?
8. Whether the function of the drop-down menu is realized and whether the data is complete (for example: whether the data in the drop-down list of provinces and urban areas is interactive)
5. Input field test
1. Whether there is length and type control for the input of mobile phone, mailbox, ID number, etc.
2. Input Chinese, English, numbers, special characters (especially pay attention to single quotation marks, backslashes) and mixed input, will an error be reported?
3. Enter a space, space + data, data + space, whether an error will be reported
4. Input html language
5. Input full-width and half-width English, numbers, special characters, etc., whether to report an error
6. Whether there is a control on the required items; if you do not enter the required items, whether there is a good prompt message
7. Enter a super long field, whether the page is stretched
8. Input data greater than, less than, or equal to the length of the specified field in the data table, whether to report an error
9. Input characters that are not of the data type specified in the data table. Is there any prompt information?
10. Enter a carriage return in the text box, and when it is displayed, whether to enter a carriage return and change the line
11. Whether the data in the password input field is visible
6. Pagination test
1. When there is no data, the first page, previous page, next page, and last page labels are all grayed out
2. On the first page, the "Home" and "Previous" labels are grayed out; on the last page, the "Last Page" and "Next" labels are grayed out; on the middle page, all four labels can be clicked. And the jump is correct
3. After turning the page, whether the data in the list is still sorted according to the specified order
4. Whether each paging label is on the same horizontal line
5. Are the pagination labels of each page consistent?
6. Whether the display of the total number of pages and the current number of pages is correct
7. Whether it can jump to the specified number of pages correctly
8. Enter non-numeric characters (English, special characters, etc.) at the page break, enter 0 or a number exceeding the total number of pages, yes
9. Is there any friendly prompt information?
10. Does it support the monitoring of the Enter key?
7. Compatibility test
For web-side compatibility testing, we only need to focus on browser compatibility to verify that browsers from different manufacturers support Java, Javascript, ActiveX, plug-ins or HTML; the framework and hierarchy display effects in different browsers, etc. , common browsers are:
1. Internet Explorer:
IE is a browser owned by Microsoft Corporation. It used to be the browser with the largest number of users in China. However, due to its large size, low efficiency, and difficulty in developing compatibility, it has brought a lot of distress to web application development. Since win10, Microsoft has also IE has been abandoned. Except for some government agencies that are still using it, the Internet industry rarely develops web applications on IE.
2. Opera browser:
Opera is a browser owned by Opera Software ASA of Norway, and requires compatibility testing.
3. Safari browser:
Apple's Safari browser is mainly used for Apple Mac, Mac book and iPhone mobile phones, and requires compatibility testing.
4. Firefox browser:
The Firefox browser is a browser owned by Mozilla, known for its rich plug-ins. It is a browser that has been active all the time and requires compatibility testing.
5. Chrome browser:
Chrome browser is a browser owned by Google. Since the Chrome browser was released, it has always emphasized simplicity, speed, and security. Therefore, the Chrome browser has been sought after until now. It is the main battlefield for web development, and compatibility testing should be prioritized.
As someone who has been here, I also hope that you will avoid some detours. Here I will share with you some necessities on the way forward for automated testing, hoping to help you. (WEB automated testing, app automated testing, interface automated testing, continuous integration, automated test development, big factory interview questions, resume templates, etc.), I believe it can make you better progress!
Just leave [Automated Test] [Automated Test Communication]: 574737577 (remark ccc) 
http://qm.qq.com/cgi-bin/qm/qr?_wv=1027&k=pDT8nLpWvOrLUSQ-i3IcDot7xS6NZxse&authKey=h0VjM1VXghu6FK9i7hd7QLWkQ9tHpvG 5IGJTul3SmVQq1g%2F4ZezdQEc4tHcIH%2FqM&noverify= 0&group_code=574737577
