Make CANVAS, INPUT, IFRAME and VIDEO elements to support custom element

This patch adds [HTMLConstructor] IDL extend attribute[1] to interface
declaration to following elements to support custom element:
 - <canvas>
 - <iframe>
 - <input>
 - <video>

Note: This is a follow-up patch of the patch[1].

[1] http://crrev.com/888228 Make most HTML elements to support custom element

Bug: 805326
Change-Id: Ib2ddf6f3436810df9cafb06f13026375ee4a61e9
Reviewed-on: https://chromium-review.googlesource.com/890570
Commit-Queue: Yoshifumi Inoue <yosin@chromium.org>
Reviewed-by: Kent Tamura <tkent@chromium.org>
Cr-Commit-Position: refs/heads/master@{#532353}

third_party/WebKit/LayoutTests/external/wpt/custom-elements/builtin-coverage-expected.txt

 This is a testharness.js-based test.
 Harness Error. harness_status.status = 1 , harness_status.message = Uncaught TypeError: Illegal constructor: localName does not match the HTML element interface
-Found 442 tests; 402 PASS, 40 FAIL, 0 TIMEOUT, 0 NOTRUN.
+Found 442 tests; 414 PASS, 28 FAIL, 0 TIMEOUT, 0 NOTRUN.
 PASS a: Define a customized built-in element
 PASS a: Operator 'new' should instantiate a customized built-in element
 PASS a: document.createElement() should instantiate a customized built-in element
@@ -69,17 +69,9 @@ PASS button: Operator 'new' should instantiate a customized built-in element
 PASS button: document.createElement() should instantiate a customized built-in element
 PASS button: innerHTML should instantiate a customized built-in element
 PASS canvas: Define a customized built-in element
-FAIL canvas: Operator 'new' should instantiate a customized built-in element Illegal constructor
-FAIL canvas: document.createElement() should instantiate a customized built-in element assert_equals: expected function "class MyCanvas extends HTMLCanvasElement {
-  constructor() {
-    super();
-  }
-}" but got function "function HTMLCanvasElement() { [native code] }"
-FAIL canvas: innerHTML should instantiate a customized built-in element assert_equals: expected function "class MyCanvas extends HTMLCanvasElement {
-  constructor() {
-    super();
-  }
-}" but got function "function HTMLCanvasElement() { [native code] }"
+PASS canvas: Operator 'new' should instantiate a customized built-in element
+PASS canvas: document.createElement() should instantiate a customized built-in element
+PASS canvas: innerHTML should instantiate a customized built-in element
 PASS caption: Define a customized built-in element
 PASS caption: Operator 'new' should instantiate a customized built-in element
 PASS caption: document.createElement() should instantiate a customized built-in element
@@ -220,33 +212,17 @@ PASS i: Operator 'new' should instantiate a customized built-in element
 PASS i: document.createElement() should instantiate a customized built-in element
 PASS i: innerHTML should instantiate a customized built-in element
 PASS iframe: Define a customized built-in element
-FAIL iframe: Operator 'new' should instantiate a customized built-in element Illegal constructor
-FAIL iframe: document.createElement() should instantiate a customized built-in element assert_equals: expected function "class MyIframe extends HTMLIFrameElement {
-  constructor() {
-    super();
-  }
-}" but got function "function HTMLIFrameElement() { [native code] }"
-FAIL iframe: innerHTML should instantiate a customized built-in element assert_equals: expected function "class MyIframe extends HTMLIFrameElement {
-  constructor() {
-    super();
-  }
-}" but got function "function HTMLIFrameElement() { [native code] }"
+PASS iframe: Operator 'new' should instantiate a customized built-in element
+PASS iframe: document.createElement() should instantiate a customized built-in element
+PASS iframe: innerHTML should instantiate a customized built-in element
 PASS img: Define a customized built-in element
 PASS img: Operator 'new' should instantiate a customized built-in element
 PASS img: document.createElement() should instantiate a customized built-in element
 PASS img: innerHTML should instantiate a customized built-in element
 PASS input: Define a customized built-in element
-FAIL input: Operator 'new' should instantiate a customized built-in element Illegal constructor
-FAIL input: document.createElement() should instantiate a customized built-in element assert_equals: expected function "class MyInput extends HTMLInputElement {
-  constructor() {
-    super();
-  }
-}" but got function "function HTMLInputElement() { [native code] }"
-FAIL input: innerHTML should instantiate a customized built-in element assert_equals: expected function "class MyInput extends HTMLInputElement {
-  constructor() {
-    super();
-  }
-}" but got function "function HTMLInputElement() { [native code] }"
+PASS input: Operator 'new' should instantiate a customized built-in element
+PASS input: document.createElement() should instantiate a customized built-in element
+PASS input: innerHTML should instantiate a customized built-in element
 PASS ins: Define a customized built-in element
 PASS ins: Operator 'new' should instantiate a customized built-in element
 PASS ins: document.createElement() should instantiate a customized built-in element
