Using Visual Symptoms for Debugging Presentation Failures in Web Applications

Mahajan, Sonal; Li, Bailan; Behnamghader, Pooyan; Halfond, William G. J.

doi:10.1109/icst.2016.35

Cited by 34 publications

(25 citation statements)

References 29 publications

Supporting

Mentioning

Contrasting

Order By: Relevance

“…Other tools, such as F E , build on W S to both detect and localize presentation failures in a web page [28,31]. All of these tools are similar to this paper's method since they nd failures in a web page's presentation.…”

Section: Related Workmentioning

confidence: 99%

Automated layout failure detection for responsive web pages without an explicit oracle

Walsh

Kapfhammer

McMinn

2017

Proceedings of the 26th ACM SIGSOFT International Symposium on Software Testing and Analysis

View full text Add to dashboard Cite

Section: Related Workmentioning

confidence: 99%

Automated layout failure detection for responsive web pages without an explicit oracle

Walsh

Kapfhammer

McMinn

2017

Proceedings of the 26th ACM SIGSOFT International Symposium on Software Testing and Analysis

View full text Add to dashboard Cite

“…e time for the two search techniques was dependent on the size of the page and the number of XBIs reported by X-PERT. Although the runtime is lengthy for some subjects, it can be further improved via parallelization, as has been achieved in related work [20,28].…”

Section: Rq2: Impact On Cross-browser Consistencymentioning

confidence: 99%

“…Techniques such as WebSee [25][26][27] and FieryEye [28,29], focus on detecting presentation failures -a discrepancy in the actual and intended appearance of a web page -and localizing them to HTML elements and CSS properties in the page. GWALI [2] focuses on detecting presentation failures in internationalized web pages and nding faulty HTML elements.…”

Section: Related Workmentioning

confidence: 99%

Automated repair of layout cross browser issues using search-based techniques

Mahajan

Alameer

McMinn

et al. 2017

Proceedings of the 26th ACM SIGSOFT International Symposium on Software Testing and Analysis

Self Cite

View full text Add to dashboard Cite

A consistent cross-browser user experience is crucial for the success of a website. Layout Cross Browser Issues (XBIs) can severely undermine a website's success by causing web pages to render incorrectly in certain browsers, thereby negatively impacting users' impression of the quality and services that the web page delivers. Existing Cross Browser Testing (XBT) techniques can only detect XBIs in websites. Repairing them is, hitherto, a manual task that is labor intensive and requires signi cant expertise. Addressing this concern, our paper proposes a technique for automatically repairing layout XBIs in websites using guided search-based techniques. Our empirical evaluation showed that our approach was able to successfully x 86% of layout XBIs reported for 15 di erent web pages studied, thereby improving their cross-browser consistency. CCS CONCEPTS•So ware and its engineering →So ware testing and debugging; Search-based so ware engineering; KEYWORDSCross-browser issues; automated search-based repair; web apps. ACM Reference format:

show abstract

“…The GUI errors that are introduced when attempting to bridge this gap are known in literature as presentation failures. Presentation failures have been defined in the context of web applications in previous work as "a discrepancy between the actual appearance of a webpage [or mobile app screen] and its intended appearance" [32]. We take previous innovative work that aims to detect presentation errors in web applications [18,31,32,42] as motivation to design equally effective approaches in the domain of mobile apps.…”

Section: Introductionmentioning

confidence: 99%

Automated reporting of GUI design violations for mobile apps

Moran

Bernal-Cárdenas

et al. 2018

Proceedings of the 40th International Conference on Software Engineering

View full text Add to dashboard Cite

The inception of a mobile app often takes form of a mock-up of the Graphical User Interface (GUI), represented as a static image delineating the proper layout and style of GUI widgets that satisfy requirements. Following this initial mock-up, the design artifacts are then handed off to developers whose goal is to accurately implement these GUIs and the desired functionality in code. Given the sizable abstraction gap between mock-ups and code, developers often introduce mistakes related to the GUI that can negatively impact an app's success in highly competitive marketplaces. Moreover, such mistakes are common in the evolutionary context of rapidly changing apps. This leads to the time-consuming and laborious task of design teams verifying that each screen of an app was implemented according to intended design specifications.This paper introduces a novel, automated approach for verifying whether the GUI of a mobile app was implemented according to its intended design. Our approach resolves GUI-related information from both implemented apps and mock-ups and uses computer vision techniques to identify common errors in the implementations of mobile GUIs. We implemented this approach for Android in a tool called Gvt and carried out both a controlled empirical evaluation with open-source apps as well as an industrial evaluation with designers and developers from Huawei. The results show that Gvt solves an important, difficult, and highly practical problem with remarkable efficiency and accuracy and is both useful and scalable from the point of view of industrial designers and developers. The tool is currently used by over one-thousand industrial designers & developers at Huawei to improve the quality of their mobile apps. CCS CONCEPTS• Software and its engineering → Software design engineering; Requirements analysis; ACM Reference Format:

show abstract

Using Visual Symptoms for Debugging Presentation Failures in Web Applications

Cited by 34 publications

References 29 publications

Automated layout failure detection for responsive web pages without an explicit oracle

Automated layout failure detection for responsive web pages without an explicit oracle

Automated repair of layout cross browser issues using search-based techniques

Automated reporting of GUI design violations for mobile apps

Contact Info

Product

Resources

About