Stage 9: Implementing support for recording on the Book control

By this point in the tutorial, your toolkit support set already enables full OpenText Functional Testing functionality. OpenText Functional Testing recognizes the Book control, can learn it and can run tests on it.

An additional, optional way to create tests in OpenText Functional Testing is by recording operations that a user performs on the application. As you can see in Plan support for the Web Add-in Extensibility Book sample toolkit, by default plain Click operations are recorded on the various Web link and image objects within the Book control. It would be more helpful to record Select, GoToAuthorPage, and GoToUsedBooksPage operations on the Book control itself, in response to those same clicks.

To support customized recording on your control, you must specify what events to listen to and what test steps to record in response to each event.

To do this, you write two types of JavaScript functions:

For information on the syntax of the utility object functions, see the _util section in the API Reference.

To develop support for recording on the Book control:

1. Set the advanced options for recording in the General tab of the test object class designer.

   1. Open the WebExtBook General tab (Test Object Class designer).

      If you closed the designer, open it from the Class View by double-clicking WebExtBook in the list of test object classes for your project.

   2. Click Advanced Options, and scroll down to the RecordOptions.

   3. In the Event registration function name box enter ListenToEvents.

   4. Clear the check boxes for the options that indicate that standard Web event configuration should be used to handle events on the control and its children.

   5. Save your changes, and open the WebExtBook.js file from the Project Explorer to see how your definitions are reflected in the file.

      The following Record element is added within the WebExtBook Control element:

      <Record>
          <EventListening use_default_event_handling_for_children = "false" 
                          use_default_event_handling = "false" 
                          type = "javascript" function = "ListenToEvents"/>
      </Record>
      

      This indicates that the JavaScript function ListenToEvents should be used for handling events on the Book control and its children, rather than the default Web Event Configuration. Because you did not specify a JavaScript file, the JavaScript function is taken from the WebExtBook.js file specified at the Control level for the WebExtBook test object class.

2. Open the WebExtBook.js file.

   In the General tab in the test object class designer, in the advanced options for recording, click Implementation Code button near the Event registration function name box.

   The WebExtBook.js file opens to the stub created for the ListenToEvents function.

3. Add the JavaScript implementation required to support recording.

   1. Replace the stub created for the ListenToEvents function with the following code:

      function ListenToEvents( elem )
      {
          // Connect to the "Select" event: When the book name or the book 
          // icon is clicked, call OnSelectClicked.
          _util.RegisterForEvent( _elem.rows[0].cells[0].children[0], "onclick", "OnSelectClicked");
          _util.RegisterForEvent( _elem.rows[0].cells[1].children[0], "onclick" , "OnSelectClicked" );
          // Connect to the "Author" event: When an author name is clicked,
          // call OnAuthorClicked.
          for( var i = 0 ; i < _elem.rows[1].cells[0].children.length ; ++i )
          {
              if( _elem.rows[1].cells[0].children[i].tagName == "A" )
              {
                  _util.RegisterForEvent( _elem.rows[1].cells[0].children[i], "onclick", "OnAuthorClicked" );
              }
          }
          // Connect to the "UsedBooks" event: When "Used" is clicked,
          // call OnUsedBooksClicked.
          if(  _elem.rows[3].cells[0].children.length > 1 )
              _util.RegisterForEvent( _elem.rows[3].cells[0].children[1], "onclick", "OnUsedBooksClicked" );
          return true;
      }

      This function registers OpenText Functional Testing to listen to click events on the book's title, image, and authors, and on the Used link. When registering for an event, this function specifies what JavaScript function to call when the event occurs.

   2. Add the following event handler JavaScript functions:

      function OnSelectClicked( handlerParam , eventObj )
      {
          // Record the "Select" step
          var arr = new Array();
          _util.Record( "Select", toSafeArray(arr) , 0 );
          return true;
      }
      

      function OnAuthorClicked( handlerParam , eventObj )
      {
          // Record the "GoToAuthorPage" step
          var arr = new Array();
          arr[0] = eventObj.srcElement.innerText; 
          _util.Record( "GoToAuthorPage", toSafeArray(arr) , 0 );
          return true;
      }
      

      function OnUsedBooksClicked( handlerParam , eventObj )
      {
          // Record the "GoToUsedBooksPage" step
          var arr = new Array();
          _util.Record( "GoToUsedBooksPage", toSafeArray(arr) , 0 );
          return true;
      }

   These functions record Select, GoToAuthorPage, and GoToUsedBooksPage on the WebExtBook test object, as planned in Plan support for the Web Add-in Extensibility Book sample toolkit.

   Continue to Deploy the support and test recording.