Support parameter passing for shadow-dom.js's createShadowRoot

LayoutTests/fast/dom/shadow/resources/shadow-dom.js

 function createShadowRoot()
 {
     var children = Array.prototype.slice.call(arguments);
-    if ((children[0] instanceof Object) && !(children[0] instanceof Node))
-        return {'isShadowRoot': true,
-                'attributes': children[0],
-                'children': children.slice(1)};
+    if ((children[0] instanceof Object) && !(children[0] instanceof Node)) {
+        var attributes = {};
+        var parameter = {};
+        for (var key in children[0]) {
+            if (key == 'mode')
+                parameter[key] = children[0][key];
+            else
+                attributes[key] = children[0][key];
+        }
+        var obj = {'isShadowRoot': true,

[hayato, 2015/06/09 04:34:38]

Nit:  I'd prefer returning obj as is here, e.g. return {,,,, 'parameter':
parameter}.

Then we'll judge whether child.parameter is empty or not, later, in L45.

e.g.
 if (isEmpty(child.parameter))
  shadowRoot = ...

 

[kochi, 2015/06/09 04:46:57]

Done.

+                   'attributes': attributes,
+                   'children': children.slice(1)};
+        if (Object.keys(parameter).length > 0)
+            obj['parameter'] = parameter;
+        return obj;
+    }
     return {'isShadowRoot': true,
             'children': children};
 }
 
 function createUserAgentShadowRoot()
 {
     var shadowRoot = createShadowRoot.apply(null, arguments);
     shadowRoot.isUserAgentShadowRoot = true;
     return shadowRoot;
 }
 
 // This function can take optional child elements, which might be a result of createShadowRoot(), as arguments[2:].
 function createDOM(tagName, attributes)
 {
     var element = document.createElement(tagName);
     for (var name in attributes)
         element.setAttribute(name, attributes[name]);
     var childElements = Array.prototype.slice.call(arguments, 2);
     for (var i = 0; i < childElements.length; ++i) {
         var child = childElements[i];
         if (child.isShadowRoot) {
             var shadowRoot;
             if (child.isUserAgentShadowRoot) {
                 shadowRoot = window.internals.createUserAgentShadowRoot(element);
             } else {
-                shadowRoot = element.createShadowRoot();
+                if (child.parameter)
+                    shadowRoot = element.createShadowRoot(child.parameter);
+                else
+                    shadowRoot = element.createShadowRoot();
             }
             if (child.attributes) {
                 for (var attribute in child.attributes) {
                     // Shadow Root does not have setAttribute.
                     shadowRoot[attribute] = child.attributes[attribute];
                 }
             }
             for (var j = 0; j < child.children.length; ++j)
                 shadowRoot.appendChild(child.children[j]);
         } else
@@ skipping 215 matching lines @@
     debug('Traverse in backward.');
     showComposedShadowTreeByTraversingInBackward(node);
 
     debug('');
 }
 
 function showNextNode(node) {
     var next = internals.nextInComposedTree(node);
     debug('Next node of [' + dumpNode(node) + '] is [' + dumpNode(next) + ']');
 }