Show simple item record

dc.contributor.authorWalsh, Thomas A.
dc.contributor.authorKapfhammer, Gregory M.
dc.contributor.authorMcMinn, Phil
dc.date.accessioned2020-10-30T12:51:47Z
dc.date.available2020-10-30T12:51:47Z
dc.date.issued2020-08-03
dc.identifier.citationWalsh, T, Kapfhammer, G, McMinn, P. Automatically identifying potential regressions in the layout of responsive web pages. Softw. Test. Verif. Reliab. 2020;e1748. https://doi.org/10.1002/stvr.1748en_US
dc.identifier.issn1099-1689
dc.identifier.urihttps://dspace.allegheny.edu/handle/10456/51225
dc.description.abstractProviding a good user experience on the ever‐increasing number and variety of devices being used to browse the web is a difficult, yet critical, task. With responsive web design, front‐end web developers design web pages so that they dynamically resize and rearrange content to best fit the dimensions of a device's screen. However, when making code modifications to a responsive page, developers can easily introduce regressions from the correct layout that have detrimental effects at unpredictable screen sizes. For instance, the source code change that a developer makes to improve the layout at one screen size may obscure a page's content at other sizes. Current approaches to testing are often insufficient because they rely on limited tools and error‐prone manual inspections of web pages. As such, many unintended regressions in web page layout often go undetected and ultimately manifest in production websites. To address the challenge of detecting regressions in responsive web pages, this paper presents an automated approach that extracts the responsive layout of two versions of a page and compares them, alerting developers to the differences in layout that they may wish to investigate further. We implemented the approach and empirically evaluated it on 15 real‐world responsive web pages. Leveraging code mutations that a tool automatically injected into the pages as a systematic simulation of developer changes, the experiments show that the approach was highly effective. When compared with manual and automated baseline testing techniques, it detected 12.5% and 18.75% more injected changes, respectively. Along with identifying the best parameters for the method that extracts the responsive layout, the experiments show that the approach surpasses the baselines across changes that vary in their impact, but works particularly well for subtle, hard‐to‐detect mutants, showing the benefits of automatically identifying regressions in web page layout.en_US
dc.language.isoen_USen_US
dc.publisherWileyen_US
dc.relation.ispartofSoftware Testing, Verification and Reliabilityen_US
dc.relation.isversionofhttps://onlinelibrary.wiley.com/doi/full/10.1002/stvr.1748en_US
dc.rightsCC-BY 4.0en_US
dc.titleAutomatically identifying potential regressions in the layout of responsive web pagesen_US
dc.description.versionPublished articleen_US
dc.contributor.departmentComputer Scienceen_US
dc.identifier.doi10.1002/stvr.1748
dc.contributor.avlauthorKapfhammer, Gregory M.


Files in this item

Thumbnail
Thumbnail

This item appears in the following Collection(s)

Show simple item record