TestGrid Web 101 – Create your scriptless web test case

1. Go to Application

• • Open stage.testgrid.io Website.
  • Login with the correct credential.

• • Click on Application.
  • It will take you to the Dashboard.

2. Add Application

• • Click on Add Test Application to add a new App for testing.
  • Below the Popup box will appear on the screen.

• • Add your Application name.
  • Click on Save button.

3. Open TG-TestCase Writer

• • Click on TG-TestCase Writer.
  • Select your App from the list.

4. Add Version

• • Click on Add Version.
  • Below Popup box will appear on the screen.

• • Add Version Name and Version Description.
  • Platform: Select the platform from the dropdown menu.
    • Flatforms are Android, iOS, Web
  • Branch: branch should be master.
  • Click on Save button.

5. Add Module

• • Click on Add Module.
  • Below Popup box will appear on the screen.

• • Add your Module Name and Module Description.

Global variables

There are 4 global variables that are used to define the testing framework configurations.

Here are the default configuration values :

Add all values and then click on Save. You can see your module added in the left panel.

6. Module Components

• • Click on your Module (i.e. SampleModule) from the left panel.
  • It will show you the above screen containing below Module Components :
    • Resources
    • Test Functions 
    • Test Cases
    • Network Assert
    • Custom Scripts

7. Add Elements In Resources

• • Add  Eskry or Chropath extension in your chrome browser.
  • Open developer tool by tabbing “F12” and tab on Eskry as shown below.

• • Select the locator type you want to add.
  • Click on arrow to active Eskry as shown below.

• • Select the resource of which you want XPath.
  • below example, I am tabbing on the username.

• • Copy the XPath.
  • Navigate to Testcase writer in Testgrid.

• • Click on Add Resources button.
  • Below Popup box will appear on the screen.
  • Add Resource Variable Name and XPath.
  • Click on Save button.

8. Add Test Case

The test case is a set of conditions that determines if the application or one of its module is behaving as expected. You can write multiple test cases in a single module. Test cases are executed in alphabetically ascending order of test case names.

Add Test Function

• • Navigate to Testcase writer, Click on Test Functions.

• • Click on Add Test Function button.
  • Below Popup box will appear on the screen.

• • Add test function Name and Description.
  • Add actions that you want to perform in that function, In the above example, I added the test function for login.
  • Click on Update button.

Use Test Function In Test Case

• • Click on Add Test Case buton.
  • Below Popup box will appear on the screen.

• • Add Test Case Name and Description.
  • Select Call Test Function from the action and select the test function you want to call.

9. Run Test Case

• 
  • Select the test case for the run.
  • Click on Run button.
  • Below Popup box will appear on the screen. 

• • Add Test Website URL.
  • Click on Next button.

• • Select the browser on which you want to run test case.
  • Click on Run Test button.