Name
Abstract | ||
|---|---|---|
Web applications have become one of the fastest-growing types of software systems today. Despite their popularity, understanding the behavior of modern web applications is still a challenging endeavor for developers during development and maintenance tasks. The challenges mainly stem from the dynamic, event-driven, and asynchronous nature of the JavaScript language. We propose a generic technique for capturing low-level event-based interactions in a web application and mapping those to a higher-level behavioral model. This model is then transformed into an interactive visualization, representing episodes of triggered causal and temporal events, related JavaScript code executions, and their impact on the dynamic DOM state. Our approach, implemented in a tool called Clematis, allows developers to easily understand the complex dynamic behavior of their application at three different semantic levels of granularity. Furthermore, Clematis helps developers bridge the gap between test cases and program code by localizing the fault related to a test assertion. The results of our industrial controlled experiment show that Clematis is capable of improving the comprehension task accuracy by 157% while reducing the task completion time by 47%. A follow-up experiment reveals that Clematis improves the fault localization accuracy of developers by a factor of two. |
Year | DOI | Venue |
|---|---|---|
2016 | 10.1145/2876441 | ACM Trans. Softw. Eng. Methodol. |
Keywords | Field | DocType |
Design,Algorithms,Experimentation,Program comprehension,event-based interactions,JavaScript,web applications,fault localization | Computer science,Unobtrusive JavaScript,Assertion,Theoretical computer science,Software system,Interactive visualization,Test case,Web application,Program comprehension,JavaScript | Journal |
Volume | Issue | ISSN |
25 | 2 | 1049-331X |
Citations | PageRank | References |
2 | 0.39 | 34 |
Authors | ||
4 | ||
Name | Order | Citations | PageRank |
|---|---|---|---|
| Saba Alimadadi | 1 | 52 | 4.29 |
| Sheldon Sequeira | 2 | 31 | 1.31 |
| Ali Mesbah 0001 | 3 | 82 | 4.72 |
| Karthik Pattabiraman | 4 | 1030 | 55.17 |