[package:mdv] Support binding to HTMLSelectElement.selectedIndex

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 1032 matching lines @@
     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/Optgroup', () {
     var div = createTestHtml(
         '<template bind>'
-          '<select>'
+          '<select selectedIndex="{{ selected }}">'
             '<optgroup template repeat="{{ groups }}" label="{{ name }}">'
               '<option template repeat="{{ items }}">{{ val }}</option>'
             '</optgroup>'
           '</select>'
         '</template>');
 
     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, 2);
+
+    runAsync(expectAsync0(() {
+      runAsync(expectAsync0(() {
+        // TODO(jmesserly): this should be called sooner.
+        expect(select.selectedIndex, 1);
+      }));
+    }));
     expect(select.nodes[0].tagName, 'TEMPLATE');
     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');
   });
@@ skipping 593 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;
 }