A browser synchronization test method and related device

Abstract

Embodiments of the present application provide a browser synchronization test method and related equipment, which are used to improve the webpage test efficiency. The method of the embodiments of the present application comprises: determining the page configuration information of a browser to be maintained; determining the data interface of the browser according to the page configuration information, and obtaining the synchronization test instruction of the data interface; calling the synchronization test instruction to test the data interface, and obtaining the test result of the browser.

Description

Technical Field

[0001] This application relates to the field of Internet technology, and in particular to a method and related equipment. Background Technology

[0002] With the rapid development of internet technology, most information on the internet is now presented to users in the form of web pages.

[0003] For example, before a webpage is displayed, it needs to undergo compatibility testing on different browsers, screen resolutions, kernels, and operating systems on mobile devices. However, during web compatibility testing, testers need to repeatedly perform the same operations on different browsers, and it is impossible to guarantee that the data obtained by each browser is completely identical, making webpage compatibility testing time-consuming, labor-intensive, and inefficient. Summary of the Invention

[0004] This application provides a browser synchronization testing method and related equipment to improve webpage testing efficiency.

[0005] The first aspect of this application provides a browser synchronization testing method, applied to a server, including:

[0006] For the browser to be maintained, determine the browser's page configuration information;

[0007] The browser's data interface is determined based on the page configuration information, and the synchronization test instructions for the data interface are obtained;

[0008] The synchronous test command is invoked to test the data interface, and the test results of the browser are obtained.

[0009] Optionally, determining the page configuration information of the browser to be maintained includes:

[0010] Set the target runtime environment of the server, and determine the target container image of the browser based on the target runtime environment;

[0011] The browser version information is determined based on the target container image, and the page configuration information of the browser is configured based on the version information.

[0012] Optionally, before determining the browser's data interface based on the page configuration information, the method further includes:

[0013] A display page for operation is provided, which includes network control controls.

[0014] A communication connection with the browser is established based on the network control controls, and a data interface for the browser is established based on the communication connection.

[0015] Optionally, the step of obtaining the synchronization test command of the data interface includes:

[0016] In response to the user's operation command on the operation display page, the test command pre-stored in the command database is called through the data interface;

[0017] The test instruction is identified as the synchronous test instruction.

[0018] Optionally, before obtaining the synchronization test command of the data interface, the method further includes:

[0019] The instruction database is configured, and the instruction database includes test instructions for different test types;

[0020] A test instruction list is generated based on the test instructions for the different test types, and a test execution function is configured for each test instruction; wherein, the test execution function is used to execute the test process corresponding to the test instruction;

[0021] Trigger a webpage operation request corresponding to the operation instruction, and execute the test execution function according to the webpage operation request to execute the test instructions pre-stored in the data interface call instruction database.

[0022] Optionally, the step of calling the synchronous test command to test the data interface and obtain the test results of the browser includes:

[0023] The test execution function is invoked to test the data interface in order to access the page configuration information of the browser;

[0024] Perform test operations on the browser based on the page configuration information and obtain the operation result data;

[0025] The test results are generated based on the operation result data and the browser's preset operation data.

[0026] Optionally, after obtaining the test results of the browser, the method further includes:

[0027] The test results for different browsers will be displayed on the operation display page.

[0028] A second aspect of this application provides a browser synchronization testing system applied on a server side, comprising:

[0029] The determining unit is used to determine the page configuration information of the browser to be maintained;

[0030] The acquisition unit is used to determine the browser's data interface based on the page configuration information and acquire the synchronization test instructions of the data interface;

[0031] The calling unit is used to call the synchronous test instruction to test the data interface and obtain the test results of the browser.

[0032] The second aspect of this application provides a method for performing the browser synchronization test described in the first aspect.

[0033] A third aspect of this application provides a browser synchronization testing device, comprising:

[0034] Central processing unit, memory, input / output interfaces, wired or wireless network interfaces, and power supply;

[0035] The memory is either a short-term storage memory or a persistent storage memory;

[0036] The central processing unit is configured to communicate with the memory and execute instructions in the memory to perform the browser synchronization testing method described in the first aspect.

