Code annotation and test coverage visualization on user interface by leveraging page object design pattern

A computer program product, the computer program product comprising a computer readable storage medium having program instructions embodied therewith, the program instructions executable by a computer to cause the computer to:

• analyze, by the computer, document object model code for generating locators of elements of a web page;
• output, by the computer, the locators visibly on a user interface displaying the web page;
• generate, by the computer, a page object code template of the web page;
• receive, by the computer from a user, mappings of the elements and/or the locators to page object variables;
• output, by the computer, representations of the mappings visibly on the user interface displaying the web page;
• receive, by the computer from the user, mappings from page areas of the web page to page object functions;
• output, by the computer, representations of the mappings from the page areas of the web page to the page object functions visibly on the user interface displaying the web page;
• and
• render, by the computer, code references on the user interface displaying the web page.

A system, comprising:

• a processor;
• and
• logic integrated with the processor, executable by the processor, or integrated with and executable by the processor, the logic being configured to:
• analyze document object model code for generating locators of elements of a web page;
• output the locators visibly on a user interface displaying the web page;
• generate a page object code template of the web page;
• receive, from a user, mappings of the elements and/or the locators to page object variables;
• output representations of the mappings visibly on the user interface displaying the web page;
• receive, from the user, mappings from page areas of the web page to page object functions;
• output representations of the mappings from the page areas of the web page to the page object functions visibly on the user interface displaying the web page;
• and
• render code references on the user interface displaying the web page.