OLD | NEW |
1 <!doctype html> | 1 <!doctype html> |
2 <!-- | 2 <!-- |
3 Copyright (c) 2012, the Dart project authors. Please see the AUTHORS file | 3 Copyright (c) 2012, the Dart project authors. Please see the AUTHORS file |
4 for details. All rights reserved. Use of this source code is governed by a | 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. | 5 BSD-style license that can be found in the LICENSE file. |
6 --> | 6 --> |
7 <html lang="en"> | 7 <html lang="en"> |
8 <head> | 8 <head> |
9 <meta charset="utf-8"> | 9 <meta charset="utf-8"> |
10 <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> | 10 <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> |
11 <link rel="components" href="component_unique_ids_component.html"> | 11 <link rel="components" href="component_unique_ids_component.html"> |
12 <script type="application/javascript" src="testing.js"></script> | 12 <script type="application/javascript" src="testing.js"></script> |
13 </head> | 13 </head> |
14 <body> | 14 <body> |
15 You should see a message from B then A | 15 You should see a message from B then A |
16 <element name="x-component-a" extends="span"> | 16 <element name="x-component-a" extends="span"> |
17 <template> | 17 <template> |
18 <x-component-b></x-component-b> | 18 <x-component-b></x-component-b> |
19 <div class='a' title="{{'TitleA'}}">hello from A</div> | 19 <div class='a' title="{{'TitleA'}}">hello from A</div> |
20 </template> | 20 </template> |
21 </element> | 21 </element> |
22 <x-component-a></x-component-a> | 22 <x-component-a></x-component-a> |
23 <script type="application/dart"> | 23 <script type="application/dart"> |
24 import 'dart:html'; | 24 import 'dart:html'; |
25 import 'package:web_components/web_components.dart'; | 25 import 'package:web_ui/web_ui.dart'; |
26 import 'package:unittest/unittest.dart'; | 26 import 'package:unittest/unittest.dart'; |
27 main() { | 27 main() { |
28 useShadowDom = false; // need to query inside components | 28 useShadowDom = false; // need to query inside components |
29 window.setTimeout(() { | 29 window.setTimeout(() { |
30 // Make sure we don't get confused and data-bind the wrong thing. | 30 // Make sure we don't get confused and data-bind the wrong thing. |
31 expect(query('.a').title, 'TitleA'); | 31 expect(query('.a').title, 'TitleA'); |
32 expect(query('.b').title, 'TitleB'); | 32 expect(query('.b').title, 'TitleB'); |
33 | 33 |
34 window.postMessage('done', '*'); | 34 window.postMessage('done', '*'); |
35 }, 0); | 35 }, 0); |
36 } | 36 } |
37 </script> | 37 </script> |
38 </body> | 38 </body> |
39 </html> | 39 </html> |
40 | 40 |
OLD | NEW |