Identifying a layout error
First object model data from a first application state generated in a first browser mode may be collected. The first object model data may comprise a code-based representation of a first layout element and a second layout element of the first application state. According to a layout detection rule, a first attribute of the first layout element may be compared with a second attribute of the first layout element or of a second layout element. A layout error corresponding to the first layout element may be identified based on the comparison of the first attribute with the second attribute.
1. A non-transitory computer-readable storage medium comprising instructions executable by a processor to:
collect first object model data from a first application state generated in a first browser mode, wherein the first object model data comprises a code-based representation of a first layout element and a second layout element of the first application state;
identify through optical character recognition, optical characters on a screenshot of the first application state, the screenshot of the first application state comprising a visual rendering of the first layout element in the first browser mode;
compare, in a first comparison and according to a layout error detection rule, a first attribute of the first layout element with a second attribute of the first layout element or of the second layout element;
compare, in a second comparison, an attribute of the optical characters on the screenshot with the first attribute of the first layout element; and
identify a layout error corresponding to the first layout element based on the first comparison of the first attribute with the second attribute and based on the second comparison of the attribute of the optical characters with the first attribute of the first layout element.
2. The non-transitory computer-readable storage medium of claim 1 , wherein the attribute of the recognized optical characters is a location, style, or color as displayed on the screenshot.
3. The non-transitory computer-readable storage medium of claim 1 , wherein the first layout element comprises a textbox having a first size or first location, and wherein the layout error is identified through determination that the recognized optical characters on the screenshot are not displayed within the textbox.
4. The non-transitory computer-readable storage medium of claim 1 , wherein the first attribute of the first layout element comprises a location, tag name, class, shape, color, luminosity, font, z-index, id, border, margin, padding, text content, window width, window height, image width, image height, scroll width, scroll height, tab value, or transition duration.
5. The non-transitory computer-readable storage medium of claim 1 , wherein the second attribute is different than the first attribute and comprises a location, tag name, class, shape, color, luminosity, font, z-index, id, border, margin, padding, text content, window width, window height, image width, image height, scroll width, scroll height, tab value, or transition duration.
6. The non-transitory computer-readable storage medium of claim 1 , further comprising instructions executable by the processor to generate a layout error report responsive to identifying the layout error corresponding to the first layout element, the layout error report to display the first layout element on a visual depiction of the first application state such that the first layout element is visibly distinguishable from layout elements of the application state having no identified layout error.
7. The non-transitory computer-readable storage medium of claim 1 , wherein the first layout element comprises a calendar date, the first attribute of the first layout element comprises a calendar date order, and the second attribute comprises a region in which the first application state is to be displayed, wherein the identified layout error is the calendar date order being inconsistent with a standard of the region in which the first application state is to be displayed.
8. The non-transitory computer-readable storage medium of claim 1 , wherein the first attribute of the first layout element is a location of the first layout element, and the second attribute is a location of the second layout element, wherein the identified layout error corresponding to the first layout element is a misalignment of the first layout element with the second layout element.
9. The non-transitory computer-readable storage medium of claim 1 , wherein the layout error is identified based on a discrepancy value between a value of the first attribute of the first layout element and a value of the second attribute.
10. The non-transitory computer-readable storage medium of claim 1 , further comprising instructions executable by the processor to:
collect second object model data from a second application state generated in a second browser mode, wherein the second object model data comprises a first layout element of the second application state;
compare, in a third comparison and according to the layout error detection rule, the first layout element of the first application state with a first layout element of the second application state; and
identify a second layout error corresponding to the first layout element based on the third comparison of the first layout element of the first application state with the first layout element of the second application state.
11. The non-transitory computer-readable storage medium of claim 1 , further comprising instructions executable by the processor to identify a second layout error where the first object model data indicates a failure to comply with a display standard.