[0037] A fourth aspect of this application provides a computer-readable storage medium, characterized in that the computer-readable storage medium includes instructions that, when executed on a computer, cause the computer to perform the browser synchronization testing method described in the first aspect.

[0038] As can be seen from the above technical solutions, the embodiments of this application have the following advantages: The browser synchronization testing method disclosed in this application first determines the browser's page configuration information for the browser to be maintained; then, based on the page configuration information, it determines the browser's data interface and obtains the synchronization test instructions for the data interface; finally, it calls the synchronization test instructions to test the data interface and obtains the browser's test results. Therefore, based on the browser's page configuration information, it determines the page execution status of different web clients, thereby improving the testing efficiency of web compatibility. Attached Figure Description

[0039] To more clearly illustrate the technical solutions in the embodiments of this application, the accompanying drawings used in the description of the embodiments will be briefly introduced below. Obviously, the accompanying drawings described below are only some embodiments recorded in this application. For those skilled in the art, other drawings can be obtained based on these drawings.

[0040] Figure 1This is a flowchart illustrating a browser synchronization testing method disclosed in an embodiment of this application;

[0041] Figure 2 This is a flowchart illustrating another browser synchronization testing method disclosed in an embodiment of this application;

[0042] Figure 3 This is a schematic diagram of a browser-synchronized page disclosed in an embodiment of this application;

[0043] Figure 4 This is a schematic diagram of the structure of a browser synchronization testing system disclosed in an embodiment of this application;

[0044] Figure 5 This is a schematic diagram of the structure of a browser synchronization testing device disclosed in an embodiment of this application. Detailed Implementation

[0045] The technical solutions of the embodiments of this application will be clearly and completely described below with reference to the accompanying drawings. Obviously, the described embodiments are only some embodiments of this application, and not all embodiments. Based on the embodiments of this application, all other embodiments obtained by those skilled in the art without creative effort are within the scope of protection of this application.

[0046] It should be noted in advance that the technical solution of this application is mainly designed in a testing system, which can be designed to be driven by four major blocks: WEB front-end, server, synchronization driver and browser pool, which will be described in detail later.

[0047] Please see Figure 1 , Figure 1 This is a flowchart illustrating a browser synchronization testing method disclosed in an embodiment of this application. It includes steps 101-103.

[0048] 101. For the browser to be maintained, determine the browser's page configuration information.

[0049] It should be noted beforehand that, in one specific implementation of this embodiment, Python can be used as the base language to build the web front-end and server-side connection, and a synchronization driver can provide global command calls to the browser pool to perform synchronization tasks. Specifically, in this embodiment, for the available browsers to be maintained, the page configuration information of the available browsers is determined.

[0050] In one specific embodiment, an available browser is maintained in the browser, and at the same time, the configuration file of the available browser is pulled from the local container management system to maintain the corresponding browser configuration information, namely the page configuration information described above.

[0051] 102. Determine the browser's data interface based on the page configuration information and obtain the synchronization test instructions for the data interface.

[0052] Once the page configuration information of an available browser is determined, the data interface of that browser can be determined based on that page configuration information, and then the synchronization test instructions for that available browser can be obtained based on that data interface.

[0053] In one specific embodiment, the available browser can be displayed on the web front end. The data interface between the available browser and the server is determined through page configuration information. The server can then call local scripts based on this data interface to achieve subsequent synchronization. Specifically, the web browser uses this data interface to determine the corresponding test instruction library, which is set within the synchronization drive block. Specifically, this test instruction library contains various task instructions and their related configuration files, thus allowing synchronization test instructions for the available browser to be determined based on the data interface.

[0054] 103. Call the synchronous test command to test the data interface and obtain the test results from the browser.

[0055] Based on the synchronous test command obtained in step 102, the synchronous test command can be called to test the data interface, thereby obtaining the test results of the browser.

[0056] In one specific embodiment, a synchronous test command is invoked, which is executed by the server to call the data interface. This synchronously drives the call to an available browser, thereby displaying the test results of the available browser on the web front-end interface.

[0057] Based on the above embodiments, in another specific embodiment, the test result can be the operation result and interaction result of an available browser. Correspondingly, the web front-end interface can display the test results of multiple different available browsers; no specific limitation is made here.

