research-article

LED: tool for synthesizing web element locators

Authors:

Kartik Bajaj,

Karthik Pattabiraman,

Ali MesbahAuthors Info & Claims

ASE '15: Proceedings of the 30th IEEE/ACM International Conference on Automated Software Engineering

Pages 848 - 851

https://doi.org/10.1109/ASE.2015.110

Published: 09 November 2015 Publication History

Get Access

Abstract

Web applications are growing fast in popularity and complexity. One of the major problems faced by web developers is writing JavaScript code that can retrieve Document Object Model (DOM) tree elements, and is consistent among multiple DOM states. We attempt to solve this problem by automatically synthesizing JavaScript code that interacts with the DOM. We present an automated tool called LED, to analyze the DOM elements, and synthesize code to select the DOM elements based on the DOM hierarchy as well as the nature of task that the user wants to perform. LED provides an interactive drag and drop support inside the browser for selecting positive and negative examples of DOM elements. We find that LED supports at least 86% of the locators used in the JavaScript code of deployed web applications, and that the locators synthesized by LED have a recall of 98% and a precision of 63%. LED is fast, taking only 0.23 seconds on average to synthesize a locator.

References

[1]

K. Bajaj, K. Pattabiraman, and A. Mesbah. Dompletion: Dom-aware javascript code completion. In Proceedings of the IEEE/ACM International Conference on Automated Software Engineering (ASE), page 43--54. ACM, 2014.

Digital Library

Google Scholar

[2]

K. Bajaj, K. Pattabiraman, and A. Mesbah. Synthesizing web element locators. In Proceedings of the IEEE/ACM International Conference on Automated Software Engineering (ASE). ACM, 2015.

Digital Library

Google Scholar

[3]

Firebug. http://getfirebug.com/. Accessed: 2015-07-21.

Google Scholar

[4]

Firepath. https://code.google.com/p/firepath. Accessed: 2015-07-21.

Google Scholar

[5]

Getting started | less.js. http://lesscss.org/. Accessed: 2015-07-21.

Google Scholar

[6]

J. Huggins, P. Hammant, et al. Selenium, browser automation framework. URl: http://code.google.com/p/selenium, 2014.

Google Scholar

[7]

A. Mesbah, A. van Deursen, and S. Lenselink. Crawling Ajax-based web applications through dynamic analysis of user interface state changes. ACM Transactions on the Web (TWEB), 6(1):3:1--3:30, 2012.

Digital Library

Google Scholar

[8]

F. Ocariza, K. Bajaj, K. Pattabiraman, and A. Mesbah. An empirical study of client-side JavaScript bugs. In Proceedings of the ACM / IEEE International Symposium on Empirical Software Engineering and Measurement, pages 55--64. IEEE Computer Society, 2013.

Crossref

Google Scholar

[9]

Overview - google chrome. https://developer.chrome.com/devtools. Accessed: 2015-07-21.

Google Scholar

[10]

Phantomjs | phantomjs. http://phantomjs.org/. Accessed: 2014-08-15.

Google Scholar

[11]

saltlab/dompletion. https://github.com/saltlab/dompletion. Accessed: 2014-08-15.

Google Scholar

[12]

Sass: Syntactically awesome style sheets. http://sass-lang.com/. Accessed: 2015-07-21.

Google Scholar

[13]

Xpath checker. https://code.google.com/p/xpathchecker/. Accessed: 2015-07-21.

Google Scholar

[14]

Xpath helper. https://github.com/google/xpaf. Accessed: 2015-07-21.

Google Scholar

Cited By

View all

De Luca MFasolino ATramontana P(2024)Investigating the robustness of locators in template-based Web application testing using a GUI change classification modelJournal of Systems and Software10.1016/j.jss.2023.111932210:COnline publication date: 1-Apr-2024
https://dl.acm.org/doi/10.1016/j.jss.2023.111932
Hammoudi MRothermel GStocco AZimmermann TCleland-Huang JSu Z(2016)WATERFALL: an incremental approach for repairing record-replay tests of web applicationsProceedings of the 2016 24th ACM SIGSOFT International Symposium on Foundations of Software Engineering10.1145/2950290.2950294(751-762)Online publication date: 1-Nov-2016
https://dl.acm.org/doi/10.1145/2950290.2950294

