| 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 |