Support for observable models, fixes #259

test/data/input/recursive_component_test.html

Index: test/data/input/recursive_component_test.html
diff --git a/test/data/input/recursive_component_test.html b/test/data/input/recursive_component_test.html
index 27fa853d7eb83f265420893b7bfb53a1f17518b2..0f13b5945c82c27ae94a71c3655fc0543e0021be 100644
--- a/test/data/input/recursive_component_test.html
+++ b/test/data/input/recursive_component_test.html
@@ -21,6 +21,7 @@
     <script type='application/dart'>
       import 'package:web_ui/web_ui.dart';
       import 'recursive_test_data.dart';
+      @observable

[Siggi Cherem (dart-lang), 2013/02/13 19:28:54]

as soon as we switch, would we want to make all subclasses of WebComponent
observable by default?

[Jennifer Messerly, 2013/02/14 00:38:09]

It's a good question. I'm not sure, because it adds overhead. I think it only
makes sense for components that need to support two-way binding of their fields.
Most of them probably don't. One way or final should be fine.

       class Rec extends WebComponent {
         int pos;
       }
@@ -30,25 +31,25 @@
 
   <script type="application/dart">
   import 'dart:html';
-  import 'package:web_ui/watcher.dart';
+  import 'package:web_ui/observe.dart';
   import 'recursive_test_data.dart';
 
   main() {
     window.setTimeout(() {
-      dispatch();
+      deliverChangesSync();
       window.setTimeout(() {
         len = 1;
-        dispatch();
+        deliverChangesSync();
         window.setTimeout(() {
           len = 3;
-          dispatch();
+          deliverChangesSync();
           window.setTimeout(() {
             len = 2;
-            dispatch();
+            deliverChangesSync();
             window.setTimeout(() {
               len = 1;
-              dispatch();
-              window.setTimeout(() => window.postMessage('done', '*'), 0);
+              deliverChangesSync();
+              window.setImmediate(() => window.postMessage('done', '*'));
             }, 0);
           }, 0);
         }, 0);