tests for exact-active-class

yyx990803 · yyx990803 · commit 96c778c6b309 · 2017-04-24T15:17:16.000+08:00
diff --git a/examples/active-links/index.html b/examples/active-links/index.html
@@ -1,11 +1,11 @@
 <!DOCTYPE html>
 <link rel="stylesheet" href="/global.css">
 <style>
-a.router-link-active {
+a.router-link-active, li.router-link-active a {
   color: #f66;
 }
-li.router-link-active a {
-  color: #f66;
+a.router-link-exact-active, li.router-link-exact-active a {
+  border-bottom: 1px solid #f66;
 }
 </style>
 <a href="/">&larr; Examples index</a>
diff --git a/test/e2e/specs/active-links.js b/test/e2e/specs/active-links.js
@@ -19,28 +19,34 @@ module.exports = {
       .assert.attributeContains('li:nth-child(11) a', 'href', '/active-links/about')
       .assert.containsText('.view', 'Home')
 
-    assertActiveLinks(1, [1, 2])
-    assertActiveLinks(2, [1, 2])
-    assertActiveLinks(3, [1, 3, 4])
-    assertActiveLinks(4, [1, 3, 4])
-    assertActiveLinks(5, [1, 3, 5])
-    assertActiveLinks(6, [1, 3, 5, 6])
-    assertActiveLinks(7, [1, 3, 5, 7, 8])
-    assertActiveLinks(8, [1, 3, 5, 7, 8])
-    assertActiveLinks(9, [1, 3, 5, 7, 9])
-    assertActiveLinks(10, [1, 10], [11])
-    assertActiveLinks(11, [1, 10], [11])
+    assertActiveLinks(1, [1, 2], null, [1, 2])
+    assertActiveLinks(2, [1, 2], null, [1, 2])
+    assertActiveLinks(3, [1, 3, 4], null, [3, 4])
+    assertActiveLinks(4, [1, 3, 4], null, [3, 4])
+    assertActiveLinks(5, [1, 3, 5], null, [5])
+    assertActiveLinks(6, [1, 3, 5, 6], null, [6])
+    assertActiveLinks(7, [1, 3, 5, 7, 8], null, [7, 8])
+    assertActiveLinks(8, [1, 3, 5, 7, 8], null, [7, 8])
+    assertActiveLinks(9, [1, 3, 5, 7, 9], null, [9])
+    assertActiveLinks(10, [1, 10], [11], [10], [11])
+    assertActiveLinks(11, [1, 10], [11], [10], [11])
 
     browser.end()
 
-    function assertActiveLinks (n, activeA, activeLI) {
+    function assertActiveLinks (n, activeA, activeLI, exactActiveA, exactActiveLI) {
       browser.click(`li:nth-child(${n}) a`)
       activeA.forEach(i => {
         browser.assert.cssClassPresent(`li:nth-child(${i}) a`, 'router-link-active')
       })
       activeLI && activeLI.forEach(i => {
         browser.assert.cssClassPresent(`li:nth-child(${i})`, 'router-link-active')
       })
+      exactActiveA.forEach(i => {
+        browser.assert.cssClassPresent(`li:nth-child(${i}) a`, 'router-link-exact-active')
+      })
+      exactActiveLI && exactActiveLI.forEach(i => {
+        browser.assert.cssClassPresent(`li:nth-child(${i})`, 'router-link-exact-active')
+      })
     }
   }
 }
