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 <title>dom_accessor_binding_test</title> | |
12 <script type="application/javascript" src="testing.js"></script> | 11 <script type="application/javascript" src="testing.js"></script> |
13 </head> | 12 </head> |
14 <body> | 13 <body> |
15 <input value="{{topLevelVar}}"> | 14 <input value="{{topLevelVar}}"> |
16 <script type="application/dart"> | 15 <script type="application/dart"> |
17 import 'dart:html'; | 16 import 'dart:html'; |
18 import 'package:web_ui/watcher.dart'; | 17 import 'package:web_ui/observe.dart'; |
19 String topLevelVar = "A"; | 18 @observable String topLevelVar = "A"; |
20 main() { | 19 main() { |
21 window.onLoad.listen((e) { | 20 window.onLoad.listen((e) { |
22 var input = query('input'); | 21 var input = query('input'); |
23 document.body.appendText('expected input.value to be "A", got ' | 22 document.body.appendText('expected input.value to be "A", got ' |
24 '${input.value}'); | 23 '${input.value}'); |
25 input.value = "B"; | 24 input.value = "B"; |
26 topLevelVar = "C"; | 25 topLevelVar = "C"; |
27 dispatch(); | 26 deliverChangesSync(); |
28 document.body.appendText('expected input.value to be "C", got ' | 27 document.body.appendText('expected input.value to be "C", got ' |
29 '${input.value}'); | 28 '${input.value}'); |
30 window.setTimeout(() => window.postMessage('done', '*'), 0); | 29 window.postMessage('done', '*'); |
31 }); | 30 }); |
32 } | 31 } |
33 </script> | 32 </script> |
34 </body> | 33 </body> |
35 </html> | 34 </html> |
OLD | NEW |