Storyboard Extension >

Example Container

If you use the Concordion's Example Command this will append all cards added to the storyboard while the example is being executed to the example element.

Behaviour:

This behaviour is enabled by calling the setAddCardsToExample(true) method on the extension
If a card with a failure or warning status is added to the section then the section title will be given that same status
Clicking on the section title will show or hide the rest of the cards in the section

Example 1: Add To Example

<div class="testinput" concordion:example="example1">
    <span concordion:assertTrue="addCard(#TEXT)">Card 1</span>
</div>

When this snippet is run with this fixture, this results in a new section being added to the Example and the section is collapsed.

Storyboard

Example 1: Add To Example
Click image to see example

Example 2: Add Failure Card

<div class="testinput" concordion:example="example1">
    <span concordion:assertTrue="addFailureCard(#TEXT)">Failure</span>
</div>

When this snippet is run with this fixture, this results in a new section being added to the Example and the section is collapsed and the section title getting a failure status.

Storyboard

Example 2: Add Failure Card
Click image to see example