Visual restoration degree verification method, system, equipment and medium

Abstract

The invention belongs to the technical field of intelligent logistics, and particularly relates to a visual reduction degree verification method, system and device and a medium, and the method comprises the steps: responding to a visual reduction degree test instruction triggered by a user: starting a corresponding plug-in or application; wherein the plug-in or the application is suspended on the upper layer of the client; displaying a to-be-tested page selected by the user; searching and displaying a corresponding design draft from a picture library of the plug-in or the application according to the to-be-tested page, and adjusting the size of the design draft according to the resolution of the current equipment of the client; wherein the design draft is a standard picture of the page to be tested; and comparing the to-be-tested page with the design manuscript covering the to-be-tested page so as to perform a visual reduction degree test.

Description

Technical Field

[0001] The present invention belongs to the technical field of intelligent logistics, and specifically relates to a visual restoration verification method, system, equipment and medium. Background Art

[0002] In the process of client software development, with the development of mobile Internet, the visual changes of mobile applications are becoming more frequent, the complexity of pages is also increasing, and the visual restoration test tasks generated by this are becoming more and more arduous. Especially for software applications of smart logistics platforms, most of the visual restoration tests of user interfaces are currently conducted manually.

[0003] After installing the application on the terminal device, the designer needs to manually take a screenshot of the page to be tested, and then use a design tool (such as Figma) to compare the design drawings and manually check the visual differences. If the page contains multiple states, this process needs to be repeated many times. However, this testing method has the disadvantages of high cost and low efficiency. Summary of the invention

[0004] In view of the shortcomings of the prior art mentioned above, the purpose of the present invention is to propose a method for verifying the visual restoration of a client of an intelligent logistics platform, which can automatically compare the test page and the corresponding design drawing to realize visual restoration testing, greatly reducing the workload of personnel and improving testing efficiency.

[0005] To achieve the above-mentioned purpose and other related purposes, the present invention provides a method for verifying visual restoration, which is applied to the client of an intelligent logistics platform, including: responding to a visual restoration test instruction triggered by a user: starting a corresponding plug-in or application; wherein the plug-in or application is suspended on the upper layer of the client; displaying a page to be tested selected by the user; searching and displaying a corresponding design draft from the gallery of the plug-in or application according to the page to be tested, and adjusting the size of the design draft according to the resolution of the device currently located at the client; wherein the design draft is a standard picture of the page to be tested; comparing the page to be tested with the design draft overlaid thereon to perform a visual restoration test.

[0006] According to a specific embodiment of the present invention, when the plug-in or application is started, it also includes: selecting design drafts from the local album of the device where the client is currently located, and importing them in batches to the plug-in or application; and / or downloading design drafts from a designated website or software application, and importing them in batches to the plug-in or application directly or indirectly.

[0007] According to a specific embodiment of the present invention, after the design draft is imported into the plug-in or application, it also includes: controlling the plug-in or application to merge the design drafts of the same series into a group; wherein, when any one of a group of design drafts is called, the other design drafts of the group are synchronously displayed in the switch bar of the plug-in or application for selection and switching of design drafts.

[0008] According to a specific embodiment of the present invention, the switch bar of the plug-in or application is configured to present the design draft in a horizontal / vertical list manner.

[0009] According to a specific embodiment of the present invention, the step of adjusting the size of the design draft according to the resolution of the device where the client is currently located includes: scaling the design draft proportionally according to the px and dp conversion coefficient between the resolutions.

[0010] According to a specific embodiment of the present invention, the step of comparing the page to be tested with the design draft overlaid thereon to perform a visual restoration test includes: controlling the plug-in or application to adjust the transparency of the design draft, and moving the position of the design draft to compare whether the image in the page to be tested and its corresponding design draft is consistent.

[0011] According to a specific embodiment of the present invention, the pages to be tested of the smart logistics platform application include: order details and itinerary list.

