1 files changed, 45 insertions, 0 deletions
diff --git a/catapult/third_party/polymer/components/app-route/test/app-example-1.html b/catapult/third_party/polymer/components/app-route/test/app-example-1.html
new file mode 100644
index 00000000..e86a7038
--- /dev/null
+++ b/catapult/third_party/polymer/components/app-route/test/app-example-1.html
@@ -0,0 +1,45 @@
+<!--
+@license
+Copyright (c) 2016 The Polymer Project Authors. All rights reserved.
+This code may only be used under the BSD style license found at http://polymer.github.io/LICENSE.txt
+The complete set of authors may be found at http://polymer.github.io/AUTHORS.txt
+The complete set of contributors may be found at http://polymer.github.io/CONTRIBUTORS.txt
+Code distributed by Google as part of the polymer project is also
+subject to an additional IP rights grant found at http://polymer.github.io/PATENTS.txt
+-->
+
+<link rel='import' href='../app-route.html'>
+<link rel='import' href='../app-location.html'>
+
+<dom-module id='app-example-1'>
+  <template>
+    <app-location route='{{route}}'>
+    </app-location>
+    <app-route id="page" route='{{route}}' pattern='/:page' data='{{data}}'>
+    </app-route>
+    <app-route id="user" route='{{route}}' pattern='/user' tail='{{userRoute}}'>
+    </app-route>
+    <app-route id="tail" route='{{userRoute}}' pattern='/:page' data='{{userData}}' query-params="{{userQueryParams}}">
+    </app-route>
+  </template>
+  <script>
+    Polymer({
+      is: 'app-example-1',
+      observers: [
+        'pageChanged(data.page)',
+        'userPathChanged(userRoute.path)',
+      ],
+      pageChanged: function(page) {
+        if (page === 'redirectToUser') {
+          this.set('data.page', 'user');
+        }
+      },
+      userPathChanged: function(path) {
+        // Redirect from /user/ and /user to /user/view
+        if (path === '/' || path === '') {
+          this.set('userRoute.path', '/view');
+        }
+      }
+    })
+  </script>
+</dom-module>