Differences

This shows you the differences between two versions of the page.

Link to this comparison view

demo_webstore [2016/09/22 02:35] (current)
Line 1: Line 1:
 +===== Demo Model: WebStore =====
 +{{http://​TestOptimal.com/​demo/​Demo_WebStore.png?​600x220}}
  
 +==== Objective ====
 +To demonstrate modeling and test automation for a simple web application.
 +
 +----
 +==== What's Included ====
 +This demo includes the following components:
 +
 +  * MBT model: see above.
 +  * MScript [[http://​TestOptimal.com/​demo/​Demo_WebStore.xml | Demo_WebStore.xml]].
 +  * Simple [[http://​localhost:​8888/​DemoWebApp/​ProductList.html| WebStore]] web app found in the download package. You can find more details about how this model is built at: [[WebStore|Modeling WebStore]] ​
 +
 +----
 +==== WebStore App ====
 +The web app consists of a set of simple html pages (static). Our goal is to test all transitions (links and buttons) to ensure they work as expected. That is, when a button or a link is clicked, it should take you to the correct page.
 +
 +----
 +==== Modeling ====
 +With this simple example application,​ we decided to use one state to represent each web page and use one transition to represent a button or a link on each page that takes us to the next page. The result is a state diagram (FSM) as depicted above.
 +
 +
 +----
 +==== Test Generation ====
 +From this model, we then generate the series of sequence (transition traversal) which will walk through different web pages and cover all transitions in the model. To do this, select the //​OptimalSequencer//​ in [[ modelnode | Model Property]]. You can dry-run the model to generate the test sequence (displayed in [[seqlog| SeqTrace tab]]). Or you can click on {{http://​testoptimal.com/​img/​seqGraph.png}} to display the test sequence in [[traversal_graph| Traverse Graph]].
 +
 +----
 +==== Test Automation ====
 +Test sequence is just a series of steps (clicking mouse), you could certainly follow this sequence by manually clicking the web pages to test. With //​TestOptimal//,​ you can automate this with a set of simple mScript (XML based scripting) which can be viewed at [[http://​testoptimal.com/​demo/​Demo_WebStore.xml|WebStore.xml]].
 +
 +As you have noticed, mScript is just a set of commands to tell //​TestOptimal//​ what to do when a transition is traversed.
 +
 +----
 +==== Execute Model ====
 +With the model and mScript, you can execute the model and test the web app by clicking on the run button and watch the web pages being clicked away automatically. Make sure you selected [[selenium_plugin | Selenium Plugin]] though (in MBT property).
Print/export
QR Code
QR Code demo_webstore (generated for current page)