[0012] A visual restoration verification system is applied to the client of an intelligent logistics platform, comprising: a test startup module, used to start a corresponding plug-in or application; wherein the plug-in or application is suspended on the upper layer of the client; a first test preparation module, used to display a page to be tested selected by a user; a second test preparation module, used to search and display a corresponding design draft from a gallery of the plug-in or application according to the page to be tested, and adjust the size of the design draft according to the resolution of a device currently located at the client; wherein the design draft is a standard screen of the page to be tested; and a test execution module, used to compare the page to be tested with the design draft overlaid thereon, so as to perform a visual restoration test.

[0013] An electronic device includes a processor, wherein the processor is coupled to a memory, and the memory stores program instructions. When the program instructions stored in the memory are executed by the processor, the above-mentioned method is implemented.

[0014] A computer-readable storage medium includes a program. When the program is run on a computer, the computer is enabled to execute the method described above.

[0015] The present invention provides an automated visual restoration verification method, which can be applied on the client of the intelligent logistics platform, effectively avoiding tedious manual operations such as screenshots, uploading, and comparison. By directly importing the design draft into the test tool and authorizing the test tool to float on the upper layer of the client, the design draft can be covered on the page to be tested, and the above operations can be automatically executed by the client. Finally, the staff observes and identifies the consistency between the page to be tested and the design draft, which greatly improves the test efficiency and accuracy and reduces the workload of the staff. BRIEF DESCRIPTION OF THE DRAWINGS

[0016] Figure 1 A flowchart of a specific embodiment of a method for verifying visual restoration provided by the present invention; Figure 2 A schematic diagram of the structure of a specific embodiment of a visual restoration verification system provided by the present invention; Figure 3 The present invention provides a structural block diagram of a specific embodiment of an electronic device. DETAILED DESCRIPTION

[0017] In order to facilitate understanding of the present application, the present application will be described more fully below with reference to the relevant drawings. Embodiments of the present application are provided in the drawings. However, the present application can be implemented in many different forms and is not limited to the embodiments described herein. On the contrary, the purpose of providing these embodiments is to make the disclosure of the present application more thorough and comprehensive.

[0018] Unless otherwise defined, all technical and scientific terms used herein have the same meaning as those commonly understood by those skilled in the art to which this application belongs. The terms used herein in the specification of this application are only for the purpose of describing specific embodiments and are not intended to limit this application.

[0019] The following describes the embodiments of the present invention by specific examples, and those skilled in the art can easily understand other advantages and effects of the present invention from the contents disclosed in this specification. The present invention can also be implemented or applied through other different specific embodiments, and the details in this specification can also be modified or changed in various ways based on different viewpoints and applications without departing from the spirit of the present invention. It should be noted that the following embodiments and features in the embodiments can be combined with each other without conflict.

[0020] In the following description, numerous details are discussed to provide a more thorough explanation of the embodiments of the present invention. However, it is obvious to those skilled in the art that the embodiments of the present invention can be implemented without these specific details. In other embodiments, well-known structures and devices are shown in the form of block diagrams rather than in detail to avoid making the embodiments of the present invention difficult to understand.

[0021] Example 1 See also Figure 1 A visual restoration verification method shown is applied to the client of the intelligent logistics platform.

[0022] First, it is necessary to respond to the visual restoration test command triggered by the user. It can be understood here that the client of the intelligent logistics platform can be pre-configured with corresponding test functions so that the staff can perform visual restoration tests on some operation pages or detail pages of the client. Therefore, when the staff triggers the visual restoration test function in the client in different ways, the client needs to respond to the triggered visual restoration test command and perform the following steps to realize automated visual restoration testing.

[0023] Step S100, starting a corresponding plug-in or application; wherein the plug-in or application is suspended on an upper layer of the client.

[0024] It is understandable that the plug-in or application mentioned in this embodiment is a testing tool for comparing the page to be tested with the design draft. In practical applications, for example, it can be Figma software.

