User interface layout comparison
AssigneeEnt. Services Development Corporation LP
InventorsRan Snir, Pablo Retyk, Lior Reuven, Arik Levin
Life of this patent
Estimating the term…
Abstract
In an example implementation, a converted layout design of a user interface of an application may be generated from a layout design of the user interface and a layout design configuration. The converted layout design may correspond to a form factor. A screenshot of the user interface of the application may be captured on a device with the display resolution. In addition, the converted layout design may be compared with the screenshot.
Claims14
A system, comprising:
- a generate engine to generate, from a layout design of a user interface of an application and a layout design configuration, a converted layout design of the user interface, wherein the converted layout design corresponds to a form factor having a display resolution;
- a capture engine to capture a screenshot of the user interface of the application on a device with the form factor, wherein the screenshot is captured during a predetermined breakpoint of the application;
- and
- a compare engine to compare pixels of the converted layout design with corresponding pixels of the screenshot, and to generate an image differential between the converted layout design and the screenshot.
A non-transitory computer readable medium storing instructions executable by a processing resource to cause a computer to:
- translate a layout design of a user interface of an application to a plurality of user interface elements based on a layout design configuration;
- interpolate each of the plurality of user interface elements to a converted layout design of the user interface, the converted layout design corresponding to a display resolution;
- capture a screenshot of the user interface of the application on a device with the display resolution, wherein the screenshot is captured during a predetermined breakpoint of the application;
- and
- compare pixels of the converted layout design with corresponding pixels of the screenshot and generate an image differential between the converted layout design and the screenshot.
A method comprising:
- translating a layout design of a user interface of an application to a plurality of user interface elements based on a layout design configuration;
- interpolating each of the plurality of user interface elements to a converted layout design of the user interface corresponding to a display resolution;
- capturing a screenshot of the user interface of the application on a device with the display resolution, wherein the screenshot is captured during a predetermined breakpoint of the application;
- comparing pixels of the converted layout design with corresponding pixels of the screenshot;
- and
- generating a comparison result image, wherein the generating comprises:
- generating an image differential between the converted layout design and the screenshot.
Dependencies are inferred from the claim text.