add route-matching test case

Author: yyx990803

test/e2e/specs/route-matching.js

@@ -0,0 +1,130 @@
+module.exports = {
+  'route-matching': function (browser) {
+    browser
+    .url('http://localhost:8080/route-matching/')
+      .waitForElementVisible('#app', 1000)
+      .assert.count('li a', 10)
+      .assert.evaluate(function () {
+        var route = JSON.parse(document.querySelector('pre').textContent)
+        return (
+          route.matched.length === 1 &&
+          route.matched[0].path === '' &&
+          route.fullPath === '/' &&
+          JSON.stringify(route.params) === JSON.stringify({})
+        )
+      }, null, '/')
+
+      .click('li:nth-child(2) a')
+      .assert.evaluate(function () {
+        var route = JSON.parse(document.querySelector('pre').textContent)
+        return (
+          route.matched.length === 1 &&
+          route.matched[0].path === '/params/:foo/:bar' &&
+          route.fullPath === '/params/foo/bar' &&
+          JSON.stringify(route.params) === JSON.stringify({
+            foo: 'foo',
+            bar: 'bar'
+          })
+        )
+      }, null, '/params/foo/bar')
+
+      .click('li:nth-child(3) a')
+      .assert.evaluate(function () {
+        var route = JSON.parse(document.querySelector('pre').textContent)
+        return (
+          route.matched.length === 1 &&
+          route.matched[0].path === '/optional-params/:foo?' &&
+          route.fullPath === '/optional-params' &&
+          JSON.stringify(route.params) === JSON.stringify({})
+        )
+      }, null, '/optional-params')
+
+      .click('li:nth-child(4) a')
+      .assert.evaluate(function () {
+        var route = JSON.parse(document.querySelector('pre').textContent)
+        return (
+          route.matched.length === 1 &&
+          route.matched[0].path === '/optional-params/:foo?' &&
+          route.fullPath === '/optional-params/foo' &&
+          JSON.stringify(route.params) === JSON.stringify({
+            foo: 'foo'
+          })
+        )
+      }, null, '/optional-params/foo')
+
+      .click('li:nth-child(5) a')
+      .assert.evaluate(function () {
+        var route = JSON.parse(document.querySelector('pre').textContent)
+        return (
+          route.matched.length === 1 &&
+          route.matched[0].path === '/params-with-regex/:id(\\d+)' &&
+          route.fullPath === '/params-with-regex/123' &&
+          JSON.stringify(route.params) === JSON.stringify({
+            id: '123'
+          })
+        )
+      }, null, '/params-with-regex/123')
+
+      .click('li:nth-child(6) a')
+      .assert.evaluate(function () {
+        var route = JSON.parse(document.querySelector('pre').textContent)
+        return (
+          route.matched.length === 0 &&
+          route.fullPath === '/params-with-regex/abc' &&
+          JSON.stringify(route.params) === JSON.stringify({})
+        )
+      }, null, '/params-with-regex/abc')
+
+      .click('li:nth-child(7) a')
+      .assert.evaluate(function () {
+        var route = JSON.parse(document.querySelector('pre').textContent)
+        return (
+          route.matched.length === 1 &&
+          route.matched[0].path === '/asterisk/*' &&
+          route.fullPath === '/asterisk/foo' &&
+          JSON.stringify(route.params) === JSON.stringify({
+            0: 'foo'
+          })
+        )
+      }, null, '/asterisk/foo')
+
+      .click('li:nth-child(8) a')
+      .assert.evaluate(function () {
+        var route = JSON.parse(document.querySelector('pre').textContent)
+        return (
+          route.matched.length === 1 &&
+          route.matched[0].path === '/asterisk/*' &&
+          route.fullPath === '/asterisk/foo/bar' &&
+          JSON.stringify(route.params) === JSON.stringify({
+            0: 'foo/bar'
+          })
+        )
+      }, null, '/asterisk/foo/bar')
+
+      .click('li:nth-child(9) a')
+      .assert.evaluate(function () {
+        var route = JSON.parse(document.querySelector('pre').textContent)
+        return (
+          route.matched.length === 1 &&
+          route.matched[0].path === '/optional-group/(foo/)?bar' &&
+          route.fullPath === '/optional-group/bar' &&
+          JSON.stringify(route.params) === JSON.stringify({})
+        )
+      }, null, '/optional-group/bar')
+
+      .click('li:nth-child(10) a')
+      .assert.evaluate(function () {
+        var route = JSON.parse(document.querySelector('pre').textContent)
+        return (
+          route.matched.length === 1 &&
+          route.matched[0].path === '/optional-group/(foo/)?bar' &&
+          route.fullPath === '/optional-group/foo/bar' &&
+          JSON.stringify(route.params) === JSON.stringify({
+            0: 'foo/'
+          })
+        )
+      }, null, '/optional-group/foo/bar')
+
+      .end()
+  }
+}