From c949c8424d987a5c8c34444a60fa4ee0587a3e56 Mon Sep 17 00:00:00 2001
From: Jason Peretz <jperetz@sapient.com>
Date: Wed, 26 Apr 2017 10:05:28 -0400
Subject: [PATCH] Remove .active references in visual test files. Add
 .is-active to visual test files (magellan/active-item,
 magellan/unordered-links, and a new one I found sticky/menus-with-anchors

---
 test/visual/magellan/active-item.html      | 14 +++++++-------
 test/visual/magellan/unordered-links.html  |  2 +-
 test/visual/sticky/menus-with-anchors.html | 14 +++++++-------
 3 files changed, 15 insertions(+), 15 deletions(-)

diff --git a/test/visual/magellan/active-item.html b/test/visual/magellan/active-item.html
index 2bc5849fa..bd1513dad 100644
--- a/test/visual/magellan/active-item.html
+++ b/test/visual/magellan/active-item.html
@@ -8,14 +8,14 @@
     <link href="../motion-ui/dist/motion-ui.css" rel="stylesheet" />
     <link href="../assets/css/foundation.css" rel="stylesheet" />
     <style type="text/css">
-        
+
         section{height:60em;}
         nav{height:4em!important;}
         .sticky{width: 100%;}
         .highlight{background:#A1D4E9;}
         .top-bar, .top-bar ul, .dark{background:#3a3a3a; color:#A1D4E9 }
         .top-bar a{color: #A1D4E9;}
-        .active{background:#A1D4E9;color:white!important;}
+        .is-active{background:#A1D4E9;color:white!important;}
         .well{padding:3rem;}
 
     </style>
@@ -37,22 +37,22 @@
                 </div>
             </div>
         </nav>
-       
+
         <section id="heading">
             <h1 class="text-center well">Pre-anchor Section</h1>
             <div class="well">
                 <p>Incorrect: Navigation item one is active before first anchor point at section One.</p>
-                Correct: 
+                Correct:
                 <ul>
                     <li>Navigation items should be inactive until first anchor point.</li>
                     <li>URL should contain no hash</li>
                 </ul>
             </div>
         </section>
-        
+
     </header>
     <main>
-        
+
         <section id="one" class="highlight" data-magellan-target="one">
             <h1 class="text-center well">Section One</h1>
             <div class="well">
@@ -85,7 +85,7 @@
             <h1 class="text-center well">Section Six</h1>
         </section>
 
-        
+
     </main>
 
     <script src="../assets/js/vendor.js"></script>
diff --git a/test/visual/magellan/unordered-links.html b/test/visual/magellan/unordered-links.html
index 1073c75e4..5446a9b75 100644
--- a/test/visual/magellan/unordered-links.html
+++ b/test/visual/magellan/unordered-links.html
@@ -12,7 +12,7 @@
         top: 0;
         right: 0;
       }
-      [data-magellan] a.active {
+      [data-magellan] a.is-active {
         font-weight: bold;
         color: #000;
       }
diff --git a/test/visual/sticky/menus-with-anchors.html b/test/visual/sticky/menus-with-anchors.html
index 815e60525..5942757b5 100644
--- a/test/visual/sticky/menus-with-anchors.html
+++ b/test/visual/sticky/menus-with-anchors.html
@@ -5,14 +5,14 @@
   <title>Foundation for Sites Testing</title>
   <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no">
   <link href="../assets/css/foundation.css" rel="stylesheet" />
-  
+
   <style>
 
     .container {
       background-color: rgba(255,0,0,0.7);
 
     }
-    
+
     .fail {
       color: red;
       font-weight: bold;
@@ -58,7 +58,7 @@
       font-weight: normal;
       color: black;
     }
-    
+
     .menu-title {
       text-transform: uppercase;
       font-size: 1rem;
@@ -68,7 +68,7 @@
       padding: 1rem 1rem .5rem 1rem;
     }
 
-    .menu .active {
+    .menu .is-active {
       background-color: #2199e8;
       color: white;
     }
@@ -90,9 +90,9 @@
 
     </div>
   </div>
-  
+
   <div class="row test-container">
-    
+
     <div class="small-12 medium-6 columns">
       <div id="foo1" class="foo" data-magellan-target="foo1">
         <h1>#foo1</h1>
@@ -198,4 +198,4 @@
     $(document).foundation();
   </script>
 </body>
-</html>
\ No newline at end of file
+</html>
-- 
2.47.2