OLD | NEW |
(Empty) | |
| 1 <!doctype html> |
| 2 <!-- |
| 3 Copyright (c) 2013, the Dart project authors. Please see the AUTHORS file |
| 4 for details. All rights reserved. Use of this source code is governed by a |
| 5 BSD-style license that can be found in the LICENSE file. |
| 6 --> |
| 7 <html> |
| 8 |
| 9 <head><title>event path declarative test</title> |
| 10 <link rel="import" href="packages/polymer/polymer.html"> |
| 11 <script src="packages/unittest/test_controller.js"></script> |
| 12 <!-- |
| 13 Test ported from: |
| 14 https://github.com/Polymer/polymer/blob/7936ff8/test/html/event-path-declara
tive.html |
| 15 --> |
| 16 </head> |
| 17 <body unresolved> |
| 18 <x-bar><div id="target">Test</div></x-bar> |
| 19 <polymer-element name="x-zug" on-test-event="{{testEventHandler}}"> |
| 20 <template> |
| 21 x-zug: |
| 22 <div id="xZugDiv" on-test-event="{{divTestEventHandler}}"> |
| 23 <content id="xZugContent" on-test-event="{{contentTestEventHandler}}"> |
| 24 </content> |
| 25 </div> |
| 26 </template> |
| 27 </polymer-element> |
| 28 |
| 29 |
| 30 <polymer-element name="x-foo" on-test-event="{{testEventHandler}}"> |
| 31 <template> |
| 32 <style> |
| 33 @host { |
| 34 display: block; |
| 35 border: 1px solid green; |
| 36 padding: 10px; |
| 37 } |
| 38 </style> |
| 39 x-foo: |
| 40 <div id="xFooDiv" on-test-event="{{divTestEventHandler}}"> |
| 41 <x-zug><content id="xFooContent" |
| 42 on-test-event="{{contentTestEventHandler}}"></content> |
| 43 </x-zug> |
| 44 </div> |
| 45 </template> |
| 46 </polymer-element> |
| 47 |
| 48 |
| 49 <polymer-element name="x-bar" on-test-event="{{testEventHandler}}"> |
| 50 <template> |
| 51 <style> |
| 52 @host { |
| 53 display: block; |
| 54 border: 1px solid red; |
| 55 padding: 10px; |
| 56 } |
| 57 |
| 58 .clicky { |
| 59 border: 1px solid black; |
| 60 } |
| 61 |
| 62 </style> |
| 63 x-bar: |
| 64 <x-foo> |
| 65 <div class="clicky" id="xBarDiv" |
| 66 on-test-event="{{divTestEventHandler}}"> |
| 67 <content id="xBarContent" on-test-event="{{contentTestEventHandler}}"> |
| 68 </content> |
| 69 </div> |
| 70 </x-foo> |
| 71 </template> |
| 72 </polymer-element> |
| 73 |
| 74 <script type="application/dart" src="event_path_declarative_test.dart"></scrip
t> |
| 75 </body> |
| 76 </html> |
OLD | NEW |