Unified model for visual component testing
A computing system receives user input of a root for a web application component in a HTML (hypertext markup language) tree structure for the web application component and receives user input of sub-elements for the web application component based on the location of the root for the web application component. The computing system generates a component model for the web application component based on the location of the root and the sub-elements and provides the component model to a test tool to enable the test tool to test the web application component.
1. A method comprising:
receiving first user input indicative of a root location of an element of a visual web application framework component having a hypertext markup language (HTML) tree structure, wherein the visual web application framework component comprises a plurality of visual user interface (UI) elements, and wherein the HTML tree structure comprises a respective root location for each element of the plurality of visual UI elements of the web application framework component;
receiving second user input indicative of one or more respective paths from the root location of the element of the visual web application framework component to one or more sub-elements of the element of the visual web application framework component;
generating, by a processing device, a component model for the element of the visual web application framework component comprising data indicating the root location of the element of the visual web application framework component and data indicating the one or more respective paths from the root location of the element to the one or more sub-elements;
generating a page model for a web page comprising the element of the visual web application framework component at run-time of the element of the visual web application framework component of the web page, wherein the page model is generated using annotations; and
providing the page model and the component model to a test tool to enable the test tool to test the web page and the visual web application component.
2. The method of claim 1 , wherein the page model is generated in view of identifiers from an editor tool that creates the web page.
3. The method of claim 1 , further comprising:
receiving a query for a client-side identifier that corresponds to an annotation; and
providing the client-side identifier that satisfies the query to a requestor.
4. The method of claim 1 , wherein providing the component model comprises:
releasing a version of the component model with a release of a corresponding version of a framework tool for the visual web application framework component.
5. A system comprising:
a memory; and
a processing device operatively coupled to the memory, the processing device to:
receive first user input indicative of a root location of an element of a visual web application framework component having a hypertext markup language (HTML) tree structure, wherein the visual web application framework component comprises a plurality of visual user interface (UI) elements, and wherein the HTML tree structure comprises a respective root location for each element of the plurality of visual UI elements of the web application framework component;
receive second user input indicative of one or more respective paths from the root location of the element of the visual web application framework component to one or more sub-elements of the element of the visual web application framework component;
generate a component model for the element of the visual web application framework component comprising data indicating the root location of the element of the visual web application framework component and data indicating the one or more respective paths from the root location of the element to the one or more sub-elements;
generate a page model for a web page comprising the element of the visual web application framework component at run-time of the element of the visual web application framework component of the web page, wherein the page model is generated using annotations; and
provide the page model and the component model to a test tool to enable the test tool to test the web page and the visual web application component.
6. The system of claim 5 , wherein the page model is generated in view of identifiers from an editor tool that creates the web page.
7. The system of claim 5 , wherein to generate the page model the processing device is to:
receive a query for a client-side identifier that corresponds to an annotation; and
provide the client-side identifier that satisfies the query to a requestor.
8. The system of claim 5 , wherein to provide the component model the processing device is to:
release a version of the component model with a release of a corresponding version of a framework tool for the visual web application framework component.
9. A non-transitory computer-readable medium including instructions that, when executed by a processing device, cause the processing device to:
receive first user input indicative of a root location of an element of a visual web application framework component having a hypertext markup language (HTML) tree structure, wherein the visual web application framework component comprises a plurality of visual user interface (UI) elements, and wherein the HTML tree structure comprises a respective root location for each element of the plurality of visual UI elements of the web application framework component;
receive second user input indicative of one or more respective paths from the root location of the element of the visual web application framework component to one or more sub-elements of the element of the visual web application framework component;
generate a component model for the element of the visual web application framework component comprising data indicating the root location of the element of the visual web application framework component and data indicating the one or more respective paths from the root location of the element to the one or more sub-elements;
generate a page model for a web page comprising the element of the visual web application framework component at run-time of the element of the visual web application framework component of the web page, wherein the page model is generated using annotations; and
provide the page model and the component model to a test tool to enable the test tool to test the web page and the visual web application component.
10. The non-transitory computer-readable medium of claim 9 , wherein the page model is generated in view of identifiers from an editor tool that creates the web page.
11. The non-transitory computer-readable medium of claim 9 , wherein to generate the page model, the processing device is to:
receive a query for a client-side identifier that corresponds to an annotation; and
provide the client-side identifier that satisfies the query to a requestor.
12. The non-transitory computer-readable medium of claim 9 , wherein to provide the component model, the processing device is to:
release a version of the component model with a release of a corresponding version of a framework tool for the visual web application framework component.