[0025] The traditional testing method usually requires opening the client of the smart logistics platform first, then manually taking a screenshot of the client's page to be tested and saving it to the local photo album, and finally opening the test tool and manually importing the page to be tested from the photo album into the test tool. At the same time, the corresponding design draft also needs to be manually imported into the test tool. Since the design draft is the standard screen of the page to be tested, the test tool is used to display the page to be tested and its corresponding design draft. For example, the page to be tested and the design draft are displayed on the device together in a left-right layout, or displayed on the device together in an up-down layout, etc., so that the staff can observe the page to be tested and its corresponding design draft at the same time, and identify whether the two are consistent, so as to judge the visual restoration of the page.

[0026] It can be seen that the above operation steps are extremely cumbersome, inefficient, and the comparison effect is poor. In this regard, in order to facilitate observation and identification of the difference between the page to be tested and its corresponding design draft, the test tool is authorized to float on the upper layer of the client to display the design draft.

[0027] It can be understood here that the original test tool and client cannot be displayed on the device at the same time. The device can only display the client's usage page when the client is used, or display the test tool's usage page when the test tool is used. Even if the client and test tool pages can be displayed side by side, it is not conducive to observing and identifying the visual restoration of the page.

[0028] However, when the client and the test tool are set up in an overlapping manner in the form of upper and lower layers, and the test tool is covered on the upper layer of the client, if a visual restoration test is needed on a certain page of the client, it is no longer necessary to manually take a screenshot and save it. After starting the client, the corresponding page can be directly opened, and the test tool can be enabled to display the design draft at the same time. By adjusting the transparency of the design draft through the test tool, the page can be directly compared to see if it is consistent with the design draft, and the above-mentioned tedious operations are no longer required. Moreover, this overlapping method is more conducive to improving the comparison effect of the page. For example, the restoration degree of the page can be judged according to whether the outlines of the patterns on the page overlap. Compared with the comparison method in which the pages are displayed in a left-right arrangement, it can effectively avoid the problem of staff observation errors.

[0029] It should also be noted that the plug-in or application can be a third-party tool or a local tool configured by the client, and there are no excessive restrictions on this. If it is a third-party tool, it needs to be installed in advance and can be linked to the client of the intelligent logistics platform so that the client can call its work. At the same time, it is also necessary to authorize it to float on the upper layer of the client so that it can be displayed on the upper layer of the client when the client calls its work. If it is a local tool of the client, the corresponding functions and permissions can be set in advance when making and writing the underlying code of the client, so that it can be displayed on the upper layer of the client when the client enables its work. Without departing from the spirit of the present invention, the modifications and embellishments made to the embodiments of the present invention by those skilled in the art still fall within the scope of the invention patent application of the present invention.

[0030] Step S200: displaying the page to be tested selected by the user.

[0031] As described above, the page to be tested selected by the staff is responded to and displayed. Specifically, in actual application, when the staff wants to test the client of the functional logistics platform, the corresponding usage scenario will be opened accordingly, and the client will respond to the staff's operation and display the corresponding page. For example, when the staff opens an order, the client will respond to its operation and display the order details page, or display the itinerary list page of the order, and so on.

[0032] It should be noted that the page to be tested includes but is not limited to the above, and can specifically be a display page or operation page of any business function of the client. No excessive restrictions are made on this. Without departing from the spirit of the present invention, the modifications and improvements made to the embodiments of the present invention by those skilled in the art still fall within the scope of the invention application patent of the present invention.

[0033] Of course, you can also switch the page to be tested at any time to test the visual restoration of different pages. It is understandable that the plug-in or application is suspended on the upper layer of the client, but it does not affect the operation and use of the client. Correspondingly, after a page test is completed, the page can be changed to continue testing. There are no excessive restrictions on this, and it is determined according to actual needs.

