Using the Recording Editor

Document created by Chris Sommerstad Employee on Jul 20, 2017Last modified by Jijius Jabez on Aug 11, 2017
Version 2Show Document
  • View in full screen mode

The Recording Editor automates the creation of typical usage scenarios by recording and presenting the HTTP(S) message traffic from the target Web application. It captures each HTTP(S) request sent to/from the target and ensures you do not miss any requests sent to the target.

  • To record, first start the Conductor on the client machine. Refer to Installing SOASTA Conductor if the Conductor is not installed. To start a new recording in the Recording Editor, in the Central list, highlight HTTP(S) Message Recordings and then click the New icon in the upper left hand corner of the screen.
  • To open an existing recording, select it in the Recording list and then double-click.

In either case, the Recording Editor appears in a new tab.

While recording, the Recording Editor displays a data stream from a second browser, or displays the recorded data stream of an existing recording.

This editor includes contextual display of toolbar commands (such as Show/Hide Packets), Icon and List views with detail fields, as well as icons arranged by Content-Type.

While viewing items in the data stream, the editor uses dynamic scrolling that displays recorded content in completed recordings in a continuous line as you scroll from left to right and back again. This works in both Icon and List views within the Recording Editor In prior releases, there were page arrows to go to the next page of messages.

The white background of the Recording Editor detail fields are tabular and all fonts are fixed monotype fonts.

The Recording Editor icon view identifies captured messages by type (e.g. HTML, POST, GIF, JPG, etc.) using color correspondence, and in Icon view, the type is posted in the gray center portion of the icon.

  • Operation type is now presented in the lower portion of message icons with directional arrows (up for PUT and POST, and down for GET) instead.
  • For any given recorded item, its relative path (starting from the target item’s full path) is displayed beneath the icon. For a folder, "/" or the folder name are shown here. For a file or operation, its name is shown here.

Icon Colors for Content-Type

The Content-Type color correspondences on the right are presented in both the Recording Editor and Clip Editor in CloudTest:

  • HTML content-type icon    Green = HTML
  • XML content-type icon    Orange = XML
  • CSS content-type icon    Purple = CSS
  • JS content-type icon    Blue = JavaScript
  • SWF content-type icon    Yellow (Champagne) = SWF
  • TXT content-type icon    Seafoam (Blue Green) = Text
  • JPG, PNG, GIF content-type icon    Pink = Images (JPG, PNG, GIF)
  • Video content-type icon   Taupe = Video (MPEG-4, MOV, etc.)
  • Other content-type icon    Brown = all remaining Content-Types

Icon Colors for Packet Type

When Packet-Level Recordings are displayed in the Recording Editor the following additional color correspondences on the right apply:

  • TCP packet icon    Blue = TCP
  • HTTP packet icon    Purple = HTTP
  • UDP packet icon    Green = UDP
  • IP packet icon    Orange = IP
  • Remaining protocols packet icon      Silver = Any remaining protocol (e.g. YouTube’s protocol)

The Show/Hide Packet button on the Recording Editor only appears active on the Recording Editor toolbar for Packet-level recordings. During packet-level recording this button is visible, but inactive.

Recording Editor List View Enhancements

The Recording Editor list view also includes new color-coded content icons on the left most column. The Seq. #. column shows the order of messages recorded by sequence number.

The Response Code and Type columns show the type of content recorded. Content-type, which appears on the surface of the icon in Icon view, is displayed in its own Type column in List view.

Destination IP and Source IP columns now appear at the far right of the display. For packet-level recordings, packets for the current list selection are highlighted yellow in the right panel as shown below.

Recording Editor Detail Views

For selected items, details in the recording appear in the sections below. The following sections are included:

  • Summary (top)

The Summary information presented in the top section includes Sequence Number, Method, URL, Source IP, Destination IP, Protocol, and Response Code for the selected message from the recorded flow above.

Optionally, check Decode this binary encoded message using one of the drop-down options.

When a binary decode option is selected, if the message is not successfully decoded, a message is posted as shown to the right.

In the remaining Detail views (below Summary), Request information for the selection is presented in the left column, while Response information is presented on the right.

Detail View For Requests

  • Headers

Request header detail information is shown for the message selection.

  • Body

Request body detail information is shown for selected POST or PUT messages.

Detail View For Responses

  • Headers

Response header detail information is shown for the message selected above.

  • Body

The Response Body section now includes buttons and checkboxes (these were formerly hyperlinks that appeared at the bottom of the display).

TIP: Use the Min/Max buttons on the top right of the Response Body field to resize it.

  • Click Show the entire response to show all.
  • Click Show as HTML to display the content as the browser would.

Packet Details

Packet detail appears in a readable presentation that features color-coding (as described above) and improved detail display.

1 person found this helpful