Update sub-route when route could be matched

carbon-route.html

@@ -232,7 +232,7 @@
         return;
       }
 
-      if (!path) {
+      if (path === undefined || path === null) {
         this.__resetProperties();
         return;
       }
@@ -266,10 +266,7 @@
       }
 
       matched = matched.join('/');
-      var tailPath = remainingPieces.join('/');
-      if (remainingPieces.length > 0) {
-        tailPath = '/' + tailPath;
-      }
+      var tailPath = '/' + remainingPieces.join('/');
 
       this._skipMatch = true;
       this._matched = matched;

test/carbon-route.html

@@ -46,6 +46,12 @@
           route="{{fooRoute}}"
           data="{{bazData}}">
       </carbon-route>
+
+      <carbon-route
+          pattern="/:page"
+          route="{{fooRoute}}"
+          data="{{pageData}}">
+      </carbon-route>
     </template>
   </test-fixture>
 <script>
@@ -63,7 +69,8 @@
     return {
       foo: routes[0],
       bar: routes[1],
-      baz: routes[2]
+      baz: routes[2],
+      page: routes[3]
     };
   }
 
@@ -105,7 +112,7 @@
       route.set('route.path', '/user/toriel');
       expect(route.tail).to.be.deep.equal({
         prefix: '/user/toriel',
-        path: '',
+        path: '/',
         __queryParams: {}
       });
     });
@@ -208,6 +215,24 @@
           routes.bar.set('data.bar', 'cba');
           expect(routes.foo.route.path).to.be.eql('/foo/123/baz/zyx');
         });
+
+        suite('updates when path could be matched', function() {
+          test('with literal part', function() {
+            var routes = fixtureChainedRoutes({ path: '/foo/123/bar/' });
+
+            expect(routes.bar.active).to.be.eql(true);
+            routes.bar.set('data.bar', 'zyx');
+            expect(routes.foo.route.path).to.be.eql('/foo/123/bar/zyx');
+          });
+
+          test('with only match', function() {
+            var routes = fixtureChainedRoutes({ path: '/foo/123' });
+
+            expect(routes.page.active).to.be.eql(true);
+            routes.page.set('data.page', 'page1');
+            expect(routes.foo.route.path).to.be.eql('/foo/123/page1');
+          });
+        });
       });
     });