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 |