| OLD | NEW |
| 1 // Copyright (c) 2013, the Dart project authors. Please see the AUTHORS file | 1 // Copyright (c) 2013, the Dart project authors. Please see the AUTHORS file |
| 2 // for details. All rights reserved. Use of this source code is governed by a | 2 // for details. All rights reserved. Use of this source code is governed by a |
| 3 // BSD-style license that can be found in the LICENSE file. | 3 // BSD-style license that can be found in the LICENSE file. |
| 4 | 4 |
| 5 library polymer.test.event_handlers_test; | 5 library polymer.test.event_handlers_test; |
| 6 | 6 |
| 7 import 'dart:async'; | 7 import 'dart:async'; |
| 8 import 'dart:html'; | 8 import 'dart:html'; |
| 9 | 9 |
| 10 import 'package:logging/logging.dart'; |
| 11 import 'package:polymer/polymer.dart'; |
| 12 import 'package:template_binding/template_binding.dart'; |
| 10 import 'package:unittest/unittest.dart'; | 13 import 'package:unittest/unittest.dart'; |
| 11 import 'package:unittest/html_config.dart'; | 14 import 'package:unittest/html_config.dart'; |
| 12 import 'package:polymer/polymer.dart'; | |
| 13 import 'package:template_binding/template_binding.dart'; | |
| 14 | 15 |
| 15 @CustomTag('x-test') | 16 @CustomTag('x-test') |
| 16 class XTest extends PolymerElement { | 17 class XTest extends PolymerElement { |
| 17 int _testCount = 0; | 18 int _testCount = 0; |
| 18 String _lastEvent; | 19 String _lastEvent; |
| 19 String _lastMessage; | 20 String _lastMessage; |
| 20 List list1 = []; | 21 List list1 = []; |
| 21 List list2 = []; | 22 List list2 = []; |
| 22 final _ready = new Completer(); | |
| 23 Future _onTestDone; | 23 Future _onTestDone; |
| 24 | 24 |
| 25 XTest.created() : super.created() { | 25 XTest.created() : super.created(); |
| 26 _onTestDone = _ready.future.then(_runTest); | |
| 27 } | |
| 28 | 26 |
| 29 ready() { | 27 ready() { |
| 30 super.ready(); | 28 super.ready(); |
| 31 for (var i = 0; i < 10; i++) { | 29 for (var i = 0; i < 10; i++) { |
| 32 var model = new MiniModel(this, i); | 30 var model = new MiniModel(this, i); |
| 33 list1.add(model); | 31 list1.add(model); |
| 34 list2.add(model); | 32 list2.add(model); |
| 35 } | 33 } |
| 36 _ready.complete(); | 34 |
| 35 _onTestDone = new Future.sync(_runTests); |
| 37 } | 36 } |
| 38 | 37 |
| 39 hostTapAction(event, detail, node) => _logEvent(event); | 38 hostTapAction(event, detail, node) => _logEvent(event); |
| 40 | 39 |
| 41 divTapAction(event, detail, node) => _logEvent(event); | 40 divTapAction(event, detail, node) => _logEvent(event); |
| 42 | 41 |
| 43 focusAction(event, detail, node) => _logEvent(event); | 42 focusAction(event, detail, node) => _logEvent(event); |
| 44 | 43 |
| 45 blurAction(event, detail, node) => _logEvent(event); | 44 blurAction(event, detail, node) => _logEvent(event); |
| 46 | 45 |
| 47 scrollAction(event, detail, node) => _logEvent(event); | 46 scrollAction(event, detail, node) => _logEvent(event); |
| 48 | 47 |
| 49 itemTapAction(event, detail, node) { | 48 itemTapAction(event, detail, node) { |
| 50 var model = nodeBind(event.target).templateInstance.model; | 49 var model = nodeBind(event.target).templateInstance.model; |
| 51 _logEvent(event, "x-test callback ${model['this']}"); | 50 _logEvent(event, "x-test callback ${model['this']}"); |
| 52 } | 51 } |
| 53 | 52 |
| 54 _logEvent(event, [message]) { | 53 _logEvent(event, [message]) { |
| 55 _testCount++; | 54 _testCount++; |
| 56 _lastEvent = event.type; | 55 _lastEvent = event.type; |
| 57 _lastMessage = message; | 56 _lastMessage = message; |
| 58 } | 57 } |
| 59 | 58 |
| 60 _runTest(_) { | 59 Future _runTests() { |
| 61 fire('tap', toNode: $['div']); | 60 fire('tap', toNode: $['div']); |
| 62 expect(_testCount, 2, reason: 'event heard at div and host'); | 61 expect(_testCount, 2, reason: 'event heard at div and host'); |
| 63 expect(_lastEvent, 'tap', reason: 'tap handled'); | 62 expect(_lastEvent, 'tap', reason: 'tap handled'); |
| 64 fire('focus', toNode: $['input'], canBubble: false); | 63 fire('focus', toNode: $['input'], canBubble: false); |
| 65 expect(_testCount, 3, reason: 'event heard by input'); | 64 expect(_testCount, 3, reason: 'event heard by input'); |
| 66 expect(_lastEvent, 'focus', reason: 'focus handled'); | 65 expect(_lastEvent, 'focus', reason: 'focus handled'); |
| 67 fire('blur', toNode: $['input'], canBubble: false); | 66 fire('blur', toNode: $['input'], canBubble: false); |
| 68 expect(_testCount, 4, reason: 'event heard by input'); | 67 expect(_testCount, 4, reason: 'event heard by input'); |
| 69 expect(_lastEvent, 'blur', reason: 'blur handled'); | 68 expect(_lastEvent, 'blur', reason: 'blur handled'); |
| 70 fire('scroll', toNode: $['list'], canBubble: false); | 69 fire('scroll', toNode: $['list'], canBubble: false); |
| 71 expect(_testCount, 5, reason: 'event heard by list'); | 70 expect(_testCount, 5, reason: 'event heard by list'); |
| 72 expect(_lastEvent, 'scroll', reason: 'scroll handled'); | 71 expect(_lastEvent, 'scroll', reason: 'scroll handled'); |
| 72 |
| 73 return onMutation($['list']).then((_) { | 73 return onMutation($['list']).then((_) { |
| 74 var l1 = $['list'].querySelectorAll('.list1')[4]; | 74 var l1 = $['list'].querySelectorAll('.list1')[4]; |
| 75 fire('tap', toNode: l1, canBubble: false); | 75 fire('tap', toNode: l1, canBubble: false); |
| 76 expect(_testCount, 6, reason: 'event heard by list1 item'); | 76 expect(_testCount, 6, reason: 'event heard by list1 item'); |
| 77 expect(_lastEvent, 'tap', reason: 'tap handled'); | 77 expect(_lastEvent, 'tap', reason: 'tap handled'); |
| 78 expect(_lastMessage, 'x-test callback <mini-model 4>'); | 78 expect(_lastMessage, 'x-test callback <mini-model 4>'); |
| 79 | 79 |
| 80 var l2 = $['list'].querySelectorAll('.list2')[3]; | 80 var l2 = $['list'].querySelectorAll('.list2')[3]; |
| 81 fire('tap', toNode: l2, canBubble: false); | 81 fire('tap', toNode: l2, canBubble: false); |
| 82 expect(_testCount, 7, reason: 'event heard by list2 item'); | 82 expect(_testCount, 7, reason: 'event heard by list2 item'); |
| (...skipping 13 matching lines...) Expand all Loading... |
| 96 } | 96 } |
| 97 MiniModel(this._element, this.index) { | 97 MiniModel(this._element, this.index) { |
| 98 // TODO(sigmund): remove this and reflect directly on the method. This is | 98 // TODO(sigmund): remove this and reflect directly on the method. This is |
| 99 // needed to work around bug 13002 | 99 // needed to work around bug 13002 |
| 100 itemTapAction = _itemTapAction; | 100 itemTapAction = _itemTapAction; |
| 101 } | 101 } |
| 102 String toString() => "<mini-model $index>"; | 102 String toString() => "<mini-model $index>"; |
| 103 } | 103 } |
| 104 | 104 |
| 105 main() { | 105 main() { |
| 106 Logger.root..level = Level.FINE |
| 107 ..onRecord.listen((m) => print('${m.loggerName} ${m.message}')); |
| 108 |
| 106 initPolymer(); | 109 initPolymer(); |
| 107 } | 110 } |
| 108 | 111 |
| 109 @initMethod _init() { | 112 @initMethod _init() { |
| 110 useHtmlConfiguration(); | 113 useHtmlConfiguration(); |
| 111 | 114 |
| 112 setUp(() => Polymer.onReady); | 115 setUp(() => Polymer.onReady); |
| 113 test('events handled', () => (query('x-test') as XTest)._onTestDone); | 116 test('events handled', () { |
| 117 XTest test = query('x-test'); |
| 118 expect(test._onTestDone, isNotNull, reason: 'ready was called'); |
| 119 }); |
| 114 } | 120 } |
| 115 | |
| OLD | NEW |