[0034] Step S300, searching and displaying the corresponding design draft from the gallery of the plug-in or application according to the page to be tested, and adjusting the size of the design draft according to the resolution of the device currently located at the client; wherein the design draft is a standard screen of the page to be tested.

[0035] Based on the above steps, after the client selects and displays the page to be tested accordingly, the plug-in or application needs to display the corresponding design draft, so as to compare the difference between the page to be tested and the design draft. In this regard, when the plug-in or application is started, the design draft can be imported into it. On the one hand, if the corresponding design draft is pre-stored in the local album of the device, it can be directly imported into the plug-in or application. On the other hand, if the design draft is not pre-stored in the device, it can be downloaded from a specified website or application through the Internet and imported into the plug-in or application. It can be understood here that the downloaded design draft can be directly imported into the plug-in or application, for example, by opening up the channel between the download platform of the design draft and the test tool; or the downloaded design draft can be stored in the local album first, and then imported from the local album into the plug-in or application. There is no excessive restriction on this. According to the actual situation, the design draft can be imported into the test tool directly or indirectly. The modifications and embellishments made to the embodiments of the present invention by those skilled in the art without departing from the spirit of the present invention still fall within the scope of the invention application of the present invention.

[0036] Furthermore, design drafts can be imported into plug-ins or software in batches to avoid repeated import operations. To this end, design drafts of the same series can be merged into a group and named accordingly. In actual applications, plug-ins or software calls can identify feature information or title names based on the page to be tested currently displayed by the client, and then select design drafts with corresponding names, and when any one of a group of design drafts is called, other design drafts of the group will also be synchronously displayed in the switch bar of the plug-in or application, so that staff can select and switch design drafts. For example, if the design draft automatically identified by the plug-in or application is inconsistent with the page to be tested, the staff can re-select from the design drafts in the same group; or, provide related design drafts so that the staff can manually switch when switching the page to be tested, and there are no excessive restrictions on this. At the same time, in order to facilitate the staff to view, the switch bar of the plug-in or application about the design draft can present the design draft in the form of a horizontal / vertical list and be located on one side of the current interface of the plug-in or application to avoid affecting the display of the design draft. For example, if the design draft is presented in the form of a horizontal list, the switch bar can be set on the upper / lower side of the plug-in or application user interface. If the design draft is presented in the form of a vertical list, the switch bar can be set on the left / right side of the plug-in or application user interface. Without departing from the spirit of the present invention, the modifications and embellishments made to the embodiments of the present invention by those skilled in the art still fall within the scope of the invention patent application of the present invention.

[0037] In addition, after selecting the design draft, the size of the design draft can be adjusted according to the resolution of the device. Specifically, in actual applications, the plug-in or software will automatically calculate and adjust, for example, according to the px and dp conversion coefficient between the resolutions, the design draft will be scaled proportionally to adapt to the display size of the device, so that the staff can better observe the difference between the page to be tested and the design draft.

[0038] It should be noted that the device mentioned in this embodiment can be a mobile phone, a computer, a tablet, etc., as long as it is a client that can install the intelligent logistics platform. There are no excessive restrictions on this. The modifications and improvements made to the embodiments of the present invention by those skilled in the art without departing from the spirit of the present invention still fall within the scope of the invention patent application of the present invention.

[0039] Step S400, comparing the page to be tested with the design draft overlaid thereon to perform a visual restoration test.

[0040] It can be understood here that based on the above operations, the client currently displays the page to be tested, and the plug-in or application displays the design draft, which is covered on the upper layer of the page to be tested. The staff can observe the overlap between the page to be tested and the design draft by dragging the design draft or adjusting the transparency, so as to judge the accuracy of visual restoration, that is, the visual consistency between the page to be tested and the design draft. In addition, for pages that exceed the device screen and can be scrolled, partial visual restoration comparison can also be performed by dragging the design draft.

[0041] It can be seen that the method provided in this embodiment is applied on the client of the intelligent logistics platform to perform visual restoration verification. No other ruler tools are required. The overlap between the page to be tested and the design draft can be directly observed for judgment, which greatly reduces the operating steps of the staff.

