| 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 <script type="application/javascript" src="testing.js"></script> | 11 <script type="application/javascript" src="testing.js"></script> |
| 12 <style>x-greeter { display: block; }</style> | 12 <style>x-greeter { display: block; }</style> |
| 13 </head> | 13 </head> |
| 14 <body> | 14 <body> |
| 15 <element name="x-greeter" extends="div" constructor="Greeter"> | 15 <element name="x-greeter" extends="div" constructor="Greeter"> |
| 16 <template></template> | 16 <template></template> |
| 17 <script type='application/dart'> | 17 <script type='application/dart'> |
| 18 import 'package:web_components/web_components.dart'; | 18 import 'package:web_ui/web_ui.dart'; |
| 19 class Greeter extends WebComponent { | 19 class Greeter extends WebComponent { |
| 20 String greetIng; | 20 String greetIng; |
| 21 changeStuff() { | 21 changeStuff() { |
| 22 greetIng = 'Yo dawg'; | 22 greetIng = 'Yo dawg'; |
| 23 title = 'I heard you like $title so we put $title in yo $title.'; | 23 title = 'I heard you like $title so we put $title in yo $title.'; |
| 24 } | 24 } |
| 25 } | 25 } |
| 26 </script> | 26 </script> |
| 27 </element> | 27 </element> |
| 28 <p> | 28 <p> |
| 29 The message changes from "hello world" to something more interesting. | 29 The message changes from "hello world" to something more interesting. |
| 30 </p> | 30 </p> |
| 31 <!-- Note: "title" is a DOM field on all elements. | 31 <!-- Note: "title" is a DOM field on all elements. |
| 32 Also this element has no rendering. --> | 32 Also this element has no rendering. --> |
| 33 <x-greeter id="greet" bind-title="data[1]" bind-greet-ing="data[0]"> | 33 <x-greeter id="greet" bind-title="data[1]" bind-greet-ing="data[0]"> |
| 34 </x-greeter> | 34 </x-greeter> |
| 35 <p id="actual">{{data[0]}} {{data[1]}}</p> | 35 <p id="actual">{{data[0]}} {{data[1]}}</p> |
| 36 <script type="application/dart"> | 36 <script type="application/dart"> |
| 37 import 'dart:html'; | 37 import 'dart:html'; |
| 38 import 'package:unittest/unittest.dart'; | 38 import 'package:unittest/unittest.dart'; |
| 39 import 'package:web_components/web_components.dart'; | 39 import 'package:web_ui/web_ui.dart'; |
| 40 | 40 |
| 41 var data = ['hello', 'world']; | 41 var data = ['hello', 'world']; |
| 42 main() { | 42 main() { |
| 43 window.setTimeout(() { | 43 window.setTimeout(() { |
| 44 var actual = query('#actual'); | 44 var actual = query('#actual'); |
| 45 var greet = query('#greet'); | 45 var greet = query('#greet'); |
| 46 expect(actual.innerHtml, 'hello world'); | 46 expect(actual.innerHtml, 'hello world'); |
| 47 greet.xtag.changeStuff(); | 47 greet.xtag.changeStuff(); |
| 48 dispatch(); | 48 dispatch(); |
| 49 expect(actual.innerHtml, contains('Yo dawg I heard')); | 49 expect(actual.innerHtml, contains('Yo dawg I heard')); |
| 50 window.postMessage('done', '*'); | 50 window.postMessage('done', '*'); |
| 51 }, 0); | 51 }, 0); |
| 52 } | 52 } |
| 53 </script> | 53 </script> |
| 54 </body> | 54 </body> |
| 55 </html> | 55 </html> |
| OLD | NEW |