Fix click event not bound for router-link (fix #707) (#708)

* Fix click event not bound for router-link (fix #707)

Fix click event not bound for `<router-link>` when tag is not `<a>` and doesn't have child `<a>`

* add e2e test

Author: fnlctrl

examples/basic/app.js

@@ -34,6 +34,7 @@ new Vue({
         <li><router-link to="/">/</router-link></li>
         <li><router-link to="/foo">/foo</router-link></li>
         <li><router-link to="/bar">/bar</router-link></li>
+        <router-link tag="li" to="/bar">/bar</router-link>
       </ul>
       <router-view class="view"></router-view>
     </div>

src/components/link.js

@@ -64,6 +64,9 @@ export default {
         aData.on = on
         const aAttrs = aData.attrs || (aData.attrs = {})
         aAttrs.href = href
+      } else {
+        // doesn't have <a> child, apply listener to self
+        data.on = on
       }
     }
 

test/e2e/specs/basic.js

@@ -3,6 +3,7 @@ module.exports = {
     browser
     .url('http://localhost:8080/basic/')
       .waitForElementVisible('#app', 1000)
+      .assert.count('li', 4)
       .assert.count('li a', 3)
       // assert correct href with base
       .assert.attributeContains('li:nth-child(1) a', 'href', '/basic/')
@@ -22,6 +23,10 @@ module.exports = {
       .assert.urlEquals('http://localhost:8080/basic/')
       .assert.containsText('.view', 'home')
 
+      .click('li:nth-child(4)')
+      .assert.urlEquals('http://localhost:8080/basic/bar')
+      .assert.containsText('.view', 'bar')
+
     // check initial visit
     .url('http://localhost:8080/basic/foo')
       .waitForElementVisible('#app', 1000)