make sure the icons appear

pathway/templates/pathway/templates/modal_pathway_base.html

@@ -2,7 +2,7 @@
 <div class="modal-header">
   {% block pathway_header %}
     <h2>
-      <i ng-show="icon" class="[[ pathway.icon ]]"></i> {{ pathway.display_name }}
+      {% if pathway.icon %}{% icon pathway.icon %}{% endif %} {{ pathway.display_name }}
       <span ng-show="episode">
         ([[ episode.demographics[0].first_name ]] [[ episode.demographics[0].surname ]])
       </span>

pathway/templates/pathway/templates/modal_wizard_pathway.html

@@ -2,7 +2,7 @@
 {% load forms %}
 {% block pathway_header %}
   <h2>
-    <i ng-show="icon" class="[[ pathway.icon ]]"></i> {{ pathway.display_name }}
+    {% if pathway.icon %}{% icon pathway.icon %}{% endif %}  {{ pathway.display_name }}
     <span ng-show="episode">
       (<a href="/#/patient/[[ episode.demographics[0].patient_id ]]/[[ episode.demographics[0].id ]]">[[ episode.demographics[0].first_name ]] [[ episode.demographics[0].surname ]]</a>)
     </span>

pathway/templates/pathway/templates/page_pathway.html

@@ -1,14 +1,15 @@
 {% extends "pathway/templates/pathway_base.html" %}
+{% load forms %}
 {% block pathway_body %}
   {% for step in pathway.get_steps %}
   <div pathway-step="{{ step.get_api_name }}" class="row">
     <div class="col-md-10 col-md-push-1">
       <div class="panel panel-default">
         <div class="panel-heading">
           <h3>
-            <span ng-show="step.get_icon">
-            <i class="{{ step.get_icon }}"></i>
-            </span>
+            {% if step.get_icon %}
+              {% icon step.get_icon %}
+            {% endif %}
             {{ step.get_display_name }}
           </h3>
         </div>

pathway/templates/pathway/templates/pathway_base.html

@@ -5,7 +5,7 @@
       <div class="panel-heading">
         {% block pathway_header %}
           <h2>
-            <i ng-show="icon" class="[[ pathway.icon ]]"></i> {{ pathway.display_name }}
+            {% if pathway.icon %}{% icon pathway.icon %}{% endif %} {{ pathway.display_name }}
             <span ng-show="episode">
               (<a href="/#/patient/[[ episode.demographics[0].patient_id ]]/[[ episode.demographics[0].id ]]">[[ episode.demographics[0].first_name ]] [[ episode.demographics[0].surname ]]</a>)
             </span>

pathway/templates/pathway/templates/wizard_pathway.html

@@ -19,7 +19,7 @@
               <div class="panel-heading">
                 <h3>
                   <span ng-show="step.icon">
-                  <i class="{{ step.icon }}"></i>
+                    {% icon step.get_icon %}
                   </span>
                   {{ step.get_display_name }}
                 </h3>

pathway/tests/pathways.py

@@ -10,6 +10,7 @@ class PagePathwayExample(pathways.PagePathway):
     steps = (
         test_models.Demographics,
         steps.Step(model=test_models.DogOwner),
+        test_models.Colour,
     )
 
 
@@ -19,5 +20,5 @@ class WizardPathwayExample(pathways.WizardPathway):
     icon = "fa fa-something"
 
     steps = (
-        test_models.FamousLastWords,
+        test_models.Colour,
     )

pathway/tests/test_views.py

@@ -1,6 +1,7 @@
 from opal.core.test import OpalTestCase
 from django.core.urlresolvers import reverse
 from pathway.tests import pathways as test_pathways
+import mock
 
 
 class PathwayIndexViewTestCase(OpalTestCase):
@@ -39,6 +40,9 @@ def test_integration_page_modal(self):
         self.assertIn("modal-body", response.content)
         self.assertIn('form name="form"', response.content)
 
+        # make sure the icon is rendered
+        self.assertIn('fa fa-something', response.content)
+
     def test_integration_page_non_modal(self):
         response = self.get_response(
             test_pathways.PagePathwayExample(), is_modal=False
@@ -47,6 +51,9 @@ def test_integration_page_non_modal(self):
         self.assertNotIn("modal-body", response.content)
         self.assertIn('form name="form"', response.content)
 
+        # make sure the icon is rendered
+        self.assertIn('fa fa-something', response.content)
+
     def test_integration_wizard_modal(self):
         response = self.get_response(
             test_pathways.WizardPathwayExample(), is_modal=True
@@ -55,6 +62,9 @@ def test_integration_wizard_modal(self):
         self.assertIn("modal-body", response.content)
         self.assertIn('form name="form"', response.content)
 
+        # make sure the icon is rendered
+        self.assertIn('fa fa-something', response.content)
+
     def test_integration_wizard_non_modal(self):
         response = self.get_response(
             test_pathways.WizardPathwayExample(), is_modal=False
@@ -64,8 +74,30 @@ def test_integration_wizard_non_modal(self):
         self.assertNotIn("modal-body", response.content)
         self.assertIn('form name="form"', response.content)
 
+        # make sure the icon is rendere
+        self.assertIn('fa fa-something', response.content)
+
     def test_login_required(self):
         response = self.get_response(
             test_pathways.WizardPathwayExample(), login=False
         )
         self.assertEqual(response.status_code, 302)
+
+    def test_step_rendered(self):
+        """
+            Make sure Step display name and icon
+            are rendered in the pathway templates
+        """
+        pathway_types = [
+            test_pathways.WizardPathwayExample,
+            test_pathways.PagePathwayExample
+        ]
+        for pathway in pathway_types:
+            for is_modal in [True, False]:
+                response = self.get_response(
+                    pathway(), is_modal=is_modal
+                )
+
+            self.assertEqual(response.status_code, 200)
+            self.assertIn("Colour", response.content)
+            self.assertIn('fa fa-something', response.content)