[package:mdv] port createInstance change

pkg/mdv/test/template_element_test.dart

 // Copyright (c) 2013, the Dart project authors.  Please see the AUTHORS file
 // for details. All rights reserved. Use of this source code is governed by a
 // BSD-style license that can be found in the LICENSE file.
 
 library template_element_test;
 
 import 'dart:async';
 import 'dart:collection';
 import 'dart:html';
 import 'dart:math' as math;
@@ skipping 1524 matching lines @@
         '</template>'
       '</template>');
     recursivelySetTemplateModel(div, null);
     // TODO(jmesserly): how to fix this test?
     // Perhaps revive the original?
     // https://github.com/toolkitchen/mdv/commit/8bc1e3466aeb6930150c0d3148f0e830184bf599#L3R1278
     //expect(!!ChangeSummary._errorThrownDuringCallback, false);
   });
 
   test('CreateInstance', () {
-    var div = createTestHtml(
-      '<template bind="{{a}}">'
-        '<template bind="{{b}}">'
-          '{{text}}'
-        '</template>'
-      '</template>');
-    var outer = div.nodes.first;
+    TemplateElement.syntax['Test'] = new TestBindingSyntax();
+    try {
+      var div = createTestHtml(
+        '<template bind="{{a}}">'
+          '<template bind="{{b}}">'
+            '{{ foo }}:{{ replaceme }}'
+          '</template>'
+        '</template>');
+      var outer = div.nodes.first;
+      var model = toSymbolMap({'b': {'foo': 'bar'}});
 
-    var instance = outer.createInstance();
-    expect(outer.content.nodes.first, instance.nodes.first.ref);
+      var host = new DivElement();
+      var instance = outer.createInstance(model, 'Test');
+      expect(outer.content.nodes.first, instance.nodes.first.ref);
+      expect(instance.firstChild.attributes['syntax'], 'Test');
 
-    var instance2 =  outer.createInstance();
-    expect(instance2.nodes.first.ref, instance.nodes.first.ref);
+      host.append(instance);
+      deliverChangeRecords();
+      expect(host.firstChild.nextNode.text, 'bar:replaced');
+    } finally {
+      TemplateElement.syntax.remove('Test');
+    }
   });
 
   test('Bootstrap', () {
     var div = new DivElement();
     div.innerHtml =
       '<template>'
         '<div></div>'
         '<template>'
           'Hello'
         '</template>'
@@ skipping 34 matching lines @@
     expect(called, false);
 
     recursivelySetTemplateModel(div, null);
     deliverChangeRecords();
     expect(called, true);
 
     sub.cancel();
   });
 }
 
+class TestBindingSyntax extends CustomBindingSyntax {
+  getBinding(model, String path, name, node) {
+    if (path.trim() == 'replaceme') return new ObservableBox('replaced');
+    return null;
+  }
+}
+
 class UnbindingInNestedBindSyntax extends CustomBindingSyntax {
   int expectedAge = 42;
   int count = 0;
 
   getBinding(model, path, name, node) {
     if (name != 'text' || path != 'age')
       return;
 
     expect(model[sym('age')], expectedAge);
     count++;
@@ skipping 37 matching lines @@
       k = k is String ? sym(k) : _deepToSymbol(k);
       result[k] = _deepToSymbol(v);
     });
     return result;
   }
   if (value is Iterable) {
     return value.map(_deepToSymbol).toList();
   }
   return value;
 }
-