Search

Recording The Elements Of The Web Application

Articles

After creating the web application, the steps for automation need to be recorded. Recording can be either of the following ways:

  1. Click on the RECORD button in the Configurations tab.
  2. Click on the Start Recording button in the Actions tab.
  3. Click on the CREATE & RECORD button while creating a new Application.

    The Developer Bot must be running while recording the web application. Read how to start the Developer Bot here.

    After the recording begins, a Jiffy UILearn tab opens. Do the following to continue with the recording:

  4. On clicking the RECORD button, a floating window of Jiffy UILearn opens for recording the actions performed on the required fields in the web application based on the URL mentioned in the Configuration tab which will be captured as the UI controls. Image description

    Make sure that the website to be recorded is open in the browser before starting the recording. The UI Learn floating window can be minimized, maximized and closed using the buttons provided on the right top corner of the Jiffy UILearn floating window.

  5. Give a name for the Screen Ex: Screen1

  6. Learn the UI elements by placing the mouse pointer on the required field and then pressing the ctrl key. The selected UI element will be highlighted in Red colour. Image description

  7. The controls familiarized will be listed under the Screen1 screen. The names and actions of the controls can be edited as required.

    For the Flight Booking application, click on One way, Flying from, Flying to, Departing, Close button of Date picker and Search options to record them.

  8. To record different types of UI elements like image, text or table, click on the Other Recording button and choose the required option. Read Familiarizing UI Elements for more information.

  9. Click on the Stop Recording button on the Jiffy UILearn floating window after recording is completed. The familiarized UI controls are listed under the Actions tab of the Web UI node. Image description

  10. Edit the lines of action that are recorded to finetune the performance of the web application as required. Read how to Design the web application.

Did you find what you were looking for?