ReDeCheck: An automatic layout failure checking tool for responsively designed web pages

Walsh, Thomas A. and Kapfhammer, Gregory M. and McMinn, Phil

Proceedings of the International Symposium on Software Testing and Analysis, 2017

Abstract

Since people frequently access web sites with a wide variety of devices (e.g., mobile phones, laptops, and desktops), developers need frameworks and tools for creating layouts that are useful at many viewport widths. While responsive web design (RWD) principles and frameworks facilitate the development of such sites, there is a lack of tools supporting the detection of failures in their layout. Since the quality assurance process for responsively designed web sites is often manual, time-consuming, and error-prone, this paper presents ReDeCheck, an automated layout checking tool that alerts developers to both potential unintended regressions in responsive layout and common types of layout failure. In addition to summarizing ReDeCheck’s benefits, this paper explores two different usage scenarios for this tool that is publicly available on GitHub.

Resources

Paper

Presentation

redecheck/redecheck

Reference

@inproceedings{Walsh2017a,
  author = {Walsh, Thomas A. and Kapfhammer, Gregory M. and McMinn, Phil},
  title = {ReDeCheck: An automatic layout failure checking tool for responsively designed web pages},
  booktitle = {Proceedings of the International Symposium on Software Testing and Analysis},
  year = {2017},
  tool = {https://github.com/redecheck/redecheck},
  presented = {true}
}
Return to the List of Papers
Like my work? Support it!