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