Automatically testing a web application that has independent display trees

A computer-implemented method for automatically testing a web application, the computer-implemented method comprising:

• determining that the web application has completely displayed in a graphical user interface of a web browser using a consistent global page state, wherein the web application comprises a web component and a visualization component, wherein the web component is displayed in the graphical user interface using a first display tree, and wherein the visualization component is displayed using a second display tree;
• verifying that the visualization component is displayed correctly within the graphical user interface b receiving a state of the visualization component of the web application from a communication component of the web application, and comparing the received state with an expected state;
• transmitting an event to the visualization component to modify the state of the visualization component using the communication component;
• determining that the web application has completely re-displayed in the graphical user interface of the web browser using the consistent global page state;
• and
• verifying that the modified visualization component is displayed correctly within the graphical user interface by receiving the modified state of the visualization component from the communication component, and comparing the received modified state with an expected modified state.

A system comprising:

• a memory configured to store a collection of software modules;
• and
• a processor configured to execute the collection of software modules stored on the memory;
• wherein the processor is further configured, when executing the collection of software modules stored on the memory, to:
• determine that the web application has completely displayed in a graphical user interface of a web browser using a consistent global page state, wherein the web application comprises a web component and a visualization component, wherein the web component is displayed in the graphical user interface using a first display tree, and wherein the visualization component is displayed using a second display tree;
• verify that the visualization component is displayed correctly within the graphical user interface by receiving a state of the visualization component of the web application from a communication component of the web application, and comparing the received state with an expected state;
• transmit an event to the visualization component to modify the state of the visualization component using the communication component;
• determine that the web application has completely re-displayed in the graphical user interface of the web browser using the consistent global page state;
• and
• verify that the modified visualization component is displayed correctly within the graphical user interface by receiving the modified state of the visualization component from the communication component, and comparing the received modified state with an erected modified state.