Record your transactions on the website using Selenium IDE and later create scripts of the recording.

Prerequisites

  • Use Chrome browser version 69 or above.
  • Install the latest Selenium IDE in the Chrome browser.

Install Selenium IDE extension in the browser for the first time

Use the Selenium IDE extension from Google Chrome to record the transactions. To add the Selenium IDE extension, click Install Selenium IDE.

  • Add Selenium IDE as an extension to the browser.
  • The Selenium IDE extension in Google Chrome versions above 69 is supported.

Record a transaction using Selenium IDE

After installing the Selenium IDE, start recording each action performed on a website. After completing the recording of the transaction, Selenium IDE reviews each recorded action and saves the recording to the location.

Start recording

Start recording the transaction using the Selenium IDE extension installed in the Chrome browser.

  1. Click the Selenium IDE extension icon displayed in the Chrome browser. Welcome to Selenium IDE! window is displayed.
    Welcome to Selenium IDE
  2. Click Record a new test in a new project. For an existing project, click Open an existing page and select the project from its saved location.
  3. From the Name your new project window, provide a name for the project in the Project Name field. For example, enter PROJECT 1 in the Project Name field.
    Project Name
  4. Click OK to proceed.
  5. From the Set your project base URL window, enter the URL in Base URL.
    Base URL
  6. Click START RECORDING.
  7. Navigates automatically to the URL entered in the Base URL field. For example: Navigates automatically to the login page of URL: https://ne.app.try.opsramp.com.
    Starts Recording
  8. Do all transactions on the website. The Selenium-IDE captures all actions performed on the website while recording.
  • The browser window displays Selenium IDE is recording… throughout the recording process.
  • Selenium IDE does not record a few commands and must be manually entered by the user.

Stop recording

After capturing the actions on the website, stop recording the transaction in the Selenium IDE.

  1. Click Stop Recording icon in the Selenium IDE window.
  2. From Name your new test screen. enter the name of the test in TEST NAME. For example, enter TEST 1 in the TEST NAME field.
    Test Name
  3. Click OK to proceed further. Navigates to the Selenium IDE window.
  4. The Command, Target, and Value columns display the actions, paths, and values entered on the webpage while recording the transaction.
    Selenium After Recording

Review recording

After the recording stops, use Run current test icon to inspect the issues in the saved recording. for any issue, use Start Recording and Stop Recording to repeat instructions.

The Log section in Selenium IDE displays the following:

  • Details for each reviewed step.
  • A completed successfully message after finishing the review process.

Save recording

After the successful completion and review of the recording, save the recorded script to a local machine as a .side file.

  1. Click Save in the Selenium IDE window. Save the file to a location in the local machine.

    • Ensure to save the file as the .side file type.
    • Selenium IDE saves the .side file using the project name configured during the creation of the new project.
  2. Open the .side file from the saved location in the local machine to view the file contents.

    .side File

Add a Synthetic Monitor for Script

After saving the .side file, create a synthetic monitor to use the recording.

  1. To select your client, navigate to All Clients, and click the Client/Partner dropdown menu.
    Note: You may either type your client’s name in the search bar or select your client from the list.
  2. Navigate to Setup > Account. The Account Details screen is displayed.
  3. Click Integrations. The Installed Integrations screen is displayed with all the installed applications.
    Note: If you do not have any installed applications, you will be navigated to the Available Integrations and Apps page with all the available applications along with the newly created application with the version.
  4. Click + ADD on the Installed Integrations page. Note: Search for the integration either by entering the name of the integration in the search bar or by selecting the category of the integration from the All Categories dropdown list.
  5. Click +ADD in the Synthetics application.
  6. The Add Configuration screen appears. Enter the following BASIC DETAILS:
    • Name: Enter the name for the configuration.
    • Type: Choose SCRIPT – HTTP Synthetic Transaction type from dropdown.
  7. Once you select synthetic type, the SCRIPT CONFIGURATION screen appears.
    Enter the following details:
SectionField NameDescriptionValues/ExampleField Type
ConfigurationConnection Timeout (seconds)Maximum time-out to connect to the SCRIPT.
  • Default value: not NULL
  • Valid values: 1 - 540 seconds
  • Example: 180
String
WebBrowserTypeOption to choose a web browser type to run the HTTP Synthetic Transaction against.
  • Default value: Google Chrome
  • Acceptable values: Google Chrome, Mozilla Firefox, Microsoft Edge
Dropdown
Time ComputationExpected Time ComputationDropdown
Assign CredentialsCredential SetSelect the credentials from the dropdown list to access the HTTP/HTTPS Server.Refer Create CredentialsDropdown
Proxy SettingsEnable Proxy Configuration optionRefer Monitor Synthetics through Proxy ServersCheckbox
Devlop ScriptSelect the Script Type from the following:
  • Selenium JSON (IDE) Script: For the Script Type, Paste the JSON content from the .side file in the Selenium JSON Script tab.
  • Selenium Python Script:Use the Selenium Python Script tab to paste the Python script. See [Python Synthetic Transaction Examples](/integrations/web-services/synthetic/synthetic-monitors-new/script-http-transaction/python-example/).
Checkbox
Configure GranularEnabling this will break down the synthetic transaction into the individual steps that were taken during recording. A unique metric will be shown for each step.String
LocationsSelect the locations (private/public) where the monitor will run.Location NameCheckbox

After configuring, navigate to Infrastructure > Resources > Web Services > Synthetic to view the metrics and graphical representations for more information.

Metrics Graphical Representation

Graphical Representation

Supported Metrics

Metric NameDescriptionUnits
availability.down.location.count

Location Count. Number of locations where the configured host is down.-
synthetic.response.time

Response time. TTime taken to complete a task in a website.milliseconds

Override the original credentials from the transaction in the Selenium IDE

The main purpose of using a credential set is to ensure the security of the credentials that you provide while recording a transaction from the Selenium IDE. For example, if the transaction involves logging into a website, you can override the original credentials with the assigned credential set in the Value field using a key from the Selenium IDE. The following syntax is supported when adding the credential set in the Value field:

  • Username: $CREDENTIAL SET NAME.USERNAME
  • Password: $CREDENTIAL SET NAME.PASSWORD
Credential Set

Next Steps

  • Assign appropriate templates for SCRIPT – HTTPS Synthetic Transaction monitor using Device Management Policy, Assign Templates, or on the resource itself.
  • Check response time for each metric and configured location in the graph from the Overview section. The graph displays only up to 20 metric points. To view other metric points, select the event names from the Select Instances drop-down.