[0042] It should be noted that the step division of the above methods is only for clear description. When implemented, they can be combined into one step or some steps can be split and decomposed into multiple steps. As long as they contain the same logical relationship, they are all within the scope of protection of this patent; adding insignificant modifications to the algorithm or process or introducing insignificant designs without changing the core design of the algorithm and process are all within the scope of protection of this patent.

[0043] Example 2 See also Figure 2 As shown, this embodiment also provides a visual restoration verification system, which is applied to the client of the intelligent logistics platform, including: The test start module 10 is used to start the corresponding plug-in or application; wherein the plug-in or application is suspended on the upper layer of the client.

[0044] The first test preparation module 20 is used to display the page to be tested selected by the user.

[0045] The second test preparation module 30 is used to search and display the corresponding design draft from the gallery of the plug-in or application according to the page to be tested, and adjust the size of the design draft according to the resolution of the device currently located at the client; wherein the design draft is a standard screen of the page to be tested.

[0046] The test module 40 is used to compare the page to be tested with the design draft covered thereon to perform a visual restoration test.

[0047] It should be noted that the visual restoration verification system provided in the above embodiment and the visual restoration verification method provided in the above embodiment 1 belong to the same concept, wherein the specific manner in which each module and unit performs the operation has been described in detail in the method embodiment and will not be repeated here. In practical applications, the visual restoration verification method provided in the above embodiment 1 can allocate the above functions to different functional modules as needed, that is, divide the internal structure of the device into different functional modules to complete all or part of the functions described above, and this is not limited here.

[0048] Example 3 See also Figure 3 As shown, an embodiment of the present application further provides an electronic device, comprising a memory 2, a processor 1, and a program stored in the memory and executable on the processor, wherein the processor implements the steps of any of the above methods when executing the program.

[0049] Among them, the memory includes at least one type of readable storage medium, and the readable storage medium includes flash memory, mobile hard disk, multimedia card, card-type memory (for example: SD or DX memory, etc.), magnetic memory, disk, optical disk, etc. In some embodiments, the memory can be an internal storage unit of the electronic device, such as a mobile hard disk of the electronic device. In other embodiments, the memory can also be an external storage device of the electronic device, such as a plug-in mobile hard disk, a smart memory card (Smart Media Card, SMC), a secure digital (Secure Digital, SD) card, a flash card (Flash Card), etc. equipped on the electronic device. Further, the memory can also include both an internal storage unit of the electronic device and an external storage device. The memory can not only be used to store application software and various types of data installed in the electronic device, but also can be used to temporarily store data that has been output or is to be output.

[0050] In some embodiments, the processor may be composed of an integrated circuit, for example, a single packaged integrated circuit, or a plurality of packaged integrated circuits with the same or different functions, including one or more central processing units (CPUs), microprocessors, digital processing chips, graphics processors, and a combination of various control chips. The processor is the control core (Control Unit) of the electronic device, which connects the various components of the entire electronic device using various interfaces and lines, and executes various functions of the electronic device and processes data by running or executing programs or modules stored in the memory, and calling data stored in the memory.

[0051] The processor executes the operating system of the electronic device and various installed application programs. The processor executes the application programs to implement the steps in the above method embodiment.

[0052] Exemplarily, the program may be divided into one or more modules, which are stored in the memory and executed by the processor to complete the present invention. The one or more modules may be a series of program instruction segments capable of completing specific functions, which are used to describe the execution process of the program in the electronic device.

[0053] The above-mentioned integrated unit implemented in the form of software function modules can be stored in a computer-readable storage medium. The above-mentioned software function modules are stored in a storage medium and include several instructions for enabling a computer device (which can be a personal computer, a computer device, or a network device, etc.) or a processor to perform part of the functions of various embodiments of the present invention.

