Index: packages/polymer/test/two_way_bind_test.dart |
diff --git a/packages/polymer/test/two_way_bind_test.dart b/packages/polymer/test/two_way_bind_test.dart |
new file mode 100644 |
index 0000000000000000000000000000000000000000..d026379c7ef580da2dfabce44914334b4ca5f648 |
--- /dev/null |
+++ b/packages/polymer/test/two_way_bind_test.dart |
@@ -0,0 +1,88 @@ |
+// 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. |
+ |
+import 'dart:async'; |
+import 'dart:html'; |
+import 'package:unittest/unittest.dart'; |
+import 'package:unittest/html_config.dart'; |
+import 'package:polymer/polymer.dart'; |
+ |
+@CustomTag('inner-element') |
+class InnerElement extends PolymerElement { |
+ @published int number; |
+ @published bool boolean; |
+ @published String string; |
+ |
+ InnerElement.created() : super.created(); |
+} |
+ |
+@CustomTag('outer-element') |
+class OuterElement extends PolymerElement { |
+ @observable int number = 1; |
+ @observable bool boolean = false; |
+ @observable String string = 'a'; |
+ |
+ OuterElement.created() : super.created(); |
+} |
+ |
+main() => initPolymer().then((zone) => zone.run(() { |
+ useHtmlConfiguration(); |
+ |
+ setUp(() => Polymer.onReady); |
+ |
+ test('inner element gets initial values', () { |
+ var outer = querySelector('outer-element'); |
+ var inner = outer.shadowRoot.querySelector('inner-element'); |
+ |
+ expect(inner.number, 1); |
+ expect(inner.boolean, false); |
+ expect(inner.string, 'a'); |
+ }); |
+ |
+ test('inner element updates the outer element', () { |
+ var outer = querySelector('outer-element'); |
+ var inner = outer.shadowRoot.querySelector('inner-element'); |
+ |
+ // Toggle the value in the child and make sure that propagates around. |
+ inner.number = 2; |
+ inner.boolean = true; |
+ inner.string = 'b'; |
+ return new Future(() {}).then((_) { |
+ expect(outer.number, 2); |
+ expect(outer.boolean, true); |
+ expect(outer.string, 'b'); |
+ |
+ inner.number = 1; |
+ inner.boolean = false; |
+ inner.string = 'a'; |
+ }).then((_) => new Future(() {})).then((_) { |
+ expect(outer.number, 1); |
+ expect(outer.boolean, false); |
+ expect(outer.string, 'a'); |
+ }); |
+ }); |
+ |
+ test('outer element updates the inner element', () { |
+ var outer = querySelector('outer-element'); |
+ var inner = outer.shadowRoot.querySelector('inner-element'); |
+ |
+ // Toggle the value in the parent and make sure that propagates around. |
+ outer.number = 2; |
+ outer.boolean = true; |
+ outer.string = 'b'; |
+ return new Future(() {}).then((_) { |
+ expect(inner.number, 2); |
+ expect(inner.boolean, true); |
+ expect(inner.string, 'b'); |
+ |
+ outer.number = 1; |
+ outer.boolean = false; |
+ outer.string = 'a'; |
+ }).then((_) => new Future(() {})).then((_) { |
+ expect(inner.number, 1); |
+ expect(inner.boolean, false); |
+ expect(inner.string, 'a'); |
+ }); |
+ }); |
+})); |