Support for observable models, fixes #259

test/data/input/todomvc_listorder_test.html

Index: test/data/input/todomvc_listorder_test.html
diff --git a/test/data/input/todomvc_listorder_test.html b/test/data/input/todomvc_listorder_test.html
index f59e1042394616eb9b086c6ff828b0a6319b6778..8d8f3c4c4def37b76a18015a09d2d1ff6f3bf2e9 100644
--- a/test/data/input/todomvc_listorder_test.html
+++ b/test/data/input/todomvc_listorder_test.html
@@ -73,33 +73,36 @@ BSD-style license that can be found in the LICENSE file.
 import 'dart:html';
 import 'package:unittest/unittest.dart';
 import 'package:web_ui/web_ui.dart';
+import 'package:web_ui/observe/html.dart';
 import 'example/todomvc/main.dart' as todomvc_main;
 import 'example/todomvc/model.dart';
 
 final addTodo = todomvc_main.addTodo;
 
 main() {
+  useShadowDom = true;
   todomvc_main.main();
 
   window.setTimeout(() {
     app.todos.add(new Todo('one (unchecked)'));
     app.todos.add(new Todo('two (checked)')..done = true);
     app.todos.add(new Todo('three (unchecked)'));
-    viewModel.showIncomplete = true;
-    viewModel.showDone = true;
-    dispatch();
+    locationHash = '#/';
 
-    window.setTimeout(() {
-      viewModel.showIncomplete = true;
-      viewModel.showDone = false;
-      dispatch();
-      window.setTimeout(() {
-        viewModel.showIncomplete = true;
-        viewModel.showDone = true;
-        dispatch();
-        window.setTimeout(() => window.postMessage('done', '*'), 0);
-      }, 0);
-    }, 0);
+    deliverChangesSync();
+    expect(queryAll('#todo-list x-todo-row').length, 3);
+
+    locationHash = '#/active';
+    deliverChangesSync();
+    expect(queryAll('#todo-list x-todo-row').length, 2);
+
+    locationHash = '#/completed';
+    deliverChangesSync();
+    expect(queryAll('#todo-list x-todo-row').length, 1);
+
+    locationHash = '#/';
+    deliverChangesSync();
+    window.postMessage('done', '*');
   }, 0);
 }
   </script>