Add examples to top bar visual test

diff --git a/test/visual/flex-grid/top-bar.html b/test/visual/flex-grid/top-bar.html
index 239bbb00da6f762fbded7a4f58e3c7ec01d0c27f..3f7d4cfbf5c4b6da84013496ed3898cef8010760 100644 (file)
--- a/test/visual/flex-grid/top-bar.html
+++ b/test/visual/flex-grid/top-bar.html
@@ -20,6 +20,25 @@
         This should be right aligned
       </div>
     </div>
+    <hr/>
+    <div class="top-bar">
+      <div class="top-bar-title">
+        This should be left aligned as a title
+      </div>
+      <div class="top-bar-right">
+        This should be right aligned
+      </div>
+    </div>
+
+    <hr/>
+    <div class="top-bar">
+      <div class="top-bar-left">
+        This should be left aligned
+      </div>
+      <div class="top-bar-right">
+        This should be right aligned
+      </div>
+    </div>
 
     <script src="../assets/js/vendor.js"></script>
     <script src="../assets/js/foundation.js"></script>