add more e2e tests

Author: yyx990803

examples/named-views/app.js

@@ -40,9 +40,9 @@ new Vue({
         <li><router-link to="/">/</router-link></li>
         <li><router-link to="/other">/other</router-link></li>
       </ul>
-      <router-view></router-view>
-      <router-view name="a"></router-view>
-      <router-view name="b"></router-view>
+      <router-view class="view one"></router-view>
+      <router-view class="view two" name="a"></router-view>
+      <router-view class="view three" name="b"></router-view>
     </div>
   `
 }).$mount('#app')

examples/nested-routes/app.js

@@ -57,7 +57,7 @@ new Vue({
         <li><router-link to="/parent/bar">/parent/bar</router-link></li>
         <li><router-link to="/baz">/baz</router-link></li>
       </ul>
-      <router-view></router-view>
+      <router-view class="view"></router-view>
     </div>
   `
 }).$mount('#app')

src/create-matcher.js

@@ -165,6 +165,6 @@ function resolveRecordPath (path: string, record: RouteRecord): string {
   return resolvePath(path, record.parent ? record.parent.path : '/', true)
 }
 
-function getFullPath ({ path = '/', query = {}, hash = '' }) {
-  return path + stringifyQuery(query) + hash
+function getFullPath ({ path, query = {}, hash = '' }) {
+  return (path || '/') + stringifyQuery(query) + hash
 }

test/e2e/specs/basic.js

@@ -11,13 +11,21 @@ module.exports = {
       .assert.containsText('.view', 'home')
 
       .click('li:nth-child(2) a')
+      .assert.urlEquals('http://localhost:8080/basic/foo')
       .assert.containsText('.view', 'foo')
 
       .click('li:nth-child(3) a')
+      .assert.urlEquals('http://localhost:8080/basic/bar')
       .assert.containsText('.view', 'bar')
 
       .click('li:nth-child(1) a')
+      .assert.urlEquals('http://localhost:8080/basic/')
       .assert.containsText('.view', 'home')
+
+    // check initial visit
+    .url('http://localhost:8080/basic/foo')
+      .waitForElementVisible('#app', 1000)
+      .assert.containsText('.view', 'foo')
       .end()
   }
 }

test/e2e/specs/named-routes.js

@@ -0,0 +1,31 @@
+module.exports = {
+  'named routes': function (browser) {
+    browser
+    .url('http://localhost:8080/named-routes/')
+      .waitForElementVisible('#app', 1000)
+      .assert.count('li a', 3)
+      // assert correct href with base
+      .assert.attributeContains('li:nth-child(1) a', 'href', '/named-routes/')
+      .assert.attributeContains('li:nth-child(2) a', 'href', '/named-routes/foo')
+      .assert.attributeContains('li:nth-child(3) a', 'href', '/named-routes/bar')
+      .assert.containsText('.view', 'home')
+
+      .click('li:nth-child(2) a')
+      .assert.urlEquals('http://localhost:8080/named-routes/foo')
+      .assert.containsText('.view', 'foo')
+
+      .click('li:nth-child(3) a')
+      .assert.urlEquals('http://localhost:8080/named-routes/bar')
+      .assert.containsText('.view', 'bar')
+
+      .click('li:nth-child(1) a')
+      .assert.urlEquals('http://localhost:8080/named-routes/')
+      .assert.containsText('.view', 'home')
+
+    // check initial visit
+    .url('http://localhost:8080/named-routes/foo')
+      .waitForElementVisible('#app', 1000)
+      .assert.containsText('.view', 'foo')
+      .end()
+  }
+}

test/e2e/specs/named-views.js

@@ -0,0 +1,35 @@
+module.exports = {
+  'named views': function (browser) {
+    browser
+    .url('http://localhost:8080/named-views/')
+      .waitForElementVisible('#app', 1000)
+      .assert.count('li a', 2)
+      // assert correct href with base
+      .assert.attributeContains('li:nth-child(1) a', 'href', '/named-views/')
+      .assert.attributeContains('li:nth-child(2) a', 'href', '/named-views/other')
+
+      .assert.containsText('.view.one', 'foo')
+      .assert.containsText('.view.two', 'bar')
+      .assert.containsText('.view.three', 'baz')
+
+      .click('li:nth-child(2) a')
+      .assert.urlEquals('http://localhost:8080/named-views/other')
+      .assert.containsText('.view.one', 'baz')
+      .assert.containsText('.view.two', 'bar')
+      .assert.containsText('.view.three', 'foo')
+
+      .click('li:nth-child(1) a')
+      .assert.urlEquals('http://localhost:8080/named-views/')
+      .assert.containsText('.view.one', 'foo')
+      .assert.containsText('.view.two', 'bar')
+      .assert.containsText('.view.three', 'baz')
+
+    // check initial visit
+    .url('http://localhost:8080/named-views/other')
+      .waitForElementVisible('#app', 1000)
+      .assert.containsText('.view.one', 'baz')
+      .assert.containsText('.view.two', 'bar')
+      .assert.containsText('.view.three', 'foo')
+      .end()
+  }
+}

test/e2e/specs/nested-routes.js

@@ -0,0 +1,37 @@
+module.exports = {
+  'nested routes': function (browser) {
+    browser
+    .url('http://localhost:8080/nested-routes/')
+      .waitForElementVisible('#app', 1000)
+      .assert.count('li a', 4)
+      .assert.urlEquals('http://localhost:8080/nested-routes/parent')
+      .assert.containsText('.view', 'Parent')
+      .assert.containsText('.view', 'default')
+
+      .click('li:nth-child(2) a')
+      .assert.urlEquals('http://localhost:8080/nested-routes/parent/foo')
+      .assert.containsText('.view', 'Parent')
+      .assert.containsText('.view', 'foo')
+
+      .click('li:nth-child(3) a')
+      .assert.urlEquals('http://localhost:8080/nested-routes/parent/bar')
+      .assert.containsText('.view', 'Parent')
+      .assert.containsText('.view', 'bar')
+
+      .click('li:nth-child(4) a')
+      .assert.urlEquals('http://localhost:8080/nested-routes/baz')
+      .assert.containsText('.view', 'Parent')
+      .assert.containsText('.view', 'baz')
+
+    // check initial visit
+    .url('http://localhost:8080/nested-routes/parent/foo')
+      .waitForElementVisible('#app', 1000)
+      .assert.containsText('.view', 'Parent')
+      .assert.containsText('.view', 'foo')
+    .url('http://localhost:8080/nested-routes/baz')
+      .waitForElementVisible('#app', 1000)
+      .assert.containsText('.view', 'Parent')
+      .assert.containsText('.view', 'baz')
+      .end()
+  }
+}