Fixed typo in guidance test (#849)

eBay · Sep 20, 2019 · dfc73ae · dfc73ae
1 parent 75b3760
commit dfc73ae
Showing 1 changed file with 32 additions and 35 deletions.
diff --git a/docs/_includes/tests/notice.html b/docs/_includes/tests/notice.html
@@ -802,7 +802,7 @@ <h3 class="page-notice__status">
 
 <h2>Guided Notice (foreground SVG)</h2>
 <div class="test">
-   <div class="page-notice page-notice--guided page-notice--attention" role="region">
+   <div class="page-notice page-notice--guidance page-notice--attention" role="region">
         <h3 class="page-notice__status">
             <svg aria-hidden="true" focusable="false" class="icon--attention-filled">
                 <use xlink:href="#icon-attention-filled"></use>
@@ -812,7 +812,7 @@ <h3 class="page-notice__status">
             <p>Something went wrong. Please try again.</p>
         </span>
     </div>
-    <div class="page-notice page-notice--guided page-notice--confirmation" role="region">
+    <div class="page-notice page-notice--guidance page-notice--confirmation" role="region">
         <h3 class="page-notice__status">
             <svg aria-hidden="true" focusable="false" class="icon--confirmation-filled">
                 <use xlink:href="#icon-confirmation-filled"></use>
@@ -822,7 +822,7 @@ <h3 class="page-notice__status">
             <p>Congrats! You are the highest bidder!</p>
         </span>
     </div>
-    <div class="page-notice page-notice--guided page-notice--information" role="region">
+    <div class="page-notice page-notice--guidance page-notice--information" role="region">
         <h3 class="page-notice__status">
             <svg aria-hidden="true" focusable="false" class="icon--information-filled">
                 <use xlink:href="#icon-information-filled"></use>
@@ -832,7 +832,7 @@ <h3 class="page-notice__status">
             <p>Try refining your search term for more results.</p>
         </span>
     </div>
-    <div class="page-notice page-notice--guided" role="region">
+    <div class="page-notice page-notice--guidance" role="region">
         <span class="page-notice__content">
             <p>Here you go</p>
         </span>
@@ -842,31 +842,31 @@ <h3 class="page-notice__status">
 
 <h2>Guided Notice (background SVG)</h2>
 <div class="test">
-    <div class="page-notice page-notice--guided page-notice--attention" role="region">
+    <div class="page-notice page-notice--guidance page-notice--attention" role="region">
         <h3 class="page-notice__status">
             <span aria-label="attention" role="img"></span>
         </h3>
         <span class="page-notice__content">
             <p>Something went wrong. Please try again.</p>
         </span>
     </div>
-    <div class="page-notice page-notice--guided page-notice--confirmation" role="region">
+    <div class="page-notice page-notice--guidance page-notice--confirmation" role="region">
         <h3 class="page-notice__status">
             <span></span>
         </h3>
         <span class="page-notice__content">
             <p>Congrats! You are the highest bidder!</p>
         </span>
     </div>
-    <div class="page-notice page-notice--guided page-notice--information" role="region">
+    <div class="page-notice page-notice--guidance page-notice--information" role="region">
         <h3 class="page-notice__status">
             <span></span>
         </h3>
         <span class="page-notice__content">
             <p>Try refining your search term for more results.</p>
         </span>
     </div>
-    <div class="page-notice page-notice--guided" role="region">
+    <div class="page-notice page-notice--guidance" role="region">
         <span class="page-notice__content">
             <p>Here you go</p>
         </span>
@@ -876,7 +876,7 @@ <h3 class="page-notice__status">
 
 <h2>Guided Notice, with Button CTA (foreground SVG)</h2>
 <div class="test">
-    <div class="page-notice page-notice--guided page-notice--attention" role="region">
+    <div class="page-notice page-notice--guidance page-notice--attention" role="region">
         <h3 class="page-notice__status">
             <svg aria-hidden="true" focusable="false" class="icon--attention-filled">
                 <use xlink:href="#icon-attention-filled"></use>
@@ -888,7 +888,7 @@ <h3 class="page-notice__status">
         </span>
         <button class="page-notice__cta">Action button</button>
     </div>
-    <div class="page-notice page-notice--guided page-notice--information" role="region">
+    <div class="page-notice page-notice--guidance page-notice--information" role="region">
         <h3 class="page-notice__status">
             <svg aria-hidden="true" focusable="false" class="icon--information-filled">
                 <use xlink:href="#icon-information-filled"></use>
@@ -901,7 +901,7 @@ <h3 class="page-notice__status">
         <button class="page-notice__cta">Action button</button>
     </div>
 
-    <div class="page-notice page-notice--guided page-notice--confirmation" role="region">
+    <div class="page-notice page-notice--guidance page-notice--confirmation" role="region">
         <h3 class="page-notice__status">
             <svg aria-hidden="true" focusable="false" class="icon--attention-filled">
                 <title>Comfirmation</title>
@@ -914,7 +914,7 @@ <h3 class="page-notice__status">
         </span>
         <button class="page-notice__cta">Action button</button>
     </div>
-    <div class="page-notice page-notice--guided" role="region">
+    <div class="page-notice page-notice--guidance" role="region">
        <span class="page-notice__content">
             <p>Something went wrong. Please try again.</p>
             <p>Click button to get More info</p>
@@ -926,7 +926,7 @@ <h3 class="page-notice__status">
 
 <h2>Guided Notice, with Button CTA (background SVG)</h2>
 <div class="test">
-    <div class="page-notice page-notice--guided page-notice--attention" role="region">
+    <div class="page-notice page-notice--guidance page-notice--attention" role="region">
         <h3 class="page-notice__status">
             <span></span>
         </h3>
@@ -936,7 +936,7 @@ <h3 class="page-notice__status">
         </span>
         <button class="page-notice__cta">Action button</button>
     </div>
-    <div class="page-notice page-notice--guided page-notice--information" role="region">
+    <div class="page-notice page-notice--guidance page-notice--information" role="region">
         <h3 class="page-notice__status">
             <span></span>
         </h3>
@@ -947,7 +947,7 @@ <h3 class="page-notice__status">
         <button class="page-notice__cta">Action button</button>
     </div>
 
-    <div class="page-notice page-notice--guided page-notice--confirmation" role="region">
+    <div class="page-notice page-notice--guidance page-notice--confirmation" role="region">
         <h3 class="page-notice__status">
             <span></span>
         </h3>
@@ -957,7 +957,7 @@ <h3 class="page-notice__status">
         </span>
         <button class="page-notice__cta">Action button</button>
     </div>
-    <div class="page-notice page-notice--guided" role="region">
+    <div class="page-notice page-notice--guidance" role="region">
        <span class="page-notice__content">
             <p>Something went wrong. Please try again.</p>
             <p>Click button to get More info</p>
@@ -969,7 +969,7 @@ <h3 class="page-notice__status">
 
 <h2>Guided Notice, with Link CTA (foreground SVG)</h2>
 <div class="test">
-    <div class="page-notice page-notice--guided page-notice--attention" role="region">
+    <div class="page-notice page-notice--guidance page-notice--attention" role="region">
         <h3 class="page-notice__status">
             <svg aria-hidden="true" focusable="false" class="icon--attention-filled">
                 <use xlink:href="#icon-attention-filled"></use>
@@ -981,7 +981,7 @@ <h3 class="page-notice__status">
         </span>
         <a href="https://www.ebay.com" class="page-notice__cta">Action button</a>
     </div>
-    <div class="page-notice page-notice--guided page-notice--information" role="region">
+    <div class="page-notice page-notice--guidance page-notice--information" role="region">
         <h3 class="page-notice__status">
             <svg aria-hidden="true" focusable="false" class="icon--information-filled">
                 <use xlink:href="#icon-information-filled"></use>
@@ -994,7 +994,7 @@ <h3 class="page-notice__status">
         <a href="https://www.ebay.com" class="page-notice__cta">Action button</a>
     </div>
 
-    <div class="page-notice page-notice--guided page-notice--confirmation" role="region">
+    <div class="page-notice page-notice--guidance page-notice--confirmation" role="region">
         <h3 class="page-notice__status">
             <svg aria-hidden="true" focusable="false" class="icon--attention-filled">
                 <title>Comfirmation</title>
@@ -1011,7 +1011,7 @@ <h3 class="page-notice__status">
 
 <h2>Guided Notice, with Link CTA (background SVG)</h2>
 <div class="test">
-    <div class="page-notice page-notice--guided page-notice--attention" role="region">
+    <div class="page-notice page-notice--guidance page-notice--attention" role="region">
         <h3 class="page-notice__status">
             <span></span>
         </h3>
@@ -1021,7 +1021,7 @@ <h3 class="page-notice__status">
         </span>
         <a href="https://www.ebay.com" class="page-notice__cta">Action button</a>
     </div>
-    <div class="page-notice page-notice--guided page-notice--information" role="region">
+    <div class="page-notice page-notice--guidance page-notice--information" role="region">
         <h3 class="page-notice__status">
             <span></span>
         </h3>
@@ -1032,7 +1032,7 @@ <h3 class="page-notice__status">
         <a href="https://www.ebay.com" class="page-notice__cta">Action button</a>
     </div>
 
-    <div class="page-notice page-notice--guided page-notice--confirmation" role="region">
+    <div class="page-notice page-notice--guidance page-notice--confirmation" role="region">
         <h3 class="page-notice__status">
             <span></span>
         </h3>
@@ -1042,26 +1042,23 @@ <h3 class="page-notice__status">
         </span>
         <a href="https://www.ebay.com" class="page-notice__cta">Action button</a>
     </div>
-   <div class="page-notice page-notice--guided" role="region">
+   <div class="page-notice page-notice--guidance" role="region">
        <span class="page-notice__content">
             <p>Something went wrong. Please try again.</p>
             <p>Click button to get More info</p>
         </span>
-        <a href="http://www.ebay.com" class="page-notice__cta">Action link</a>
+        <a href="http://www.ebay.com" class="page-notice__cta">Action button</a>
     </div>
-
-
 </div>
 
-
 <h2>Multiline Guided, (foreground SVG)</h2>
 <div class="test">
-    <div class="page-notice page-notice--guided" role="region">
+    <div class="page-notice page-notice--guidance" role="region">
        <span class="page-notice__content">
             <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
         </span>
     </div>
-    <div class="page-notice page-notice--attention page-notice--guided" role="region">
+    <div class="page-notice page-notice--attention page-notice--guidance" role="region">
         <h3 class="page-notice__status">
             <svg aria-hidden="true" focusable="false" class="icon--attention-filled">
                 <use xlink:href="#icon-attention-filled"></use>
@@ -1071,7 +1068,7 @@ <h3 class="page-notice__status">
             <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
         </span>
     </div>
-    <div class="page-notice page-notice--confirmation page-notice--guided" role="region">
+    <div class="page-notice page-notice--confirmation page-notice--guidance" role="region">
         <h3 class="page-notice__status">
             <svg aria-hidden="true" focusable="false" class="icon--confirmation-filled">
                 <use xlink:href="#icon-confirmation-filled"></use>
@@ -1081,7 +1078,7 @@ <h3 class="page-notice__status">
             <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
         </span>
     </div>
-    <div class="page-notice page-notice--information page-notice--guided" role="region">
+    <div class="page-notice page-notice--information page-notice--guidance" role="region">
         <h3 class="page-notice__status">
             <svg aria-hidden="true" focusable="false" class="icon--information-filled">
                 <use xlink:href="#icon-information-filled"></use>
@@ -1095,28 +1092,28 @@ <h3 class="page-notice__status">
 
 <h2>Multiline guided, (background SVG)</h2>
 <div class="test">
-    <div class="page-notice page-notice--guided" role="region">
+    <div class="page-notice page-notice--guidance" role="region">
        <span class="page-notice__content">
             <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
         </span>
    </div>
-    <div class="page-notice page-notice--attention page-notice--guided" role="region">
+    <div class="page-notice page-notice--attention page-notice--guidance" role="region">
         <h3 class="page-notice__status">
             <span></span>
         </h3>
         <span class="page-notice__content">
             <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
         </span>
    </div>
-    <div class="page-notice page-notice--confirmation page-notice--guided" role="region">
+    <div class="page-notice page-notice--confirmation page-notice--guidance" role="region">
         <h3 class="page-notice__status">
             <span></span>
         </h3>
         <span class="page-notice__content">
             <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
         </span>
    </div>
-    <div class="page-notice page-notice--information page-notice--guided" role="region">
+    <div class="page-notice page-notice--information page-notice--guidance" role="region">
         <h3 class="page-notice__status">
             <span></span>
         </h3>