Continue updating MDV.

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 1029 matching lines @@
 
     m[0] = toSymbols({'name': 'Item 1 changed'});
 
     i = 1;
     deliverChanges(m);
     expect(div.nodes[i++].text, 'Item 1 changed');
     expect(div.nodes[i++].tagName, 'TEMPLATE');
     expect(div.nodes[i++].text, 'Item 2');
   });
 
-  test('Attribute Template Option', () {
+  test('Attribute Template Option/Optgroup', () {
     var div = createTestHtml(
         '<template bind>'
           '<select>'
-            '<option template repeat>{{ val }}</option>'
+            '<optgroup template repeat="{{ groups }}" label="{{ name }}">'
+              '<option template repeat="{{ items }}">{{ val }}</option>'
+            '</optgroup>'
           '</select>'
         '</template>');
 
-    var m = toSymbols([{ 'val': 0 }, { 'val': 1 }]);
+    var m = toSymbols({
+      'selected': 1,
+      'groups': [{
+        'name': 'one', 'items': [{ 'val': 0 }, { 'val': 1 }]
+      }],
+    });
 
     recursivelySetTemplateModel(div, m);
     deliverChanges(m);
 
     var select = div.nodes[0].nextNode;
-    expect(select.nodes.length, 3);
+    expect(select.nodes.length, 2);
     expect(select.nodes[0].tagName, 'TEMPLATE');
-    expect(select.nodes[0].ref.content.nodes[0].tagName, 'OPTION');
-    expect(select.nodes[1].tagName, 'OPTION');
-    expect(select.nodes[1].text, '0');
-    expect(select.nodes[2].tagName, 'OPTION');
-    expect(select.nodes[2].text, '1');
+    expect(select.nodes[0].ref.content.nodes[0].tagName, 'OPTGROUP');
+
+    var optgroup = select.nodes[1];
+    expect(optgroup.nodes[0].tagName, 'TEMPLATE');
+    expect(optgroup.nodes[1].tagName, 'OPTION');
+    expect(optgroup.nodes[1].text, '0');
+    expect(optgroup.nodes[2].tagName, 'OPTION');
+    expect(optgroup.nodes[2].text, '1');
   });
 
   test('NestedIterateTableMixedSemanticNative', () {
     if (!TemplateElement.supported) return;
 
     var div = createTestHtml(
         '<table><tbody>'
           '<template repeat="{{}}">'
             '<tr>'
               '<td template repeat="{{}}" class="{{ val }}">{{ val }}</td>'
@@ skipping 378 matching lines @@
   });
 
   test('bindModel to polyfilled shadow root', () {
     var root = createTestHtml('Hi {{ name }}');
     var model = toSymbolMap({'name': 'Leela'});
     mdv.bindModel(root, model);
     deliverChangeRecords();
     expect(root.text, 'Hi Leela');
   });
 
+  test('BindShadowDOM Template Ref', () {
+    if (ShadowRoot.supported) {
+      var root = createShadowTestHtml(
+          '<template id=foo>Hi</template><template bind ref=foo></template>');
+      recursivelySetTemplateModel(root, toSymbolMap({}));
+      deliverChangeRecords();
+      expect(root.nodes.length, 3);
+    }
+  });
+
   // https://github.com/toolkitchen/mdv/issues/8
   test('UnbindingInNestedBind', () {
     var div = createTestHtml(
       '<template bind="{{outer}}" if="{{outer}}" syntax="testHelper">'
         '<template bind="{{inner}}" if="{{inner}}">'
           '{{ age }}'
         '</template>'
       '</template>');
 
     var syntax = new UnbindingInNestedBindSyntax();
@@ skipping 161 matching lines @@
       result[k] = _deepToSymbol(v);
     });
     return result;
   }
   if (value is Iterable) {
     return value.map(_deepToSymbol).toList();
   }
   return value;
 }