[0058] This embodiment discloses a browser synchronization testing method that first determines the browser's page configuration information for the browser to be maintained; then, based on the page configuration information, it determines the browser's data interface and obtains the synchronization test instructions for the data interface; finally, it calls the synchronization test instructions to test the data interface and obtains the browser's test results. Therefore, by determining the page execution status of different web clients based on the browser's page configuration information, it improves the efficiency of web compatibility testing.

[0059] To better understand the browser synchronization testing method described above, please refer to [link / reference]. Figure 2 , Figure 2This is a flowchart illustrating another browser synchronization testing method disclosed in an embodiment of this application. It includes steps 201-208.

[0060] 201. Set the target runtime environment for the server and determine the target container image for the browser based on the target runtime environment.

[0061] Since different browsers have different runtime environments, it is necessary to set the target runtime environment on the server side, and then determine the target container image of the browser based on the target runtime environment.

[0062] In one specific implementation, all available browsers can be maintained in a browser pool. Specifically, the server's runtime environment is determined using Selenoid's local container management system. Then, by executing the corresponding command-line commands on the server to install the Docker environment and pull the Selenoid and Elenoid-UI container images, the browser's container image can be determined.

[0063] Based on the above embodiments, the command lines described above can be understood as commands (or instructions) for installing the runtime environment or pulling container images, and no specific command line is limited here.

[0064] 202. Determine the browser version information based on the target container image, and configure the browser's page configuration information based on the version information.

[0065] Once the target container image of an available browser is determined, the version information of the available browser can be determined, and the page configuration information of the browser can be configured based on the corresponding version information.

[0066] In one specific embodiment, after the target container image is installed, the browser version of the available browser is retrieved, and the corresponding browser information is configured in the config / browsers.json configuration file accordingly.

[0067] Based on the above embodiments, the page configuration information of the available browser can also be maintained in the configuration file. Specifically, it can be verified whether the configuration information of the available browser is the same as the configuration information for that browser in the configuration file. If the two configuration information are different, adjustments are made. If the two configuration information are the same, maintenance is performed. No specific restrictions are placed on the specific maintenance method here.

[0068] 203. Display the operation page and establish a communication connection with the browser based on the network control controls, so as to establish a data interface for the browser based on the communication connection.

[0069] After determining the page configuration information of the available browser, the operation display page can be displayed, and a communication connection with the browser can be established based on the network control space on the operation display page. The data interface of the browser can then be established based on this communication connection.

[0070] In one specific embodiment, an operation display page is shown on the web front end. Specifically, it may display an available browser and a virtual network console (VNC). Thus, VNC can establish a communication connection with the browser, enabling remote desktop access and control via the web browser, thereby establishing a data interface with the available browser.

[0071] For easier understanding, please refer to Figure 3 , Figure 3 This is a schematic diagram of a browser-synchronized page disclosed in an embodiment of this application. Specifically, it is... Figure 3 As can be seen, this page is a VNC display page. The left side of this display page can be understood as the specific page that the user will need to access later, while the right side corresponds to the display page for different browsers. Specifically, page 1, page 2, or page 3 correspond to browser 1, browser 2, or browser 3, respectively. For ease of description, only one browser will be described in detail below. No specific browser will be restricted here.

[0072] 204. Determine the browser's data interface based on the page configuration information, and set up the instruction database to generate a test instruction list based on test instructions for different test types, and configure a test execution function for any test instruction.

[0073] After identifying all data interfaces, the corresponding data interfaces for available browsers can be determined based on the page configuration information. This allows for the setup of a specific instruction database, generating a list of test instructions for different test types, and configuring a test execution function for each instruction. It's easy to understand that the test execution function is used to execute the test process corresponding to the test instruction.

[0074] In one specific embodiment, the data interface between the server and the browser is determined based on the page configuration information, thereby calling a local script. Specifically, this local script is an npm library that can be called independently. This library is the command database described above, which can provide global command execution for synchronous operation tasks. This npm tool is installed globally into the system via sudo npm i-gyutu-tools, and mainly provides the following two types of command-line functions: (1) yutu init, which can initialize the task directory and configuration files; (2) yutu start, which can execute tasks and output logs. It is easy to understand that yutu init and yutu start described above are test commands for different test types. The corresponding command lines are the relevant test execution functions.

