Make custom elements work in HTML imports

third_party/WebKit/LayoutTests/custom-elements/imports/resources/inner-html.html

Index: third_party/WebKit/LayoutTests/custom-elements/imports/resources/inner-html.html
diff --git a/third_party/WebKit/LayoutTests/custom-elements/imports/resources/inner-html.html b/third_party/WebKit/LayoutTests/custom-elements/imports/resources/inner-html.html
new file mode 100644
index 0000000000000000000000000000000000000000..682a566e2684e0ed6aae359635ef8f258eeca9e3
--- /dev/null
+++ b/third_party/WebKit/LayoutTests/custom-elements/imports/resources/inner-html.html
@@ -0,0 +1,26 @@
+<div id="sandbox"></div>
+<script>

[dominicc (has gone to gerrit), 2016/08/19 04:54:11]

Be consistent about 'use strict'.

[kochi, 2016/08/19 10:51:48]

Done.

+test(() => {
+  assert_equals(constructors.length, 0);
+
+  class InnerHTML extends HTMLElement {
+    constructor() {
+      super();
+      constructors.push('constructor');
+    }
+  }
+
+  customElements.define('inner-html', InnerHTML);

[dominicc (has gone to gerrit), 2016/08/19 04:54:11]

Like CreateElement don't name the element after the API being tested.

FWIW if you don't need the constructor then just write a class expression.

[kochi, 2016/08/19 10:51:48]

Done.

+
+  let importDoc = document.currentScript.ownerDocument;
+  let sandbox = importDoc.querySelector('#sandbox');
+
+  // createElement should synchronously customize.
+  sandbox.innerHTML = '<inner-html></inner-html>';
+
+  assert_equals(constructors.length, 1);
+
+  // TODO: test something
+
+}, 'innerHTML should work in imported document.');
+</script>