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.web.custom_event_test; | 5 library polymer.test.web.custom_event_test; |
6 | 6 |
7 import 'dart:async'; | 7 import 'dart:async'; |
8 import 'dart:html'; | 8 import 'dart:html'; |
9 import 'package:polymer/polymer.dart'; | 9 import 'package:polymer/polymer.dart'; |
10 import 'package:template_binding/template_binding.dart' show nodeBind; | 10 import 'package:template_binding/template_binding.dart' |
| 11 show nodeBind, enableBindingsReflection; |
11 import 'package:unittest/unittest.dart'; | 12 import 'package:unittest/unittest.dart'; |
12 import 'package:unittest/html_config.dart'; | 13 import 'package:unittest/html_config.dart'; |
13 | 14 |
14 | 15 |
15 @CustomTag('foo-bar') | 16 @CustomTag('foo-bar') |
16 class FooBar extends PolymerElement { | 17 class FooBar extends PolymerElement { |
17 // A little too much boilerplate? | 18 // A little too much boilerplate? |
18 static const EventStreamProvider<CustomEvent> fooEvent = | 19 static const EventStreamProvider<CustomEvent> fooEvent = |
19 const EventStreamProvider<CustomEvent>('foo'); | 20 const EventStreamProvider<CustomEvent>('foo'); |
20 static const EventStreamProvider<CustomEvent> barBazEvent = | 21 static const EventStreamProvider<CustomEvent> barBazEvent = |
21 const EventStreamProvider<CustomEvent>('barbaz'); | 22 const EventStreamProvider<CustomEvent>('barbaz'); |
22 | 23 |
23 FooBar.created() : super.created(); | 24 FooBar.created() : super.created(); |
24 | 25 |
25 Stream<CustomEvent> get onFooEvent => | 26 Stream<CustomEvent> get onFooEvent => |
26 FooBar.fooEvent.forTarget(this); | 27 FooBar.fooEvent.forTarget(this); |
27 Stream<CustomEvent> get onBarBazEvent => | 28 Stream<CustomEvent> get onBarBazEvent => |
28 FooBar.barBazEvent.forTarget(this); | 29 FooBar.barBazEvent.forTarget(this); |
29 | 30 |
30 fireFoo(x) => dispatchEvent(new CustomEvent('foo', detail: x)); | 31 fireFoo(x) => dispatchEvent(new CustomEvent('foo', detail: x)); |
31 fireBarBaz(x) => dispatchEvent(new CustomEvent('barbaz', detail: x)); | 32 fireBarBaz(x) => dispatchEvent(new CustomEvent('barbaz', detail: x)); |
32 } | 33 } |
33 | 34 |
34 @CustomTag('test-custom-event') | 35 @CustomTag('test-custom-event') |
35 class TestCustomEvent extends PolymerElement { | 36 class TestCustomEvent extends PolymerElement { |
36 TestCustomEvent.created() : super.created(); | 37 TestCustomEvent.created() : super.created(); |
37 | 38 |
38 get fooBar => getShadowRoot('test-custom-event').querySelector('foo-bar'); | 39 get fooBar => shadowRoots['test-custom-event'].querySelector('foo-bar'); |
39 | 40 |
40 final events = []; | 41 final events = []; |
41 fooHandler(e) => events.add(['foo', e]); | 42 fooHandler(e) => events.add(['foo', e]); |
42 barBazHandler(e) => events.add(['barbaz', e]); | 43 barBazHandler(e) => events.add(['barbaz', e]); |
43 } | 44 } |
44 | 45 |
45 main() => initPolymer().run(() { | 46 main() { |
46 useHtmlConfiguration(); | 47 enableBindingsReflection = true; |
47 | 48 |
48 setUp(() => Polymer.onReady); | 49 initPolymer().run(() { |
| 50 useHtmlConfiguration(); |
49 | 51 |
50 test('custom event', () { | 52 setUp(() => Polymer.onReady); |
51 final testComp = querySelector('test-custom-event'); | |
52 final fooBar = testComp.fooBar; | |
53 | 53 |
54 final binding = nodeBind(fooBar).bindings['on-barbaz']; | 54 test('custom event', () { |
55 expect(binding is Bindable, true, | 55 final testComp = querySelector('test-custom-event'); |
56 reason: 'on-barbaz event should be bound'); | 56 final fooBar = testComp.fooBar; |
57 | 57 |
58 expect(binding.value, null, reason: 'event bindings do not have value'); | 58 final binding = nodeBind(fooBar).bindings['on-barbaz']; |
| 59 expect(binding is Bindable, true, |
| 60 reason: 'on-barbaz event should be bound'); |
59 | 61 |
60 fooBar.fireFoo(123); | 62 expect(binding.value, '{{ barBazHandler }}', |
61 fooBar.fireBarBaz(42); | 63 reason: 'event bindings use the string as value'); |
62 fooBar.fireFoo(777); | |
63 | 64 |
64 final events = testComp.events; | 65 fooBar.fireFoo(123); |
65 expect(events.length, 3); | 66 fooBar.fireBarBaz(42); |
66 expect(events.map((e) => e[0]), ['foo', 'barbaz', 'foo']); | 67 fooBar.fireFoo(777); |
67 expect(events.map((e) => e[1].detail), [123, 42, 777]); | 68 |
| 69 final events = testComp.events; |
| 70 expect(events.length, 3); |
| 71 expect(events.map((e) => e[0]), ['foo', 'barbaz', 'foo']); |
| 72 expect(events.map((e) => e[1].detail), [123, 42, 777]); |
| 73 }); |
68 }); | 74 }); |
69 }); | 75 } |
OLD | NEW |