Shulou(Shulou.com)05/31 Report--

This article mainly introduces "what do you need to pay attention to in html5 testing". In daily operation, I believe many people have doubts about what they need to pay attention to in html5 testing. The editor consulted all kinds of materials and sorted out simple and easy-to-use methods of operation. I hope it will be helpful for you to answer the doubts of "what do you need to pay attention to in html5 testing?" Next, please follow the editor to study!

Business logic correlation

In addition to basic functional testing, the testing of the H5 page needs to pay attention to the following:

1. Log in

At present, all clients of H5 and native are interworking, so you should pay attention to two points when testing:

A. if the client has logged in, it is still logged in after entering H5.

B. If the client is not logged in, enter H5 and click the corresponding button OR link. If you need to log in, you must pull up native to log in. If you cancel the login, whether you can pull up the login again, or if you stay on the page whether there is a corresponding login prompt.

Ps: in the course of this test, I found that the first click on the link can pull up the login, but not the second time.

2. Turn the page

When you encounter a page loaded by turning a page, you need to pay attention to the situation where the content is one or more pages.

A. when the data is paged and loaded, pay attention to the correctness of the subsequent page request data.

Ps: this needs to pay attention to whether the number of request pages increases in turn in the fast operation scenario, and whether the corresponding request is sent when the quick operation (such as the pull-up operation continues when the first page is not loading out) is sent.

3. Refresh and return

A. whether the drop-down refresh is still on the current page.

B, whether the user actively clicks the refresh button is still on the current page.

C. Click the back and back keys to determine whether the fallback page is the desired page.

Ps: during this test, it was found that the request for the mtop API was successful, but when there was no data in the data, the page returned was blank and the request could not be sent normally.

4. Mtop API return processing

It is found that there are many problems, but as long as we deal with them consciously, they are easy to avoid, mainly in the following situations:

A. if the request is successful and data is returned, test the various scenarios where the mtop API returns data.

B. The request was successful, but the data content is empty.

C. If the request API is abnormal and the ERR_SID_INVALID::SESSION expires, log in.

D. the exception occurred in the request interface except the exception mentioned in C, which usually comes down to one category for processing.

H5 adaptation correlation

As a matter of fact, the adaptation of H5 is less than that of the client, and there is little difference between mobile phone brands, so you don't need to pay much attention to the system that is most prone to problems.

A, large screen (such as 720-1280, focus on whether the page background is fully open, refresh whether there is jitter), small-screen mobile phone (such as 320mm 480, focus on pop-up frame style and copy folding)

B, android4.X can be found at random.

C 、 ios9 、 ios8 、 ios7 .

Network related

Testing of different network types

A) consider 2G\ 3G\ 4G\ wifi network

B) consider the impact of changes in mobile network 2G\ 3G\ 4G base stations

C) No connection, closed connection status

D) weak network signal status

E) has a network signal but the network is unreachable

Pay attention to testing

A) switch from wifi to 2G/3G network, from 2G/3G network to wifi, etc.

B) weak network degradation: some special treatments in the traffic saving mode of 2G/3G network, such as testing in 2G network, whether pictures should be loaded lazily for a long time, etc.

C) when there is no network, perform the operations that require the network, give friendly prompts, and ensure that it does not lead to the application of crash

D) when testing the internal network, you should pay attention to the exception handling of the public network operation.

E) in a weak network, check whether the functional status is normal to ensure that the failure to submit data does not cause exceptions or even apply crash

F) under the weak network, check whether the data has been in the state of submission, and give a prompt if the data exchange fails

G) under weak network, if you exit this webview or other operations after performing the operation, if the callback is not completed, is there any exception?

Safety related

1. Identify the delivery channels.

Such as single guest, host and guest, wap, whether there are restrictions on undelivered channels, whether to intercept requests directly through url, etc.

2. Evaluate whether you need to access group security, such as mtee blacklist and whitelist, etc.

3. Whether you need to access Alipay's real name authentication

Related to money, such as Tmall points, red packets, etc., in order to prevent brushing, generally need to judge whether Alipay real name authentication.

4. Whether to connect to windvane or not, all requests are sent through native.

Operation page experience related

1. Resource dependence

A, if there is a picture on the page, Taobao suggests that the picture is generally not larger than 50kb, in line with a principle, try to reduce the picture.

B, whether the resource is compressed and whether it is loaded through CDN.

C, how to ensure the effective update after the second release.

2. Traffic

A, for some pictures that will not change, such as game animation-related pictures, do not need to request things every time, do local cache.

B, whether paging loading is done when there is a lot of data.

3. Display time of the page

A. pay attention to the loading time of the first screen of the page.

4. Page prompt

A. Whether there is a loading prompt for slow data loading in a weak network.

B. prompt whether it is friendly or not when the API gets an exception.

C, whether the page jitters when refreshing the page or loading new content.

5. Related to mobile phone operation.

A. display the page after the lock screen.

B, after going back to the background, re-exhale to show at the front desk.

Buried point data check

Confirm the burial site together with BI and front-end students.

At this point, the study of "what to pay attention to in html5 testing" is over. I hope to be able to solve your doubts. The collocation of theory and practice can better help you learn, go and try it! If you want to continue to learn more related knowledge, please continue to follow the website, the editor will continue to work hard to bring you more practical articles!

Welcome to subscribe "Shulou Technology Information " to get latest news, interesting things and hot topics in the IT industry, and controls the hottest and latest Internet news, technology news and IT industry trends.