switch Node.bind to interop

pkg/polymer/test/js_interop_test.dart

-// Copyright (c) 2013, the Dart project authors.  Please see the AUTHORS file
+// Copyright (c) 2014, 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.web.js_interop_test;
 
 import 'dart:async';
 import 'dart:html';
 import 'dart:js';
 import 'package:polymer/polymer.dart';
 import 'package:unittest/html_config.dart';
 import 'package:unittest/unittest.dart';
 
 @CustomTag("dart-element")
 class DartElement extends PolymerElement {
   DartElement.created() : super.created();
 }
 
+@CustomTag("dart-element2")
+class DartElement2 extends PolymerElement {
+  Element get quux => this.querySelector('.quux');
+  DartElement2.created() : super.created();
+}
+
+@CustomTag("dart-element3")
+class DartElement3 extends PolymerElement {
+  @observable var quux;
+  DartElement3.created() : super.created();
+
+  domReady() {
+    quux = new JsObject.jsify({
+      'aDartMethod': (x) => 444 + x
+    });
+  }
+}
+
 main() => initPolymer().run(() {
   useHtmlConfiguration();
 
   setUp(() => Polymer.onReady);
 
   test('dart-element upgraded', () {
     expect(querySelector('dart-element') is DartElement, true,
         reason: 'dart-element upgraded');
   });
 
   test('js-element in body', () => testInterop(
       querySelector('js-element')));
 
   test('js-element in dart-element', () => testInterop(
       querySelector('dart-element').shadowRoot.querySelector('js-element')));
+
+  test('elements can be passed through Node.bind to JS', () {
+    var text = querySelector('dart-element2')
+        .shadowRoot.querySelector('js-element2')
+        .shadowRoot.text;
+    expect(text, 'QUX:123');
+  });
+
+  test('objects with funcdtions can be passed through Node.bind to JS', () {

[Siggi Cherem (dart-lang), 2014/06/27 18:40:52]

funcdtions => functions

[Jennifer Messerly, 2014/06/27 19:10:03]

eek good catch!

+    var sr = querySelector('dart-element3')
+      .shadowRoot.querySelector('js-element3')
+      .shadowRoot;
+
+    return new Future(() {
+      expect(sr.text, 'js-element3[qux]:765');
+    });
+  });
 });
 
 testInterop(jsElem) {
   expect(jsElem.shadowRoot.text, 'FOOBAR');
   var interop = new JsObject.fromBrowserObject(jsElem);
   expect(interop['baz'], 42, reason: 'can read JS custom element properties');
 
   jsElem.attributes['baz'] = '123';
   return flush().then((_) {
     expect(interop['baz'], 123, reason: 'attribute reflected to property');
@@ skipping 18 matching lines @@
 /// Calls Platform.flush() to flush Polymer.js pending operations, e.g.
 /// dirty checking for data-bindings.
 Future flush() {
   var Platform = context['Platform'];
   Platform.callMethod('flush');
 
   var completer = new Completer();
   Platform.callMethod('endOfMicrotask', [() => completer.complete()]);
   return completer.future;
 }