Differences

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

Link to this comparison view

Both sides previous revisionPrevious revision
Next revision		Previous revision
tutorial:scripting_state_model [2020/11/24 22:09] – [Activating plugins] admintutorial:scripting_state_model [2024/01/02 19:37] (current) – external edit 127.0.0.1
Line 37: Line 37:
  
  
-Besides triggers, scripts are also used for building UI Page Objects, Cucumber style test step definition and MCases, which are out of scope of this tutorial.  Please refer to [[../ide_script | Script Editor]] for more details.+Besides triggers, scripts are also used for building UI Page Objects, //Cucumber// style test step definition and //MCases//, which are out of scope of this tutorial.  Please refer to [[../ide_script | Script Editor]] for more details.
  
 ===== Model triggers ===== ===== Model triggers =====
Line 112: Line 112:
    $SYS.log('Random phone#: ' + $RANDOM.randPhone('999-999-9999') );    $SYS.log('Random phone#: ' + $RANDOM.randPhone('999-999-9999') );
        
 +==== Web App Automation====
 For test automation, for example web application you would activate //Selenium// plugin.  Once you have the plugin activated, you will be able to use //$SELENIUM// to interact with your web application through //Selenium/WebDriver//.  For test automation, for example web application you would activate //Selenium// plugin.  Once you have the plugin activated, you will be able to use //$SELENIUM// to interact with your web application through //Selenium/WebDriver//. 
  
 For example: For example:
  
-   $SELENIUM.getWebDriver().findElement(org.openqa.selenium.By.id('Water').click(); +   $SELENIUM.getWebDriver().findElement(org.openqa.selenium.By.id('DrinkWater').click(); 
-   + 
 +=== Page Object===   
 You could also use //PAGES// tab to define page object: You could also use //PAGES// tab to define page object:
    //PAGES Script    //PAGES Script
    import org.openqa.selenium.By;    import org.openqa.selenium.By;
-   def addMainPage () { +   mainPage = $SYS.addPage('MainPage') 
-      mainPage = $SYS.addPage('MainPage') +   elem = mainPage.addElement('DrinkWater', By.id('Water')) 
-      elem = mainPage.addElement('DrinkWater', By.id('Water')) +   elem.addAction('click', { elem, params -> 
-      elem.addAction('click', { elem, params -> +      $SELENIUM.getWebDriver().findElement(elem.locator).click(); 
-         $SELENIUM.getWebDriver().findElement(elem.locator).click(); +   })
-      }) +
-   } +
-   addMainPage()+
        
 Then in //TRIGGERS// tab, you can do this: Then in //TRIGGERS// tab, you can do this:
    $SYS.page('MainPage').element('DrinkWater').perform('click');    $SYS.page('MainPage').element('DrinkWater').perform('click');
        
 +The advantage of using page objects is that all element locators are organized and managed in one central place for easy maintenance.
  
 +=== Find Element Locator ===
 +Web element locator can be xpath, css or by id, etc. as supported by //Selenium//.
 +
 +There are many browser add-on/extension tools that can help you find locators for web element very easily.  Check out [[../externalsources | External Sources]] for a list of such tools.
 + 
 ===== User variables ===== ===== User variables =====