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 <!-- Test ported from: | |
10 https://github.com/Polymer/polymer/blob/b720085/test/html/event-handlers.html | |
11 --> | |
12 <head> | |
13 <title>event handlers</title> | |
14 <link rel="import" href="packages/polymer/polymer.html"> | |
15 <script src="packages/unittest/test_controller.js"></script> | |
16 </head> | |
17 <body unresolved> | |
18 | |
19 <x-test> | |
20 <div>...light...</div> | |
21 </x-test> | |
22 | |
23 <polymer-element name="x-test" on-tap="{{hostTapAction}}"> | |
24 <template> | |
25 <style> | |
26 :host { | |
27 display: block; | |
28 } | |
29 .gradient { | |
30 background: -webkit-gradient(linear, left top, left bottom, | |
31 color-stop(0%,#b4e391), color-stop(50%,#61c419), | |
32 color-stop(100%,#b4e391)); | |
33 } | |
34 </style> | |
35 | |
36 <div id="div" on-tap="{{divTapAction}}">Tap me! | |
37 <content></content> | |
38 </div> | |
39 <input id="input" on-focus="{{focusAction}}" | |
40 on-blur="{{blurAction}}">focusy | |
41 <div id="list" | |
42 style="height: 200px; overflow: auto; border: 1px solid black;" | |
43 on-scroll="{{scrollAction}}"> | |
44 <div class="gradient"> | |
45 <template repeat="{{list1}}"> | |
46 <div class="list1" on-tap="{{itemTapAction}}">{{index}}</div> | |
47 </template> | |
48 <template repeat="{{item in list2}}"> | |
49 <div class="list2" on-tap="{{itemTapAction}}">{{item.index}}</div> | |
50 </template> | |
51 </div> | |
52 </div> | |
53 </template> | |
54 <script type="application/dart" src="event_handlers_test.dart"></script> | |
55 </polymer-element> | |
56 </body> | |
57 </html> | |
OLD | NEW |