| Recent years, traditional websites are losing their visitors because of their insufficiency of interactivity and responsiveness. Single page web applications use the mechanism of asynchronous call, which can improve the user experience of fluency and interaction when browsing the sites, optimize the transmission between the servers and the clients, and also reduce the unnecessary network round trips and bandwidth, so they are becoming the mainstream. Among all the frameworks of AJAX that realize this mechanism, AngularJS is a new technology that can make HTML tags dynamic, and it’s being used by more and more developers.However, the usage of the mechanism of asynchronous call will complicate the testing of the Graphical User Interface. Problems like unable to determine the input space and tedious process to make automatic testing work, have already existed in traditional websites, and after the import of the mechanism of asynchronous call, the uncertainty of the response time to the asynchronous call will make the automatic testing even more difficult. To address these problems in this paper, OME* paradigm,which raised by Memon and other people, has been used to research the graphical user interface testing on single page web application by the following points.(1) Single page web application and AngularJS are researched and analyzed.Standards from the international standard organization W3 C are described and analyzed, and standards which can support the automated testing in this paper are pointed out.(2) Event-Flow Graph and the three phases of OME* paradigm are researched and analyzed. GUI states of windows application are compared with the ones in web application. Challenges faced when applying OME* paradigm on SPA based on AngularJS are collected.(3) The signature mechanism of containers and widgets in OME* paradigm is researched and analyzed, as well as the defects when using this mechanism in SPA.Another signature mechanism which is suitable for SPA is provided, that is the method to sign the views and elements.(4) How to obtain the nodes in event-flow graph in OME* paradigm is researched and analyzed, alone with the way to model the GUI of AJAX applications proposed by other researchers. Then the method to obtain nodes of EFG in SPA is put forward combining with the two of them.(5)By studying how to build edges of EFG in OME* paradigm and the inelasticity to use this method on web applications, new means to build edges of EFG in SPA is presented.(6) In the end, the characteristic of AngularJS framework is researched and analyzed, along with the official experimental tools. They are used to complete the experiment since they can address the problem of automated testing with asynchronous calls, which shows the improvement after applying OME* paradigm on the automatic testing of the research subjects. |
PDF Full Text Request