Building a test

The useMango™ generates automated tests for codeless UI testing and integrates with HPE ALM to test Oracle EBS, SAP GUI and Web applications. It has several components built for testing each of these applications. Users can use these components to build automated tests targeting any of the mentioned applications.

This section describes an example web-test on the practice website (https://practise.usemango.co.uk/) that tests the following actions.

  • Launch the practice website in a browser.
  • Log in using username and password.
  • Close the web browser.

This web-test is built with the useMango™ application using the following steps.

Create a new test in the useMango™ application

  1. Navigate to the Test Library in useMango™ application.
  2. Click on the ‘Create new test’ button to create a new test.
  3. The useMango™ Test Designer page opens to display test details.
  4. Rename the test to ‘Sample test’ and press ENTER or TAB key to save the test name.

Test step 1: Launch practise website

  1. The new test displays a search bar in the Flowchart panel to search components by name.
  2. Click on the search bar in the Flowchart panel and type ‘Launch’.
  3. Select the ‘LaunchWebBrowser’ component from the drop-down list to add the first step to this test.
  4. Press ENTER key or double click on the test step to open the step in the test step editor.
  5. Rename the test step as ‘Launch practise website’ and press ENTER or TAB key to save the step name.
  6. Change the ‘Start url’ parameter value from ‘http://infuse.it’ to ‘https://practise.usemango.co.uk/' and press ENTER or TAB key to save the step parameter value.
  7. Execute the test step to ensure that the browser launches the practise website.

In the web browser

  1. Open the useMango™ practise website home page in the browser and open the DevTools. Use the Inspect element tool on the ‘Login’ link.
  2. Click on the ‘+’ icon in the useMango™ chrome extension panel in the DevTools.
  3. Click the ‘Save’ button to save the login link identifier.

In the useMango™ application

  1. Insert a new test step below the ‘Launch practise website’ step, either by clicking the ‘Insert an element’ toolbar item or by right-clicking on the connector line below the existing step.
  2. In the ‘Insert step’ context search bar, type ‘web-click’ and select the ‘Web-Click’ component.
  3. Open the step in the test step editor and rename it as ‘Click Login’.
  4. Click on the ‘Identifier’ parameter value field and enter ‘Login’. A list of values matching the keyword is displayed. Select the identifier ‘LoginLink’.
  5. Execute the test step to ensure that the login link is clicked on the practice website.

Test step 3: Enter Username

In the web browser

  1. Open the useMango™ practise website login page and open the DevTools. Use the Inspect element tool on the ‘Username’ textbox.
  2. Click on the ‘+’ icon in the useMango™ chrome extension panel in the DevTools.
  3. Click the ‘Save’ button to save the Username textbox identifier.

In the useMango™ application

  1. Insert a new step of type ‘Web-keyboardInput’ below the ‘Click Login’ test step.
  2. Open the test step in the test step editor and rename it as ‘Enter Username’.
  3. In the ‘Identifier’ parameter value field, type ‘username’ and select ‘UsernameTEXT’ from the list of matching values.
  4. In the ‘Text and Keys’ parameter value field, enter the value as ‘Username’ and save the test step.

Test step 4: Enter Password

In the web browser

  1. Open the useMango™ practise website login page and open the DevTools. Use the Inspect element tool on the ‘Password’ textbox.
  2. Click on the ‘+’ icon in the useMango™ chrome extension panel in the DevTools.
  3. Click the ‘Save’ button to save the Password textbox identifier.

In the useMango™ application

  1. Insert a new step of type ‘Web-keyboardInput’ below the ‘Enter Username’ test step.
  2. Open the test step in the test step editor and rename it as ‘Enter Password’
  3. In the ‘Identifier’ parameter value field, type ‘password’ and select ‘PasswordText’ from the list of matching values.
  4. In the ‘Text and Keys’ parameter value field, enter the value as ‘Password’ and save the test step.

Test step 5: Click Submit button

In the web browser

  1. Open the useMango™ practise website login page and open the DevTools. Use the Inspect element tool on the ‘Submit’ button.
  2. Click on the ‘+’ icon in the useMango™ chrome extension panel in the DevTools.
  3. Click the ‘Save’ button to save the identifier for the submit button.

In the useMango™ application

  1. Insert a new test step of type ‘Web-Click’ below the ‘Enter Password’ test step.
  2. Open the step in the test step editor and rename the test step as ‘Click Submit button’.
  3. In the ‘Identifier’ parameter value field, type ‘submit’ and select ‘SubmitButton’ from the list of matching values.
  4. Select the test steps ‘Enter Username’, ‘Enter Password’ and ‘Click Submit button’ and execute them to ensure the login operation occurs.

Test step 6: Close browser

  1. Insert a new test step of type ‘CloseBrowser’.
  2. Open the test step editor and rename the test step to ‘Close browser’.
  3. Run the test step to observe that the browser closes.