systrace/catapult/third_party/polymer/components/app-route/test/observer-tester.html

<!--
@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="observer-tester">
    <template>
      <app-location route="{{route}}"></app-location>
      <app-route
        route="{{route}}"
        pattern="/report/:id"
        data="{{data}}"
        active="{{active}}"></app-route>
    </template>
    <script>
      Polymer({
        is: 'observer-tester',
        properties: {
          route: {
            type: Object,
            notify:true
          },
          data: {
            type: Object,
            notify: true
          },
          active: {
            type: Boolean,
            value: false,
            observer: 'checkActive'
          }
        },
        checkActive: function(active) {
          var x = 1;
        }
      });
    </script>
  </dom-module>