Chromium Code Reviews| Index: pkg/polymer/test/event_handlers_test.dart |
| diff --git a/pkg/polymer/test/event_handlers_test.dart b/pkg/polymer/test/event_handlers_test.dart |
| new file mode 100644 |
| index 0000000000000000000000000000000000000000..6ce9e142d4b535e8fda503b2495f0f1469ec965e |
| --- /dev/null |
| +++ b/pkg/polymer/test/event_handlers_test.dart |
| @@ -0,0 +1,116 @@ |
| +// 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. |
| + |
| +library polymer.test.event_handlers_test; |
| + |
| +import 'dart:async'; |
| +import 'dart:html'; |
| + |
| +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; |
| + |
| +@CustomTag('x-test') |
| +class XTest extends PolymerElement { |
| + int _testCount = 0; |
| + String _lastEvent; |
| + String _lastMessage; |
| + List list1 = []; |
| + List list2 = []; |
| + final _ready = new Completer(); |
| + Future _onTestDone; |
| + |
| + XTest.created() : super.created() { |
| + _onTestDone = _ready.future.then(_runTest); |
| + } |
| + |
| + ready() { |
| + super.ready(); |
| + for (var i = 0; i < 10; i++) { |
| + var model = new MiniModel(this, i); |
| + list1.add(model); |
| + list2.add(model); |
| + } |
| + _ready.complete(); |
| + } |
| + |
| + hostTapAction(event, detail, node) => _logEvent(event); |
| + |
| + divTapAction(event, detail, node) => _logEvent(event); |
| + |
| + focusAction(event, detail, node) => _logEvent(event); |
| + |
| + blurAction(event, detail, node) => _logEvent(event); |
| + |
| + scrollAction(event, detail, node) => _logEvent(event); |
| + |
| + itemTapAction(event, detail, node) { |
| + var model = nodeBind(event.target).templateInstance.model; |
| + _logEvent(event, "x-test callback ${model['this']}"); |
| + } |
| + |
| + _logEvent(event, [message]) { |
| + _testCount++; |
| + _lastEvent = event.type; |
| + _lastMessage = message; |
| + } |
| + |
| + _runTest(_) { |
| + fire('tap', toNode: $['div']); |
| + expect(_testCount, 2, reason: 'event heard at div and host'); |
| + expect(_lastEvent, 'tap', reason: 'tap handled'); |
| + fire('focus', toNode: $['input'], canBubble: false); |
| + expect(_testCount, 3, reason: 'event heard by input'); |
| + expect(_lastEvent, 'focus', reason: 'focus handled'); |
| + fire('blur', toNode: $['input'], canBubble: false); |
| + expect(_testCount, 4, reason: 'event heard by input'); |
| + expect(_lastEvent, 'blur', reason: 'blur handled'); |
| + fire('scroll', toNode: $['list'], canBubble: false); |
| + expect(_testCount, 5, reason: 'event heard by list'); |
| + expect(_lastEvent, 'scroll', reason: 'scroll handled'); |
| + return onMutation($['list']).then((_) { |
| + var l1 = $['list'].querySelectorAll('.list1')[4]; |
| + fire('tap', toNode: l1, canBubble: false); |
| + expect(_testCount, 6, reason: 'event heard by list1 item'); |
| + expect(_lastEvent, 'tap', reason: 'tap handled'); |
| + expect(_lastMessage, 'x-test callback <mini-model 4>'); |
| + |
| + var l2 = $['list'].querySelectorAll('.list2')[3]; |
| + fire('tap', toNode: l2, canBubble: false); |
| + expect(_testCount, 7, reason: 'event heard by list2 item'); |
| + expect(_lastEvent, 'tap', reason: 'tap handled by model'); |
| + expect(_lastMessage, 'mini-model callback <mini-model 3>'); |
| + }); |
| + } |
| +} |
| + |
| +class MiniModel extends Observable { |
| + XTest _element; |
| + @observable final int index; |
| + @reflectable Function itemTapAction; |
|
Siggi Cherem (dart-lang)
2013/10/25 21:05:26
I'm not proud of this hack, but it works.
Jennifer Messerly
2013/10/25 22:00:41
hmmm. interesting I thought PolymerExpressions "Me
Siggi Cherem (dart-lang)
2013/10/26 00:02:35
me neither. I'll be submitting this shortly and lo
|
| + _itemTapAction(e, d, n) { |
| + _element._logEvent(e, 'mini-model callback $this'); |
| + e.stopPropagation(); |
| + } |
| + MiniModel(this._element, this.index) { |
| + // TODO(sigmund): remove this and reflect directly on the method. This is |
| + // needed to work around bug 13002 |
| + itemTapAction = _itemTapAction; |
| + } |
| + String toString() => "<mini-model $index>"; |
| +} |
| + |
| +main() { |
| + initPolymer(); |
| +} |
| + |
| +@initMethod _init() { |
| + useHtmlConfiguration(); |
| + |
| + setUp(() => Polymer.onReady); |
| + test('events handled', () => (query('x-test') as XTest)._onTestDone); |
| +} |
| + |