Automatic Testing of the Correctness of a Website Layout using the Layout Graph: An Experiment Report

Web developers utilize responsive web design principles and frameworks to develop websites that are accessible on various platforms. As consumers often access websites through laptops, tablets, mobile phones, and desktop computers, it is necessary for the website to adjust its appearance according to the device's display frame width. However, the quality assurance process for responsive web pages is typically manual, time-consuming, and error prone. This study introduces ReDeCheck, an open-source automated website layout checking tool developed by Thomas A. Walsh, Gregory M. Kapfhammer, and Phil McMinn. The tool identifies the most common types of responsive design failures by utilizing a set of display frame widths based on the presentation of the website's dynamic layout, also known as the Responsive Layout Graph. This paper verifies the tool's functionality and its underlying concepts.