Merge pull request #462 from Polymer/fix_form_elements

fix form.elements -- this is used by NodeBind getAssociatedRadioButtons

Author: John Messerly

build.json

@@ -19,6 +19,7 @@
   "src/wrappers/HTMLElement.js",
   "src/wrappers/HTMLCanvasElement.js",
   "src/wrappers/HTMLContentElement.js",
+  "src/wrappers/HTMLFormElement.js",
   "src/wrappers/HTMLImageElement.js",
   "src/wrappers/HTMLShadowElement.js",
   "src/wrappers/HTMLTemplateElement.js",

shadowdom.js

@@ -35,6 +35,7 @@
     'src/wrappers/HTMLElement.js',
     'src/wrappers/HTMLCanvasElement.js',
     'src/wrappers/HTMLContentElement.js',
+    'src/wrappers/HTMLFormElement.js',
     'src/wrappers/HTMLImageElement.js',
     'src/wrappers/HTMLShadowElement.js',
     'src/wrappers/HTMLTemplateElement.js',

src/wrappers/HTMLFormElement.js

@@ -0,0 +1,35 @@
+/*
+ * Copyright 2014 The Polymer Authors. All rights reserved.
+ * Use of this source code is governed by a BSD-style
+ * license that can be found in the LICENSE file.
+ */
+
+(function(scope) {
+  'use strict';
+
+  var HTMLElement = scope.wrappers.HTMLElement;
+  var mixin = scope.mixin;
+  var registerWrapper = scope.registerWrapper;
+  var wrapHTMLCollection = scope.wrapHTMLCollection;
+  var unwrap = scope.unwrap;
+
+  var OriginalHTMLFormElement = window.HTMLFormElement;
+
+  function HTMLFormElement(node) {
+    HTMLElement.call(this, node);
+  }
+  HTMLFormElement.prototype = Object.create(HTMLElement.prototype);
+  mixin(HTMLFormElement.prototype, {
+    get elements() {
+      // Note: technically this should be an HTMLFormControlsCollection, but
+      // that inherits from HTMLCollection, so should be good enough. Spec:
+      // http://www.whatwg.org/specs/web-apps/current-work/multipage/common-dom-interfaces.html#htmlformcontrolscollection
+      return wrapHTMLCollection(unwrap(this).elements);
+    }
+  });
+
+  registerWrapper(OriginalHTMLFormElement, HTMLFormElement,
+                  document.createElement('form'));
+
+  scope.wrappers.HTMLFormElement = HTMLFormElement;
+})(window.ShadowDOMPolyfill);

test/js/HTMLFormElement.js

@@ -0,0 +1,17 @@
+/*
+ * Copyright 2014 The Polymer Authors. All rights reserved.
+ * Use of this source code is governed by a BSD-style
+ * license that can be found in the LICENSE file.
+ */
+
+suite('HTMLFormElement', function() {
+
+  test('elements', function() {
+    var form = document.createElement('form');
+    var input = document.createElement('input');
+    form.appendChild(input);
+    assert.instanceOf(form.elements, HTMLCollection);
+    assert.equal(form.elements.length, 1);
+  });
+
+});

test/test.main.js

@@ -85,6 +85,7 @@ var modules = [
   'HTMLContentElement.js',
   'HTMLElement.js',
   'HTMLFieldSetElement.js',
+  'HTMLFormElement.js',
   'HTMLHeadElement.js',
   'HTMLHtmlElement.js',
   'HTMLImageElement.js',