| Index: packages/polymer/test/js_interop_test.html
|
| diff --git a/packages/polymer/test/js_interop_test.html b/packages/polymer/test/js_interop_test.html
|
| new file mode 100644
|
| index 0000000000000000000000000000000000000000..36642939028d5e432a4b212ff83593e56b35688a
|
| --- /dev/null
|
| +++ b/packages/polymer/test/js_interop_test.html
|
| @@ -0,0 +1,99 @@
|
| +<!doctype html>
|
| +<!--
|
| + 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.
|
| +-->
|
| +<html>
|
| +
|
| + <head>
|
| + <title>polymer.js interop test</title>
|
| + <link rel="import" href="packages/polymer/polymer.html">
|
| + <script src="packages/unittest/test_controller.js"></script>
|
| + </head>
|
| + <body unresolved>
|
| +
|
| + <polymer-element name="js-element">
|
| + <template>FOOBAR</template>
|
| + <script>
|
| + Polymer('js-element', {
|
| + publish: {
|
| + baz: {value: 42, reflect: true}
|
| + },
|
| + aJsMethod: function(inc) {
|
| + this.shadowRoot.textContent = this.baz + inc;
|
| + },
|
| + });
|
| + </script>
|
| + </polymer-element>
|
| +
|
| + <polymer-element name="dart-element">
|
| + <template>
|
| + <js-element></js-element>
|
| + </template>
|
| + </polymer-element>
|
| +
|
| + <dart-element></dart-element>
|
| + <js-element></js-element>
|
| +
|
| + <polymer-element name="js-element2" attributes="qux">
|
| + <template>QUX:{{qux.baz}}</template>
|
| + <script>Polymer('js-element2');</script>
|
| + </polymer-element>
|
| +
|
| +
|
| + <polymer-element name="dart-element2">
|
| + <template>
|
| + <js-element2 qux="{{quux}}"></js-element2>
|
| + <!-- TODO(jakemac): remove this once
|
| + https://github.com/Polymer/ShadowDOM/issues/495 is resolved -->
|
| + <content hidden></content>
|
| + </template>
|
| + </polymer-element>
|
| +
|
| + <dart-element2>
|
| + <js-element baz="123" class="quux"></js-element>
|
| + </dart-element2>
|
| +
|
| +
|
| + <polymer-element name="js-element3" attributes="qux">
|
| + <template>FOOBAR</template>
|
| + <script>Polymer('js-element3', {
|
| + quxChanged: function() {
|
| + this.shadowRoot.textContent = 'js-element3[qux]:' +
|
| + this.qux.aDartMethod(321);
|
| + }
|
| + });</script>
|
| + </polymer-element>
|
| +
|
| + <polymer-element name="dart-element3">
|
| + <template>
|
| + <js-element3 qux="{{quux}}"></js-element3>
|
| + </template>
|
| + </polymer-element>
|
| +
|
| + <dart-element3></dart-element3>
|
| +
|
| +
|
| + <polymer-element name="js-two-way" attributes="foobar">
|
| + <template>FOOBAR:{{foobar}}</template>
|
| + <script>Polymer('js-two-way', {
|
| + foobar: 0,
|
| + aJsMethod: function(inc) {
|
| + this.foobar = this.foobar + inc;
|
| + },
|
| + });</script>
|
| + </polymer-element>
|
| +
|
| + <polymer-element name="dart-two-way">
|
| + <template>
|
| + <js-two-way foobar="{{twoWay}}"></js-two-way>
|
| + </template>
|
| + </polymer-element>
|
| +
|
| + <dart-two-way></dart-two-way>
|
| +
|
| + <script type="application/dart" src="js_interop_test.dart"></script>
|
| +
|
| + </body>
|
| +</html>
|
|
|