Search

CN-121979784-A - Method and device for detecting multi-level structure conflict of client page

CN121979784ACN 121979784 ACN121979784 ACN 121979784ACN-121979784-A

Abstract

The invention provides a method and a device for detecting conflict of a client page multi-level structure, and relates to the technical field of UI (user interface) testing. The method comprises the steps of building a multi-device multi-system test cluster and a cross-platform test frame, integrating a rule engine with the cross-platform test frame, enabling the rule engine to be used for configuring a hierarchical priority rule, generating a multi-level combined scene based on a hierarchical component type and the hierarchical priority rule, injecting dynamic behaviors triggered by simulated user interaction operation and multiple extreme scenes to generate the dynamic test scene, simulating concurrent user operation in the multi-device multi-system test cluster based on the dynamic test scene, verifying event distribution logic, synchronously controlling and recording rendering data, verifying the rationality of the hierarchical level from three dimensions of a Z-axis hierarchical level, a display time sequence and a focus state based on the rendering data, obtaining a verification result, and generating and outputting a three-dimensional conflict positioning report based on the verification result. And full scene automatic detection of complex page multi-level conflict is realized.

Inventors

  • SHU WEI
  • GUO MANLI
  • TANG CHANGLI

Assignees

  • 广州心娱网络科技有限公司

Dates

Publication Date
20260505
Application Date
20251225

Claims (10)

  1. 1. The method for detecting the conflict of the multi-level structure of the client page is characterized by comprising the following steps of: Constructing a multi-equipment multi-system test cluster and a cross-platform test framework, wherein the cross-platform test framework is integrated with a rule engine, and the rule engine is used for configuring a hierarchical priority rule; Generating a multi-level combined scene based on the level component type and the level priority rule, and injecting a dynamic behavior triggered by simulated user interaction operation and various extreme scenes to generate a dynamic test scene; simulating concurrent user operation in the multi-equipment multi-system test cluster based on the dynamic test scene, verifying event distribution logic, and synchronously controlling and recording rendering data; based on the rendering data, verifying the rationality of the hierarchy from three dimensions of a Z-axis hierarchy, a display time sequence and a focus state to obtain a verification result; And generating and outputting a three-dimensional conflict positioning report based on the verification result, wherein the three-dimensional conflict positioning report comprises a hierarchy detection result, a time axis map, a focus state snapshot, abnormal equipment or a scene.
  2. 2. The method for detecting the conflict of the multi-hierarchy structure of the client page according to claim 1, wherein the obtaining the verification result from the three-dimensional verification level rationality of the Z-axis level, the display time sequence and the focus state comprises: acquiring Z-axis hierarchical information of all components of a page, and verifying whether the components are rendered according to business rules through hierarchical topology analysis; capturing time sequence data in dynamic change, and verifying the correctness of display sequence and state switching; and constructing a focus tree, dynamically detecting the page focus state, ensuring the accuracy of focus acquisition and loss, and identifying the potential focus competing problem.
  3. 3. The method for detecting a client page multi-hierarchy conflict according to claim 1, wherein simulating concurrent user operations in the multi-device multi-system test cluster based on the dynamic test scenario, verifying event distribution logic, and synchronously managing record rendering data comprises: simulating concurrent operation of users through an automatic script, and verifying correctness of event distribution logic; and synchronously controlling the loading sequence, the animation time axis and the focus switching of the assembly, and recording the page rendering state and the key time point.
  4. 4. The method for detecting a conflict of a multi-hierarchy structure of a client page according to claim 1, wherein the dynamic test scenario further comprises differentiated test cases corresponding to different devices in the multi-device multi-system test cluster.
  5. 5. The method for detecting a client page multi-hierarchy conflict as recited in claim 4, wherein the differentiated test case comprises: Detecting animation stuck and rendering delay in the low-end equipment; The stability of the multitasking scenario is verified in the high-end device.
  6. 6. The method for detecting client page multi-hierarchy conflicts in claim 1, wherein the hierarchy component types comprise popup, floating layer, animation layer, static component.
  7. 7. The method for detecting the client page multi-hierarchy conflict according to claim 1, wherein the user interaction operation comprises clicking operation, sliding operation, switching operation and input operation, and the extreme scenes comprise a weak network scene, a device high-load operation scene and a device low-memory operation scene.
  8. 8. The utility model provides a detection device that client page multilevel structure conflicted which characterized in that includes: The system comprises a building module, a control module and a control module, wherein the building module is used for building a multi-equipment multi-system test cluster and a cross-platform test frame, the cross-platform test frame is integrated with a rule engine, and the rule engine is used for configuring a hierarchical priority rule; The first generation module is used for generating a multi-level combined scene based on the level component type and the level priority rule, injecting dynamic behaviors triggered by simulated user interaction operation and various extreme scenes, and generating a dynamic test scene; The test module is used for simulating concurrent user operation in the multi-equipment multi-system test cluster based on the dynamic test scene, verifying event distribution logic and synchronously managing and controlling the record rendering data; The verification module is used for verifying the level rationality from three dimensions of a Z-axis level, a display time sequence and a focus state based on the rendering data to obtain a verification result; and the second generation module is used for generating and outputting a three-dimensional conflict positioning report based on the verification result, wherein the three-dimensional conflict positioning report comprises a hierarchy detection result, a time axis map, a focus state snapshot, abnormal equipment or a scene.
  9. 9. An electronic device comprising a memory, a processor and a computer program stored on the memory and executable on the processor, wherein the processor implements the method for detecting client page multi-hierarchy conflicts according to any one of claims 1 to 7 when executing the program.
  10. 10. A non-transitory computer readable storage medium having stored thereon a computer program, wherein the computer program when executed by a processor implements a method of detecting a client page multi-hierarchy conflict as in any of claims 1 to 7.