[0075] 205. Trigger the webpage operation request corresponding to the operation command, and execute the test execution function according to the webpage operation request to respond to the user's operation command on the operation display page. Call the test command pre-stored in the command database through the data interface, and identify the test command as the synchronous test command.

[0076] Therefore, after a user triggers a webpage operation request corresponding to an operation command, the test execution function can be executed according to the webpage operation request, thereby responding to the user's operation command on the operation display page, and calling the test command pre-stored in the command database through the data interface. This test command is the synchronous test command.

[0077] In one specific embodiment, after constructing the task execution environment, the server can implement subsequent synchronous driving based on the user's operation instructions on the display page. Specifically, based on the user's webpage operation request (such as clicking, refreshing, or going back), the corresponding test execution function is loaded, and the corresponding test instructions are called according to the test execution function, thereby invoking the corresponding browser to perform the operation.

[0078] 206. Call the test execution function to test the data interface in order to retrieve the browser's page configuration information.

[0079] Therefore, after confirming the test command as a synchronous test command, corresponding operations can be performed on the web front-end page. Specifically, the test execution function can be called to test the data interface, thereby accessing the page configuration information of the available browser.

[0080] In one specific embodiment, a specific web front-end page performs the corresponding operation. This operation can be performed by using an HTTP request to invoke a server-side data interface via a test execution function, thereby retrieving page configuration information from an available browser.

[0081] Based on the above embodiments, in another specific embodiment, the option to invoke a remote browser can be configured in the config.json file, and then the task of synchronously invoking the browser can be executed via command line. Specifically, the page configuration information of an available browser is loaded via the relevant command line.

[0082] 207. Perform test operations on the browser according to the page configuration information, obtain the operation result data, and generate test results based on the operation result data and the browser's preset operation data.

[0083] After determining the available browser's test interface and its page configuration information, test operations can be performed on the browser according to the page configuration information to obtain the corresponding operation result data. Then, test results can be generated based on the operation result data and the browser's preset operation data.

[0084] In one specific embodiment, the relevant test process can be determined based on page configuration information. Thus, after installing the Python environment, socket server, and web driver client, the server interacts with the browser driver within the Selenoid container image, invoking the browser to perform operations and obtain operation result data. Correspondingly, since specific test data is needed when performing synchronous testing on the browser, preset operation data also needs to be configured. Therefore, the test results of the available browser can be determined based on the aforementioned test data and preset operation data. For details, please refer to the description of the test results in step 103.

[0085] 208. The test results for different browsers will be displayed on the operation display page.

[0086] After completing the testing process and obtaining the test results, the test results for different browsers can be displayed on the operation display page.

[0087] In one specific embodiment, VNC connection is used to display the operation results and interactions of different browsers on the web front-end interface.

[0088] This embodiment discloses a browser synchronization testing method that, by constructing a testing system that operates one type of browser while simultaneously operating other browsers, allows for real-time monitoring of the execution status of different browsers on the web front end. It also includes logging and automated script execution, thereby improving the efficiency of web compatibility testing. Furthermore, a synchronization driver can provide global command calls to the browser pool to execute synchronization tasks, enabling real-time monitoring of the execution status on the front end. If errors occur, the affected browsers can be synchronized.

[0089] It should be understood that although the steps in the flowcharts of the embodiments described above are shown sequentially according to the arrows, these steps are not necessarily executed in the order indicated by the arrows. Unless explicitly stated herein, there is no strict order restriction on the execution of these steps, and they can be executed in other orders. Moreover, at least some steps in the flowcharts of the embodiments described above may include multiple steps or multiple stages. These steps or stages are not necessarily completed at the same time, but can be executed at different times. The execution order of these steps or stages is not necessarily sequential, but can be performed alternately or in turn with other steps or at least some of the steps or stages of other steps.

[0090] If the plan involves sensitive information (such as user information or corporate information), it should state that the collection, use, and processing of sensitive information must comply with the laws, regulations, and standards of the relevant countries and regions, and must be carried out with the permission or consent of the relevant entities (such as users or enterprises).

[0091] Please see Figure 4 , Figure 4 This is a schematic diagram of the structure of a browser synchronization testing system disclosed in an embodiment of this application.

