SIMPLIFYING IDENTIFICATION OF POTENTIAL NON-VISIBILITY OF USER INTERFACE COMPONENTS WHEN RESPONSIVE WEB PAGES ARE RENDERED BY DISPARATE DEVICES

摘要

Aspects of the present disclosure simplify identification of potential non-visibility of user interface (UI) components when a responsive web page is rendered by disparate devices. In one embodiment, a browser is instructed to display the web page in a viewport of a desired size. Upon the browser rendering the web page in the viewport, a data structure (e.g., DOM) generated by the browser is examined to determine whether each of the components of the responsive web page is visible or non-visible within the viewport, and a corresponding visibility report is generated. The steps of instructing and examining may be performed iteratively for a number of viewports of corresponding sizes. The visibility report is then generated as a two-dimensional matrix indicating whether each component (along a first dimension) is visible or non-visible when the web page is rendered in a corresponding viewport (along a second dimension).

主权项

1. A method of testing responsive web pages, said method comprising:
instructing a browser to display a responsive web page in a first viewport of a first size, wherein said browser in response renders said responsive web page in said first viewport of said first size, said responsive web page containing a plurality of components; examining a data structure generated by said browser to determine whether each of said plurality of components is visible or non-visible within said first viewport when said browser renders said responsive web page in said first viewport; and generating a visibility report indicating whether each of said plurality of components is visible or non-visible in said first viewport.