Description

Method and device for detecting multi-level structure conflict of client page Technical Field The invention relates to the technical field of UI (user interface) testing, in particular to a method and a device for detecting conflict of a client page multi-level structure. Background With the increasing complexity of mobile application UI (user interface) interaction, a client page often includes a multi-level stack structure of static components, popup windows, floating layers, animation layers, and the Z-axis priority, display timing, and focus allocation among the components directly affect user experience. The current testing means for page structures mainly depend on manual testing and traditional UI automatic testing, but have obvious defects: The manual test depends on the operation of a tester to judge whether the page hierarchical structure meets the expectations, and the problems of high combination complexity, strong judgment subjectivity, unrepeatable verification and the like are faced, so that detail problems such as view shielding, focus conflict and the like are difficult to find. Particularly, under extreme scenes such as low-end equipment, animation superposition, network blocking and the like, manual testing is difficult to stably restore and find out abnormal levels The traditional UI automation test simulates user operation through a script, and most of the UI automation test adopts linear operation scripts, lacks page structure modeling capability, and cannot judge the Z-axis priority, shielding relation or focus state of the component. The verification range is limited to a single-path flow, and hierarchy conflicts in multi-state and multi-component crossing scenes are difficult to automatically identify. In addition, current tests rely on hard-coded configurations, with high maintenance costs, and difficulty in adapting to frequently changing business rules and component levels. Therefore, the existing testing means is insufficient in coverage and inaccurate in positioning in coping with conflict problems such as shielding of a page multi-level structure, focus conflict and event interception, and the quality assurance requirement of a high-complexity UI structure is difficult to meet. Disclosure of Invention The invention provides a method and a device for detecting conflict of a multi-level structure of a client page, which are used for solving the defects of incomplete coverage, inaccurate positioning and high maintenance cost of the conflict detection of the multi-level structure of the client page by the existing test means, realizing full-scene automatic detection of the multi-level conflict of the complex page, improving test efficiency and precision and adapting to the requirements of dynamic change of business and compatibility of multiple devices. The invention provides a method for detecting conflict of a multi-level structure of a client page, which comprises the following steps: Constructing a multi-equipment multi-system test cluster and a cross-platform test framework, wherein the cross-platform test framework is integrated with a rule engine, and the rule engine is used for configuring a hierarchical priority rule; Generating a multi-level combined scene based on the level component type and the level priority rule, and injecting a dynamic behavior triggered by simulated user interaction operation and various extreme scenes to generate a dynamic test scene; simulating concurrent user operation in the multi-equipment multi-system test cluster based on the dynamic test scene, verifying event distribution logic, and synchronously controlling and recording rendering data; based on the rendering data, verifying the rationality of the hierarchy from three dimensions of a Z-axis hierarchy, a display time sequence and a focus state to obtain a verification result; And generating and outputting a three-dimensional conflict positioning report based on the verification result, wherein the three-dimensional conflict positioning report comprises a hierarchy detection result, a time axis map, a focus state snapshot, abnormal equipment or a scene. According to the method for detecting the conflict of the multi-level structure of the client page, The three-dimensional verification level rationality from the Z-axis level, the display time sequence and the focus state is used for obtaining a verification result, and the method comprises the following steps: acquiring Z-axis hierarchical information of all components of a page, and verifying whether the components are rendered according to business rules through hierarchical topology analysis; capturing time sequence data in dynamic change, and verifying the correctness of display sequence and state switching; and constructing a focus tree, dynamically detecting the page focus state, ensuring the accuracy of focus acquisition and loss, and identifying the potential focus competing problem. According to the method for detecting the confli