Add StoryUri and ImageUri to Story metadata so that the report can include a link and image for a story.

Author: liammclennan

Samples/TestStack.BDDfy.Samples/Atm/AccountHolderWithdrawsCash.cs

@@ -6,7 +6,9 @@ namespace TestStack.BDDfy.Samples.Atm
     [Story(
         AsA = "As an Account Holder",
         IWant = "I want to withdraw cash from an ATM",
-        SoThat = "So that I can get money when the bank is closed")]
+        SoThat = "So that I can get money when the bank is closed",
+        ImageUri = "https://upload.wikimedia.org/wikipedia/commons/d/d3/49024-SOS-ATM.JPG",
+        StoryUri = "http://google.com")]
     public class AccountHolderWithdrawsCash
     {
         private const string GivenTheAccountBalanceIsTitleTemplate = "Given the account balance is ${0}";

TestStack.BDDfy/Reporters/Html/MetroReportBuilder.cs

@@ -331,11 +331,20 @@ private void AddStoryMetadataAndNarrative(Story story)
             {
                 AddLine(story.Metadata == null
                     ? string.Format("<h3 class='namespaceName'>{0}</h3>", story.Namespace)
-                    : string.Format("<h3 class='storyTitle'>{0}{1}</h3>", story.Metadata.TitlePrefix, story.Metadata.Title));
+                    : string.Format("<h3 class='storyTitle'>{0}</h3>", 
+                        string.IsNullOrWhiteSpace(story.Metadata.StoryUri) 
+                            ? story.Metadata.TitlePrefix + story.Metadata.Title
+                            : string.Format("<a href='{0}'>{1}{2}</a>", story.Metadata.StoryUri, story.Metadata.TitlePrefix, story.Metadata.Title)));
+
+                if (story.Metadata != null && !string.IsNullOrWhiteSpace(story.Metadata.ImageUri))
+                {
+                    AddLine(string.Format("<img class='storyImg' src='{0}' alt='Image for {1}{2}'/>", story.Metadata.ImageUri, story.Metadata.TitlePrefix, story.Metadata.Title));                    
+                }
 
                 if (story.Metadata == null || string.IsNullOrEmpty(story.Metadata.Narrative1)) 
                     return;
 
+
                 using (OpenTag("<ul class='storyNarrative'>", HtmlTag.ul))
                 {
                     AddLine(string.Format("<li>{0}</li>", story.Metadata.Narrative1));

TestStack.BDDfy/Reporters/Html/Scripts/metro.css

@@ -894,3 +894,9 @@ code {
     border: 1px solid #d0d0d0;
     display: inline-block;
 }
+
+.storyImg {
+    max-width:600px;
+    max-height:400px;
+    margin: 10px;
+}

TestStack.BDDfy/Scanners/StoryMetadata.cs

@@ -6,11 +6,11 @@ namespace TestStack.BDDfy
     public class StoryMetadata
     {
         public StoryMetadata(Type storyType, StoryNarrativeAttribute narrative)
-            : this(storyType, narrative.Narrative1, narrative.Narrative2, narrative.Narrative3, narrative.Title, narrative.TitlePrefix)
+            : this(storyType, narrative.Narrative1, narrative.Narrative2, narrative.Narrative3, narrative.Title, narrative.TitlePrefix, narrative.ImageUri, narrative.StoryUri)
         {
         }
 
-        public StoryMetadata(Type storyType, string narrative1, string narrative2, string narrative3, string title = null, string titlePrefix = null)
+        public StoryMetadata(Type storyType, string narrative1, string narrative2, string narrative3, string title = null, string titlePrefix = null, string imageUri = null, string storyUri = null)
         {
             Title = title ?? Configurator.Scanners.Humanize(storyType.Name);
             TitlePrefix = titlePrefix ?? "Story: ";
@@ -19,6 +19,9 @@ public StoryMetadata(Type storyType, string narrative1, string narrative2, strin
             Narrative1 = narrative1;
             Narrative2 = narrative2;
             Narrative3 = narrative3;
+
+            ImageUri = imageUri;
+            StoryUri = storyUri;
         }
 
         public Type Type { get; private set; }
@@ -27,5 +30,7 @@ public StoryMetadata(Type storyType, string narrative1, string narrative2, strin
         public string Narrative1 { get; private set; }
         public string Narrative2 { get; private set; }
         public string Narrative3 { get; private set; }
+        public string ImageUri { get; private set; }
+        public string StoryUri { get; private set; }
     }
 }

TestStack.BDDfy/StoryNarrativeAttribute.cs

@@ -11,6 +11,8 @@ public class StoryNarrativeAttribute : Attribute
         public string Narrative1 { get; set; }
         public string Narrative2 { get; set; }
         public string Narrative3 { get; set; }
+        public string StoryUri { get; set; }    // link to story in task management system
+        public string ImageUri { get; set; }    // image to display for the story
 
         protected string CleanseProperty(string text, string prefix)
         {