@@ -516,17 +492,9 @@ PASS var: Operator 'new' should instantiate a customized built-in element
 PASS var: document.createElement() should instantiate a customized built-in element
 PASS var: innerHTML should instantiate a customized built-in element
 PASS video: Define a customized built-in element
-FAIL video: Operator 'new' should instantiate a customized built-in element Illegal constructor
-FAIL video: document.createElement() should instantiate a customized built-in element assert_equals: expected function "class MyVideo extends HTMLVideoElement {
-  constructor() {
-    super();
-  }
-}" but got function "function HTMLVideoElement() { [native code] }"
-FAIL video: innerHTML should instantiate a customized built-in element assert_equals: expected function "class MyVideo extends HTMLVideoElement {
-  constructor() {
-    super();
-  }
-}" but got function "function HTMLVideoElement() { [native code] }"
+PASS video: Operator 'new' should instantiate a customized built-in element
+PASS video: document.createElement() should instantiate a customized built-in element
+PASS video: innerHTML should instantiate a customized built-in element
 PASS wbr: Define a customized built-in element
 FAIL wbr: Operator 'new' should instantiate a customized built-in element Illegal constructor: localName does not match the HTML element interface
 FAIL wbr: document.createElement() should instantiate a customized built-in element assert_equals: expected function "class MyWbr extends HTMLElement {

third_party/WebKit/LayoutTests/external/wpt/custom-elements/reactions/HTMLInputElement-expected.txt

 This is a testharness.js-based test.
-Harness Error. harness_status.status = 1 , harness_status.message = Uncaught TypeError: Illegal constructor
 FAIL capture on HTMLInputElement must enqueue an attributeChanged reaction when adding new attribute assert_array_equals: lengths differ, expected 1 got 0
-FAIL capture on HTMLInputElement must enqueue an attributeChanged reaction when replacing an existing attribute assert_array_equals: lengths differ, expected 2 got 0
+FAIL capture on HTMLInputElement must enqueue an attributeChanged reaction when replacing an existing attribute assert_array_equals: lengths differ, expected 2 got 1
 FAIL capture on HTMLInputElement must enqueue an attributeChanged reaction when adding invalid value default assert_array_equals: lengths differ, expected 1 got 0
-FAIL capture on HTMLInputElement must enqueue an attributeChanged reaction when removing the attribute assert_array_equals: lengths differ, expected 2 got 0
+FAIL capture on HTMLInputElement must enqueue an attributeChanged reaction when removing the attribute assert_array_equals: lengths differ, expected 2 got 1
 Harness: the test ran to completion.
 

third_party/WebKit/Source/core/html/HTMLIFrameElement.idl

@@ -19,7 +19,7 @@
  */
 
 // https://html.spec.whatwg.org/#the-iframe-element
-
+[HTMLConstructor]
 interface HTMLIFrameElement : HTMLElement {
     [CEReactions, Reflect, URL] attribute USVString src;
     [CEReactions, Reflect] attribute DOMString srcdoc;

third_party/WebKit/Source/core/html/canvas/HTMLCanvasElement.idl

@@ -25,6 +25,7 @@
  */
 
 // https://html.spec.whatwg.org/multipage/canvas.html#the-canvas-element
+[HTMLConstructor]
 interface HTMLCanvasElement : HTMLElement
 {
     // Note: Due to dependecies on modules, getContext is defined in a partial

third_party/WebKit/Source/core/html/forms/HTMLInputElement.idl

@@ -24,6 +24,7 @@
 enum SelectionMode { "select", "start", "end", "preserve" };
 
 [
+    HTMLConstructor,
     ActiveScriptWrappable
 ] interface HTMLInputElement : HTMLElement {
     [CEReactions, Reflect] attribute DOMString accept;

third_party/WebKit/Source/core/html/media/HTMLVideoElement.idl

@@ -26,6 +26,7 @@
 // https://html.spec.whatwg.org/#the-video-element
 
 [
+    HTMLConstructor,
     ActiveScriptWrappable
 ] interface HTMLVideoElement : HTMLMediaElement {
     [CEReactions, Reflect] attribute unsigned long width;