[0054] In summary, the present invention provides an automated visual restoration verification method, which can be applied on the client of the intelligent logistics platform, effectively avoiding tedious manual screenshot, upload, comparison and other operations. By directly importing the design draft to the test tool and authorizing the test tool to float on the upper layer of the client, the design draft can be covered on the page to be tested, and the above operations can be automatically executed by the client. Finally, the staff observes and identifies the consistency between the page to be tested and the design draft, which greatly improves the test efficiency and accuracy and reduces the workload of the staff.

[0055] The above embodiments are merely illustrative of the principles and effects of the present invention, and are not intended to limit the present invention. Anyone familiar with the technology may modify or change the above embodiments without violating the spirit and scope of the present invention. Therefore, all equivalent modifications or changes made by a person of ordinary skill in the art without departing from the spirit and technical ideas disclosed by the present invention shall still be covered by the claims of the present invention.

Claims

1. A method for verifying visual restoration, characterized in that: Clients applied to the intelligent logistics platform include: Respond to the visual restoration test command triggered by the user: Starting a corresponding plug-in or application; wherein the plug-in or application is suspended on an upper layer of the client; Display the page to be tested selected by the user; According to the page to be tested, the corresponding design draft is searched and displayed from the gallery of the plug-in or application, and the size of the design draft is adjusted according to the resolution of the device currently located at the client; wherein the design draft is a standard screen of the page to be tested; The page to be tested is compared with the design draft overlaid thereon to perform a visual restoration test.

2. The visual restoration verification method according to claim 1, characterized in that: When the plug-in or application is started, it also includes: Selecting designs from the local photo album of the device where the client is currently located, and importing them in batches to the plug-in or application; and / or Download the design draft from the specified website or software application, and import it into the plug-in or application in batches directly or indirectly.

3. The visual restoration verification method according to claim 2, characterized in that: After the design draft is imported into the plug-in or application, it also includes: Control the plug-in or application to merge the same series of design drafts into one group; When any one of a group of design drafts is called, other design drafts of the group are synchronously displayed in the switch bar of the plug-in or application for selection and switching of design drafts.

4. The method for verifying visual restoration according to claim 3, characterized in that: The switch bar of the plug-in or application is configured to present the design draft in a horizontal / vertical list manner.

5. The method for verifying visual restoration according to claim 1, characterized in that: The steps to adjust the size of the design draft according to the resolution of the client's current device include: Scale the design draft proportionally according to the px and dp conversion coefficient between resolutions.

6. The visual restoration verification method according to claim 1, characterized in that: The steps of comparing the page to be tested with the design draft overlaid thereon to perform a visual restoration test include: The plug-in or application is controlled to adjust the transparency of the design draft and move the position of the design draft to compare whether the image in the page to be tested is consistent with that in the corresponding design draft.

7. The visual restoration verification method according to claim 1, characterized in that: The pages to be tested of the smart logistics platform application include: order details and itinerary list.

8. A visual restoration verification system, characterized in that: Clients applied to the intelligent logistics platform include: A test startup module, used to start a corresponding plug-in or application; wherein the plug-in or application is suspended on the upper layer of the client; The first test preparation module is used to display the page to be tested selected by the user; The second test preparation module is used to search and display the corresponding design draft from the gallery of the plug-in or application according to the page to be tested, and adjust the size of the design draft according to the resolution of the device currently located by the client; wherein the design draft is a standard screen of the page to be tested; The test module is used to compare the page to be tested with the design draft covered thereon to perform a visual restoration test.

9. An electronic device, characterized in that: The method comprises a processor, wherein the processor is coupled to a memory, wherein the memory stores program instructions, and when the program instructions stored in the memory are executed by the processor, the method according to any one of claims 1 to 7 is implemented.

10. A computer-readable storage medium, characterized in that: The invention comprises a program, which, when being executed on a computer, causes the computer to execute the method according to any one of claims 1 to 7.

Images