Storyboard Extension

The Storyboard extension provides the capability to embed a series of 'cards' containing screenshots or data (text, xml, or html) in a panel at the bottom of the specification.

This information is captured at runtime to present actions that have been performed on the system under test. These can be used both as an aid to understanding what the test actually did, and as a debugging tool when something goes wrong.

The name comes from a movie development technique where a panel of pictures or other movie clips, laid out in the sequence that they will be shown in the movie. In general, storyboards are a series of photos or drawings that outline the sequence of scenes and major changes in the movie.

Cards

This extension currently supports two types of cards out of the box:

• ScreenshotCard: for capturing screenshots
• Notification Card: for capturing actions or data that is not gui based usch as soap messages

Containers

If there are a lot of steps, or many examples in a specification the storyboard can get overly large, this is where containers can aid us. This extension comes with two containers:

• SectionContainer: group cards into expandable regions
  • Can be added to the storyboard manually or automatically for each new example
  • A single SectionContainer can be appended to the example html element so that cards related to the example are located within the example
• ExampleContainer: add cards directly to the example

Further Details

• Customisation
• Logging Extension Integration
• How are card files named?
• What images does the extension add?
• What CSS styles does the extension add?
• What JavaScript does the extension add?