[0092] Unit 401 is used to determine the page configuration information of the browser to be maintained.

[0093] The acquisition unit 402 is used to determine the browser's data interface based on the page configuration information and to acquire the synchronization test instructions of the data interface;

[0094] Unit 403 is used to invoke synchronous test instructions to test the data interface and obtain the test results from the browser.

[0095] For example, the system further includes: a setting unit 404;

[0096] Setting unit 404 is used to set the target runtime environment of the server and determine the target container image of the browser based on the target runtime environment;

[0097] The determining unit 401 is specifically used to determine the browser version information based on the target container image, so as to configure the browser's page configuration information based on the version information.

[0098] For example, the system further includes: a display unit 405 and a creation unit 406;

[0099] Display unit 405 is used to display an operation display page, which includes network control controls;

[0100] Establishment unit 406 is used to establish a communication connection with the browser based on the network control control, so as to establish a data interface of the browser based on the communication connection.

[0101] For example, the system includes:

[0102] The calling unit 403 is specifically used to respond to the user's operation instructions on the operation display page and call the test instructions pre-stored in the instruction database through the data interface;

[0103] The determination unit 401 is specifically used to determine the test instruction as a synchronous test instruction.

[0104] For example, the system further includes: a generation unit 407 and an execution unit 408;

[0105] Setting unit 404 is also used to set up an instruction database, which includes test instructions for different test types;

[0106] The generation unit 407 is used to generate a list of test instructions based on test instructions of different test types, and to configure a test execution function for any test instruction; wherein, the test execution function is used to execute the test process corresponding to the test instruction;

[0107] The execution unit 408 is used to trigger a web page operation request corresponding to the operation instruction, and execute the test execution function according to the web page operation request to execute the steps of the test instructions pre-stored in the data interface call instruction database.

[0108] For example, the system includes:

[0109] Unit 403 is specifically used to call the test execution function to test the data interface in order to call the browser's page configuration information;

[0110] Unit 402 is specifically used to perform test operations on the browser based on the page configuration information and obtain the operation result data.

[0111] The generation unit 407 is specifically used to generate test results based on the operation result data and the browser's preset operation data.

[0112] For example, the system also includes:

[0113] Display unit 405 is also used to display test results for different browsers on the operation display page.

[0114] Please refer to the following: Figure 5 The schematic diagram of a browser synchronization testing device disclosed in this application includes:

[0115] Central processing unit 501, memory 505, input / output interface 504, wired or wireless network interface 503, and power supply 502;

[0116] Memory 505 is either a short-term storage memory or a persistent storage memory;

[0117] The central processing unit 501 is configured to communicate with the memory 505 and execute instructions stored in the memory 505 to perform the aforementioned operations. Figure 1 or Figure 2 The browser synchronization testing method in the illustrated embodiment.

[0118] This application also provides a chip system, characterized in that the chip system includes at least one processor and a communication interface, the communication interface and the at least one processor are interconnected via a circuit, and the at least one processor is used to run computer programs or instructions to perform the aforementioned... Figure 1 or Figure 2 The browser synchronization testing method in the illustrated embodiment.

[0119] Those skilled in the art will clearly understand that, for the sake of convenience and brevity, the specific working processes of the systems, devices, and units described above can be referred to the corresponding processes in the foregoing method embodiments, and will not be repeated here.

[0120] In the several embodiments provided in this application, it should be understood that the disclosed systems, apparatuses, and methods can be implemented in other ways. For example, the apparatus embodiments described above are merely illustrative; for instance, the division of units is only a logical functional division, and in actual implementation, there may be other division methods. For example, multiple units or components may be combined or integrated into another system, or some features may be ignored or not executed. Furthermore, the coupling or direct coupling or communication connection shown or discussed may be an indirect coupling or communication connection between apparatuses or units through some interfaces, and may be electrical, mechanical, or other forms.

[0121] The units described as separate components may or may not be physically separate. The components shown as units may or may not be physical units; that is, they may be located in one place or distributed across multiple network units. Some or all of the units can be selected to achieve the purpose of this embodiment according to actual needs.

[0122] Furthermore, the functional units in the various embodiments of this application can be integrated into one processing unit, or each unit can exist physically separately, or two or more units can be integrated into one unit. The integrated unit can be implemented in hardware or as a software functional unit.

