Ajax Web Application

1
Ajax Web Application

• A Sustainable Approach to Automate User Session
  Based State Machine Generation for

2
What is Ajax

• Ajax isnt a technology. Its really several
  technologies, each flourishing in its own right,
  coming together in powerful new ways. Ajax
  incorporates
• standards-based presentation using XHTML and CSS
• dynamic display and interaction using
  the Document Object Model
• data interchange and manipulation using XML and
  XSLT
• asynchronous data retrieval using XMLHttpRequest
• and JavaScript binding everything together.

3
Web Application Model
4
Web Application Model
5
(No Transcript)
6
What issues Ajax brings?

• Asynchronous interaction between a server and a
  client.
• Dynamic update of a page through the DOM.

7
Why State Machine Model?

• Why not Use Case or Control flow graph for
  testing?
• State of objects changing as per user triggered
  event
• Or changes are reflecting from server side
  dynamically

8
How State Machine is constructed?

• Marchettos work
• Traces of the application is used to construct
  base on dynamic extraction
• Dynamic analysis is partial so manual validation
  or refinement steps needed for model extraction.
• Assumption that longer interaction sequences have
  higher faults.
• Identify sets of semantically interacting
  events sequence to minimize test cases
• --------------------------------------------------
  ---------------------------------------
• Not cover some aspects of asynchronous
  communication

9
How State Machine is constructed?

• Mesbahs work
• Crawl of the AJAX application using CRAWLJAX
  tool, simulating real user events on the user
  interface and infer the abstract model from state
  flow graph
• --------------------------------------------------
  ----------------------------------------
• Best path seeding practice in web application is
  capture and replay which he not applied in his
  work

10
Authors Approach

• Automatic dynamic analysis using any
  Capture-Replay tool for model construction

11
State Machine Model Framework

• State-based testing approach, originally for
  object oriented programs.

12
How Powerful is the Framework ?

• Effectiveness
• Scalability
• Flexibility
• Generalization

13
Model Extraction

• State is determined dynamically
• Model DOM tree invariants

14
Workflow of the framework
15
User Session

• Collecting user interactions and transforming
  them into test cases.
• Selenium
• DOM tree inspector

16
DOM Change Violation

• Validating DOM is required

17
Locate a Certain Event

• User Session
• DOM Tree

18
Locate a Certain Element

• Let d be a DOM object.
• ?(d)(param1.......paramn)
• e(d) is set of events of a particular set of
  values of types of d. e(d)(event1,event2,.....,..
  .eventm)
• d.function, d.event is the event which starts
  d.function.
• For each event there is one set
• ?(ele)(element1,......elementn), set of elements
  changing dynamically

19
Event-Element Mapping

• For all x elements event (A) is true means all x
  element are dynamically changing on change of
  event(A).

20
Thanks!