Recommendations

Synthesizing web element locators
ASE '15: Proceedings of the 30th IEEE/ACM International Conference on Automated Software Engineering

To programmatically interact with the user interface of a web application, element locators are used to select and retrieve elements from the Document Object Model (DOM). Element locators are used in JavaScript code, Cascading stylesheets, and test ...
Synthesizing transformations on hierarchically structured data
PLDI '16

This paper presents a new approach for synthesizing transformations on tree-structured data, such as Unix directories and XML documents. We consider a general abstraction for such data, called hierarchical data trees (HDTs) and present a novel example-...
Rapid Web Application Development: A Ruby on Rails Tutorial

Ruby on Rails is a powerful Web application development framework based on the dynamic object-oriented programming language Ruby. With several popular Web sites based on it, its prominence is rapidly rising. Ruby on Rails fully supports Web 2.0 and Web ...

Comments

Information & Contributors

Information

Published In

ASE '15: Proceedings of the 30th IEEE/ACM International Conference on Automated Software Engineering

November 2015

935 pages

ISBN:9781509000241

General Chair:
Myra Cohen
University of Nebraska-Lincoln
,
Program Chairs:
Lars Grunske
University of Stuttgart, Germany
,
Michael Whalen
University of Minnesota

In-Cooperation

IEEE CS

Publisher

IEEE Press

Publication History

Published: 09 November 2015

Check for updates

Author Tags

Qualifiers

Research-article

Conference

ASE '15

Sponsor:

ASE '15: ACM/IEEE International Conference on Automated Software Engineering

November 9 - 15, 2015

Nebraska, Lincoln

Acceptance Rates

Overall Acceptance Rate 82 of 337 submissions, 24%

Contributors

Other Metrics

View Article Metrics

Bibliometrics & Citations

Bibliometrics

Article Metrics

2
Total Citations
View Citations
34
Total Downloads

Downloads (Last 12 months)2
Downloads (Last 6 weeks)1

Reflects downloads up to 08 Feb 2025

Other Metrics

View Author Metrics

Citations

Cited By

View all

De Luca MFasolino ATramontana P(2024)Investigating the robustness of locators in template-based Web application testing using a GUI change classification modelJournal of Systems and Software10.1016/j.jss.2023.111932210:COnline publication date: 1-Apr-2024
https://dl.acm.org/doi/10.1016/j.jss.2023.111932
Hammoudi MRothermel GStocco AZimmermann TCleland-Huang JSu Z(2016)WATERFALL: an incremental approach for repairing record-replay tests of web applicationsProceedings of the 2016 24th ACM SIGSOFT International Symposium on Foundations of Software Engineering10.1145/2950290.2950294(751-762)Online publication date: 1-Nov-2016
https://dl.acm.org/doi/10.1145/2950290.2950294

View Options

Login options

Check if you have access through your login credentials or your institution to get full access on this article.

Full Access

Get this Publication

View options

PDF

View or Download as a PDF file.

PDF

eReader

View online with eReader.

eReader

Abstract

References

Cited By

Recommendations

Synthesizing web element locators

Synthesizing transformations on hierarchically structured data

Rapid Web Application Development: A Ruby on Rails Tutorial

Comments

Information

Published In

Sponsors

In-Cooperation

Publisher

Publication History

Check for updates

Author Tags

Qualifiers

Conference

Acceptance Rates

Contributors

Other Metrics

Bibliometrics

Article Metrics

Other Metrics

Citations

Cited By

Login options

Full Access

View options

PDF

eReader

Share

Share this Publication link

Share on social media

Affiliations