Update polymer to commit b7200854b2441a22ce89f6563963f36c50f5150d

pkg/polymer/test/event_path_declarative_test.dart

+// Copyright (c) 2013, the Dart project authors.  Please see the AUTHORS file
+// for details. All rights reserved. Use of this source code is governed by a
+// BSD-style license that can be found in the LICENSE file.
+
+// This is ported from event-path-declarative-test.dart in polymer/test/html/.
+// While the original test was intended to test event.path support, we changed
+// the test structure just to check that the event was handled in the expected
+// order.
+library polymer.test.event_path_declarative_test;
+
+import 'dart:async';
+import 'dart:collection';
+import 'dart:html';
+
+@MirrorsUsed(targets: const [XZug, XFoo, XBar],
+    override: 'polymer.test.event_path_declarative_test')

[Jennifer Messerly, 2013/10/25 22:00:41]

consider: using @reflectable instead. it's cleaner :)

[Siggi Cherem (dart-lang), 2013/10/26 00:02:35]

good point. done.

+import 'dart:mirrors';
+
+import 'package:unittest/unittest.dart';
+import 'package:unittest/html_config.dart';
+import 'package:polymer/polymer.dart';
+import 'package:template_binding/template_binding.dart';
+import 'package:polymer/platform.dart' as Platform;
+
+var _observedEvents = [];
+var _testFired;
+
+main() => initPolymer();
+
+class XZug extends PolymerElement {
+
+  XZug.created() : super.created();
+
+  ready() {
+    shadowRoot.on['test-event'].listen((e) {
+      _testFired.complete(null);
+    });
+  }
+
+
+  contentTestEventHandler(e, detail, sender) {
+    _observedEvents.add(sender);
+  }
+
+  divTestEventHandler(e, detail, sender) {
+    _observedEvents.add(sender);
+  }
+
+  testEventHandler(e, detail, sender) {
+    _observedEvents.add(sender);
+  }
+}
+
+class XFoo extends PolymerElement {
+  XFoo.created() : super.created();
+
+  contentTestEventHandler(e, detail, sender) {
+    _observedEvents.add(sender);
+  }
+
+  divTestEventHandler(e, detail, sender) {
+    _observedEvents.add(sender);
+  }
+
+  testEventHandler(e, detail, sender) {
+    _observedEvents.add(sender);
+  }
+}
+
+class XBar extends PolymerElement {
+  XBar.created() : super.created();
+
+  contentTestEventHandler(e, detail, sender) {
+    _observedEvents.add(sender);
+  }
+
+  divTestEventHandler(e, detail, sender) {
+    _observedEvents.add(sender);
+  }
+
+  testEventHandler(e, detail, sender) {
+    _observedEvents.add(sender);
+  }
+}
+
+@initMethod _init() {
+  useHtmlConfiguration();
+  // TODO(sigmund): switch back to use @CustomTag. We seem to be running into a
+  // problem where using @CustomTag doesn't guarantee that we register the tags
+  // in the following order (the query from mirrors is non deterministic).
+  // We shouldn't care about registration order though. See dartbug.com/14459

[Jennifer Messerly, 2013/10/25 22:00:41]

hmmm. I think registration order does matter. Generally you want your
dependencies registered first. It is fine to rely on that.

I think we're only hitting this due to our lame single-<script> tag restrictions
:|

IMO, not using CustomTag for this case is totally fine.

[Siggi Cherem (dart-lang), 2013/10/26 00:02:35]

we talked about this offline - I'll keep the comment here because in this case
the order shouldn't matter. We are seeing 'ready' and 'created' being called
more times because of this. 

+  Polymer.register('x-zug', XZug);
+  Polymer.register('x-foo', XFoo);
+  Polymer.register('x-bar', XBar);
+
+  _testFired = new Completer();
+
+  setUp(() => Polymer.onReady);
+  test('event paths', () {
+    var target = document.querySelector('#target');
+    target.dispatchEvent(new CustomEvent('test-event', canBubble: true));
+    return _testFired.future.then((_) {
+      var xBar = querySelector('x-bar');
+      var xBarDiv = xBar.shadowRoot.querySelector('#xBarDiv');
+      var xBarContent = xBar.shadowRoot.querySelector('#xBarContent');
+      var xFoo = xBar.shadowRoot.querySelector('x-foo');
+      var xFooDiv = xFoo.shadowRoot.querySelector('#xFooDiv');
+      var xFooContent = xFoo.shadowRoot.querySelector('#xFooContent');
+      var xZug = xFoo.shadowRoot.querySelector('x-zug');
+      var xZugDiv = xZug.shadowRoot.querySelector('#xZugDiv');
+      var xZugContent = xZug.shadowRoot.querySelector('#xZugContent');
+
+      var expectedPath = [ xBarContent, xBarDiv, xFooContent,
+          xZugContent, xZugDiv, xZug, xFooDiv, xFoo, xBar];
+      debugName(e) => '${e.localName}#${e.id}';
+      expect(_observedEvents, expectedPath, reason:
+        '<br>\nexpected: ${expectedPath.map(debugName).join(',')}'
+        '<br>\nactual: ${_observedEvents.map(debugName).join(',')}'
+        );
+    });
+  });
+}