Using the Clip Editor

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

The Clip Editor brings together the disparate elements of your test— including test objects such as Containers, Nested Clips, Messages and Actions, Scripts, Delays, and Checkpoints into a single test framework. Collection types include Groups, Pages, Chains, Transactions, If-Then-Else, and Switch, as well as Nested Clips and Nested Compositions, and can be displayed in both List and Icon views.

When the Clip Editor opens only those clip elements that aren’t contained (e.g. in a Chain, Page, or Group) are initially loaded. Whenever a container is opened, only a subset of the clip elements in that container are then loaded. Additional data is loaded for clip elements when they are called upon (e.g. selected for editing). These makes the Clip Editor more responsive, particularly within larger test clips.

Add Menu

The Clip Element toolbar in the Clip Editor includes buttons for Add Message, Add Browser Action, Add Delay, and Add Checkpoint. Each clip element type can be easily added to an existing clip by selecting an item and then clicking the given Add icon to place a new element after the selection.

Refer to Create Any Clip Element from Toolbar for more information.

Clip Editor Icon View

The Clip Editor icon view features icons for non-HTTP clip elements in addition to the icon updates for HTTP types already cited. In Icon view, the icon face identifies each captured message or action by its type (e.g. for HTTP messages types include HTML, POST, GIF, JPG, etc.).

Dynamic scrolling in the Clip Editor does not require the user to get each new chunk to get to the last chunk, as it shows the full length of the resources section, and the user can scroll to the desired location. Pausing the scroll in the Clip Editor will automatically fill in the resources in that chunk.

Icon view large icons for delays, scripts, and checkpoints are shown on the right. Each item has scope. the time of delays can be entered on the face of Delay icons.

As within the Recording Editor, icon color in the Clip Editor corresponds to Content-Type.

In Icon view the display of information about a given clip element has been improved by color correspondence, and directional arrows (HTTP GET vs. POST/PUT). Large icons now default to display the HTTP method in the center of the icon (unless the Content Badges > Target Logo option is selected; see Using Content Badges), as well as The HTTP Content-Type is displayed in the center of the message icon on Icon view. For any given clip element, its name is displayed beneath the icon.

  • 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

Additionally, small Operations icons in the lower panel on the right. These icons can be used to manually add the corresponding type of message to the test clip.

Where appropriate, small icons appear in lists in the lower panel. For example, in the Scripts tab where saved clips appear. Changes in the Clip Editor lower panel apply to both icon and list views.

Clip Editor List View

The Clip Editor list view supports all of the clip elements as discussed above, showing content in a tabular list, with small icons. Each clip element occupies a row in this view. When a page is expanded in this view, its Resources settings also appear on the row of the HTML Document.

Note: Dynamic scrolling also is in effect in the List view in the same manner as discussed above in the Icon view context. In the Clip Editor dynamic scrolling allows the user to easily scroll to the desired location.

Just as in icon view checking or un-checking the Resource boxes here changes the active resources for the clip. Use the arrows to expand or collapse a collection.

Column Headings

The default column sort order is Name, Operation, Parameter 1, Parameter 2, [Scope], Type (for Containers), and finally, Target Name.

Right-click the column header to display a list of columns to show. Uncheck any item in the list to suppress its display in List view.

User preferences set here are honored for all clips until changed again. Columns can also be reordered using drag and drop. For example, the Type column, second-to-right by default, has been placed in the position between Name and Operation in the screenshot below.

Repeats in List View

The Clip Editor, List view now displays repeats as a separate line-item in the list above the clip element that has the repeat. This replaces the Repeat column in prior releases.

Use Repeat By to specify a specific number of repeats for a given item. The Repeat By will appear above the item to which it is attached.

List view shows user-friendly paths for properties whenever they occur in List view. Property fields are shown in containers, as well as when a property is specified for a repeat (shown below).

Changing the Repeat Method drop-down shown above from Repeat By to Repeat By Property introduces the Property Chooser dialog box. When a repeat method that requires a property to be set is first selected, it will show as [not specified].

Use the Property Chooser to make a property selection from among existing properties or to define a new property.

View property detail info in popups via single-clicking in or hovering over the given item.

Additional repeat types include For Each.

As well as While.

The Continuous repeat setting found in early releases has been renamed Infinite.