[0123] If the integrated unit is implemented as a software functional unit and sold or used as an independent product, it can be stored in a computer-readable storage medium. Based on this understanding, the technical solution of this application, in essence, or the part that contributes to the prior art, or all or part of the technical solution, can be embodied in the form of a software product. This computer software product is stored in a storage medium and includes several instructions to cause a computer device (which may be a personal computer, server, or network device, etc.) to execute all or part of the steps of the methods described in the various embodiments of this application. The aforementioned storage medium includes various media capable of storing program code, such as USB flash drives, portable hard drives, read-only memory (ROM), random access memory (RAM), magnetic disks, or optical disks.

Claims

1. A browser synchronization testing method, characterized in that, Applied to the server side, the method includes: For the browser to be maintained, determine the browser's page configuration information; The method further includes: determining the browser's data interface based on the page configuration information, and obtaining the synchronous test instruction of the data interface; prior to obtaining the synchronous test instruction of the data interface, the method further includes: setting an instruction database, the instruction database including test instructions of different test types; generating a test instruction list based on the test instructions of different test types, and configuring a test execution function for any test instruction; wherein, the test execution function is used to execute the test process corresponding to the test instruction; obtaining the synchronous test instruction of the data interface includes: responding to the user's operation instruction on the operation display page, triggering a web page operation request corresponding to the operation instruction, and executing the test execution function according to the web page operation request, so as to call the test instruction pre-stored in the instruction database through the data interface, and determining the test instruction as the synchronous test instruction; The synchronous test command is invoked to test the data interface, and the test results of the browser are obtained.

2. The browser synchronization testing method according to claim 1, characterized in that, For the browser to be maintained, determining the browser's page configuration information includes: Set the target runtime environment of the server, and determine the target container image of the browser based on the target runtime environment; The browser version information is determined based on the target container image, and the page configuration information of the browser is configured based on the version information.

3. The browser synchronization testing method according to claim 1, characterized in that, Before determining the browser's data interface based on the page configuration information, the method further includes: The operation display page is displayed, and the operation display page includes network control controls; A communication connection with the browser is established based on the network control controls, and a data interface for the browser is established based on the communication connection.

4. The browser synchronization testing method according to claim 1, characterized in that, The step of calling the synchronous test command to test the data interface and obtaining the browser's test results includes: The test execution function is invoked to test the data interface in order to access the page configuration information of the browser; Perform test operations on the browser based on the page configuration information and obtain the operation result data; The test results are generated based on the operation result data and the browser's preset operation data.

5. The browser synchronization testing method according to claim 1, characterized in that, After obtaining the test results of the browser, the method further includes: The test results for different browsers will be displayed on the operation display page.

6. A browser synchronization testing system, characterized in that, The system, applied to the server side, includes: The setup unit is used to set up the instruction database, which includes test instructions for different test types. The generation unit is used to generate a list of test instructions based on test instructions of different test types, and to configure a test execution function for any test instruction; wherein, the test execution function is used to execute the test process corresponding to the test instruction; The determining unit is used to determine the page configuration information of the browser to be maintained; The acquisition unit is used to determine the browser's data interface based on the page configuration information and acquire the synchronous test instruction of the data interface; the acquisition of the synchronous test instruction of the data interface includes: responding to the user's operation instruction on the operation display page, triggering a web page operation request corresponding to the operation instruction, and executing the test execution function according to the web page operation request, so as to call the test instruction pre-stored in the instruction database through the data interface, and determining the test instruction as the synchronous test instruction; The calling unit is used to call the synchronous test instruction to test the data interface and obtain the test results of the browser.

7. A browser synchronization testing device, characterized in that, The device includes: Central processing unit, memory, input / output interfaces, wired or wireless network interfaces, and power supply; The memory is either a short-term storage memory or a persistent storage memory; The central processing unit is configured to communicate with the memory and execute instructions in the memory to perform the browser synchronization testing method according to any one of claims 1 to 5.

8. A computer-readable storage medium, characterized in that, The computer-readable storage medium includes instructions that, when executed on a computer, cause the computer to perform the browser synchronization testing method as described in any one of claims 1 to 5.

Images