added some route-matching tests

Author: Kevin Smithson

examples/route-matching/app.js

@@ -21,7 +21,14 @@ const router = new VueRouter({
     // asterisk can match anything
     { path: '/asterisk/*' },
     // make part of the path optional by wrapping with parens and add "?"
-    { path: '/optional-group/(foo/)?bar' }
+    { path: '/optional-group/(foo/)?bar' },
+
+    // caseSensitive match
+    { path: '/FooBar', caseSensitive: true },
+    { path: '/FOOBar', pathToRegexpOptions: { sensitive: true }},
+    // Not case sensitive (which is default)
+    { path: '/foo', caseSensitive: false },
+    { path: '/FOO', caseSensitive: false } // Should match /foo
   ]
 })
 
@@ -41,6 +48,10 @@ new Vue({
         <li><router-link to="/asterisk/foo/bar">/asterisk/foo/bar</router-link></li>
         <li><router-link to="/optional-group/bar">/optional-group/bar</router-link></li>
         <li><router-link to="/optional-group/foo/bar">/optional-group/foo/bar</router-link></li>
+        <li><router-link to="/FooBar">/FooBar</router-link></li>
+        <li><router-link to="/FOOBar">/FOOBar</router-link></li>
+        <li><router-link to="/foo">/foo</router-link></li>
+        <li><router-link to="/FOO">/FOO</router-link></li>
       </ul>
       <p>Route context</p>
       <pre>{{ JSON.stringify($route, null, 2) }}</pre>

test/e2e/specs/route-matching.js

@@ -3,7 +3,7 @@ module.exports = {
     browser
     .url('http://localhost:8080/route-matching/')
       .waitForElementVisible('#app', 1000)
-      .assert.count('li a', 10)
+      .assert.count('li a', 14)
       .assert.evaluate(function () {
         var route = JSON.parse(document.querySelector('pre').textContent)
         return (
@@ -125,6 +125,53 @@ module.exports = {
         )
       }, null, '/optional-group/foo/bar')
 
+      .click('li:nth-child(11) a')
+      .assert.evaluate(function () {
+        var route = JSON.parse(document.querySelector('pre').textContent)
+        return (
+          route.matched.length === 1 &&
+          route.matched[0].path === '/FooBar' &&
+          route.fullPath === '/FooBar' &&
+          JSON.stringify(route.params) === JSON.stringify({}) &&
+          route.matched[0].pathToRegexpOptions.sensitive === true
+        )
+      }, null, '/FooBar')
+
+      .click('li:nth-child(12) a')
+      .assert.evaluate(function () {
+        var route = JSON.parse(document.querySelector('pre').textContent)
+        return (
+          route.matched.length === 1 &&
+          route.matched[0].path === '/FOOBar' &&
+          route.fullPath === '/FOOBar' &&
+          JSON.stringify(route.params) === JSON.stringify({}) &&
+          route.matched[0].pathToRegexpOptions.sensitive === true
+        )
+      }, null, '/FOOBar')
+
+      .click('li:nth-child(13) a')
+      .assert.evaluate(function () {
+        var route = JSON.parse(document.querySelector('pre').textContent)
+        return (
+          route.matched.length === 1 &&
+          route.matched[0].path === '/foo' &&
+          route.fullPath === '/foo' &&
+          JSON.stringify(route.params) === JSON.stringify({}) &&
+          route.matched[0].pathToRegexpOptions.sensitive === false
+        )
+      }, null, '/foo')
+
+      .click('li:nth-child(14) a')
+      .assert.evaluate(function () {
+        var route = JSON.parse(document.querySelector('pre').textContent)
+        return (
+          route.matched.length === 1 &&
+          route.matched[0].path === '/foo' &&
+          route.fullPath === '/FOO' &&
+          JSON.stringify(route.params) === JSON.stringify({}) &&
+          route.matched[0].pathToRegexpOptions.sensitive === false
+        )
+      }, null, '/FOOBar')
       .end()
   }
 }