Method for automatically testing reduction degree of UI (user interface)

An automatic test and interface technology, applied in the direction of detecting faulty computer hardware, etc., can solve the problems of inability to meet large batches of UI interface tests, difficulty in unifying multiple test standards, time-consuming and cumbersome test process, etc., and achieve manual test efficiency Low cost, ensuring the accuracy of color testing and saving labor costs

Pending Publication Date: 2022-08-05
中电万维信息技术有限责任公司
View PDF0 Cites 1 Cited by
  • Summary
  • Abstract
  • Description
  • Claims
  • Application Information

AI Technical Summary

Problems solved by technology

Obviously, the prior art UI interface restoration test method needs manual execution, and the test results are slightly different each time, and the test process is time-consuming and cumbersome; and the standards for UI interface restoration test are different, and it is difficult to unify the test standards for multiple people. Large, there are hundreds or thousands of UI interfaces in the daily system, and the manual testing method cannot meet the needs of large-scale UI interface testing

Method used

the structure of the environmentally friendly knitted fabric provided by the present invention; figure 2 Flow chart of the yarn wrapping machine for environmentally friendly knitted fabrics and storage devices; image 3 Is the parameter map of the yarn covering machine
View more

Image

Smart Image Click on the blue labels to locate them in the text.
Viewing Examples
Smart Image
  • Method for automatically testing reduction degree of UI (user interface)

Examples

Experimental program
Comparison scheme
Effect test

Embodiment Construction

[0024] An automatic testing method for UI interface restoration degree, comprising the following steps:

[0025] S1. Fill in the HTML page address;

[0026] S2. Select the UI design interface as the basic file for comparison, and the file format suffix is ​​.psd or .sketch;

[0027] S3. Adjust the size of the HTML page and the UI design interface to the same display ratio;

[0028] S4. Compare the HTML page and the UI design interface by means of page overlay comparison, compare the UI design interface as the standard, mark the difference area, use the image comparison to compare and call the PageRuler.js plug-in from the page, from the Annotate HTML pages in multiple dimensions such as position layout, spacing, icon icons, dividing lines, text, pictures, wireframes, shadows, and colors;

[0029] S5. Export the labeling test results, and the format of the test results is .jpg or .png; the labeling test results include location keywords, label style difference size, and color...

the structure of the environmentally friendly knitted fabric provided by the present invention; figure 2 Flow chart of the yarn wrapping machine for environmentally friendly knitted fabrics and storage devices; image 3 Is the parameter map of the yarn covering machine
Login to view more

PUM

No PUM Login to view more

Abstract

The invention relates to the technical field of UI design assistance, in particular to a UI interface reduction degree automatic test method. The HTML page and the UI design interface are compared in a page superposition comparison mode, layer-by-layer splitting can be carried out when particularly complex graphs are compared, and superposition comparison is carried out after layer-by-layer comparison. And the situation that image elements are too complex and cannot be compared is avoided. Compared with a traditional method, the method has the advantages that manual testing is low in efficiency and non-uniform in standard, the UI restoration degree testing file can be labeled and suggested to be modified through comparison, automatic testing is carried out, and a restoration degree score is given. The UI designer can quickly and accurately complete the UI labeling of the pixel level, so that the writing cost between the designer and the engineer is reduced, and the UI designer and the engineer do not need to repeatedly check, accept and modify any more. A large amount of labor cost is saved, and the UI restoration degree testing efficiency is improved.

Description

technical field [0001] The invention relates to the technical field of UI design assistance, in particular to an automatic test method for UI interface restoration degree. Background technique [0002] With the rapid development of computer technology, there is an increasing demand for UI interface restoration testing of various devices. In the prior art, each HTML page is observed and compared by a UI designer, and is manually recorded to form a text of the reduction degree test result. Obviously, the UI interface restoration degree test method in the prior art needs to be performed manually, the test results are slightly different each time, and the test process is time-consuming and cumbersome; and the standards for UI interface restoration degree testing are different, and it is more difficult to unify the test standards for multiple people. In daily systems, there are hundreds or thousands of UI interfaces, and manual testing methods cannot meet the needs of large-scal...

Claims

the structure of the environmentally friendly knitted fabric provided by the present invention; figure 2 Flow chart of the yarn wrapping machine for environmentally friendly knitted fabrics and storage devices; image 3 Is the parameter map of the yarn covering machine
Login to view more

Application Information

Patent Timeline
no application Login to view more
Patent Type & Authority Applications(China)
IPC IPC(8): G06F11/22
CPCG06F11/221G06F11/2273
Inventor 朱璟吕婧祁海龙谢大凯
Owner 中电万维信息技术有限责任公司
Who we serve
  • R&D Engineer
  • R&D Manager
  • IP Professional
Why Eureka
  • Industry Leading Data Capabilities
  • Powerful AI technology
  • Patent DNA Extraction
Social media
Try Eureka
PatSnap group products

Browse by: Latest US Patents, China's latest patents, Technical Efficacy Thesaurus, Application Domain, Technology Topic.

© 2024 PatSnap. All rights reserved.Legal|Privacy policy|Modern Slavery Act Transparency Statement|Sitemap