Facilitating the Process Rate of Difference Determination within HTML after Web Page Events

The goal of developing automated web testing scripts is to assess the functionality and responsiveness of developed web pages via simulating user behaviors and interactions. Automated web testing uses HTML content that changes according to input events to determine the success of an interaction. When writing automation scripts, developers usually find it challenging to locate stable element constraints due to the rapid change of elements on the web pages or due to the wrong functionality assumption with a limited understanding of the test requirements. In this paper, to avoid labor and facilitate the process of checking the attributes or labels changed after input events, we propose an extension for the browser developer tool to identify HTML changes before and after automated input events. Within the developed tool, developers can access all HTML differences in the panel of the browser developer tool to check if any detail of HTML elements is changed because of automated input events. In addition, timing and filtering functions are also included in the developed tool to avoid unnecessary element comparisons and improve the stability of developed automated scripts. After real-world testing with both seasoned and junior developers, the developed tool extension can effectively reduce the development time by an average of 20 % to 30%.