Index: LayoutTests/imported/web-platform-tests/shadow-dom/testcommon.js |
diff --git a/LayoutTests/imported/web-platform-tests/shadow-dom/testcommon.js b/LayoutTests/imported/web-platform-tests/shadow-dom/testcommon.js |
new file mode 100644 |
index 0000000000000000000000000000000000000000..4d01f57cd4ce7e6d83c7eddb4369a72364bc2924 |
--- /dev/null |
+++ b/LayoutTests/imported/web-platform-tests/shadow-dom/testcommon.js |
@@ -0,0 +1,273 @@ |
+// Copyright 2012 Google Inc. All Rights Reserved. |
+ |
+/* |
+Distributed under both the W3C Test Suite License [1] and the W3C |
+3-clause BSD License [2]. To contribute to a W3C Test Suite, see the |
+policies and contribution forms [3]. |
+ |
+[1] http://www.w3.org/Consortium/Legal/2008/04-testsuite-license |
+[2] http://www.w3.org/Consortium/Legal/2008/03-bsd-license |
+[3] http://www.w3.org/2004/10/27-testcases |
+*/ |
+ |
+"use strict"; |
+ |
+var HTML5_ELEMENT_NAMES = [ |
+ 'a', 'abbr', 'address', 'area', 'article', 'aside', 'audio', |
+ 'b', 'base', 'bdi', 'bdo', 'blockquote', 'body', 'br', 'button', |
+ 'canvas', 'caption', 'cite', 'code', 'col', 'colgroup', 'command', |
+ 'datalist', 'dd', 'del', 'details', 'dfn', 'dialog', 'div', 'dl', 'dt', |
+ 'em', 'embed', |
+ 'fieldset', 'figcaption', 'figure', 'footer', 'form', |
+ 'h1', 'h2', 'h3', 'h4', 'h5', 'h6', 'head', 'header', 'hgroup', 'hr', |
+ 'html', |
+ 'i', 'iframe', 'img', 'input', 'ins', 'kbd', 'keygen', |
+ 'label', 'legend', 'li', 'link', |
+ 'map', 'mark', 'menu', 'meta', 'meter', |
+ 'nav', 'noscript', |
+ 'object', 'ol', 'optgroup', 'option', 'output', |
+ 'p', 'param', 'pre', 'progress', |
+ 'q', |
+ 'rp', 'rt', 'ruby', |
+ 's', 'samp', 'script', 'section', 'select', 'small', 'source', 'span', |
+ 'strong', 'style', 'sub', |
+ 'table', 'tbody', 'td', 'textarea', 'tfoot', 'th', 'thead', 'time', |
+ 'title', 'tr', 'track', |
+ 'u', 'ul', |
+ 'var', 'video', |
+ 'wbr' |
+]; |
+ |
+// http://www.whatwg.org/specs/web-apps/current-work/multipage/forms.html#form-associated-element |
+var HTML5_FORM_ASSOCIATED_ELEMENTS = ['button', 'fieldset', 'input', 'keygen', 'label', |
+ 'object', 'output', 'select', 'textarea']; |
+ |
+// Whether to work around vendor prefixes. |
+var USE_VENDOR_SPECIFIC_WORKAROUND = true; |
+ |
+function activateVendorSpecificWorkaround() { |
+ if (Element.prototype.webkitCreateShadowRoot && |
+ !Element.prototype.createShadowRoot) { |
+ Element.prototype.createShadowRoot = |
+ Element.prototype.webkitCreateShadowRoot; |
+ |
+ Object.defineProperty(Element.prototype, 'pseudo', { |
+ get: function () { return this.webkitPseudo; }, |
+ set: function (value) { return this.webkitPseudo = value; } |
+ }); |
+ |
+ Object.defineProperty(Element.prototype, 'shadowRoot', { |
+ get: function () { return this.webkitShadowRoot; } |
+ }); |
+ } |
+} |
+ |
+if (USE_VENDOR_SPECIFIC_WORKAROUND) |
+ activateVendorSpecificWorkaround(); |
+ |
+// ---------------------------------------------------------------------------- |
+// Deprecated: The code below is preserved only for the existing tests that are |
+// using it. Now vendor prefixes are handled in a way that does not require |
+// manual intervention. New tests should just use unprefixed APIs and you |
+// are all set. |
+// |
+// These functions will eventually be removed when no tests use them. |
+ |
+function ShadowDomNotSupportedError() { |
+ this.message = "Shadow DOM is not supported"; |
+} |
+ |
+// To allow using of both prefixed and non-prefixed API we do |
+// the following hook |
+function addPrefixed(element) { |
+ if (element && !element.pseudo) { |
+ Object.defineProperty(element, 'pseudo', { |
+ get: function () { return element.webkitPseudo; }, |
+ set: function (value) { return element.webkitPseudo = value; } |
+ }); |
+ } |
+} |
+ |
+function addDocumentPrefixed(d) { |
+ if (d) { |
+ if (d.body) { |
+ addPrefixed(d.body); |
+ } |
+ if (d.head) { |
+ addPrefixed(d.head); |
+ } |
+ if (d.documentElement) { |
+ addPrefixed(d.documentElement); |
+ } |
+ d.oldCreate = d.createElement; |
+ d.createElement = function(tagName) { |
+ var el = d.oldCreate(tagName); |
+ addPrefixed(el); |
+ return el; |
+ }; |
+ } |
+} |
+ |
+ |
+function rethrowInternalErrors(e) { |
+ if (e instanceof ShadowDomNotSupportedError) { |
+ throw e; |
+ } |
+ |
+} |
+ |
+function newDocument() { |
+ var d = document.implementation.createDocument( |
+ 'http://www.w3.org/1999/xhtml', 'html'); |
+ //FIXME remove the call below when non-prefixed API is used |
+ addDocumentPrefixed(d); |
+ return d; |
+} |
+ |
+function newHTMLDocument() { |
+ var d = document.implementation.createHTMLDocument('Test Document'); |
+ //FIXME remove the call below when non-prefixed API is used |
+ addDocumentPrefixed(d); |
+ return d; |
+} |
+ |
+function newIFrame(ctx, src) { |
+ if (typeof(ctx) == 'undefined' || typeof (ctx.iframes) != 'object') { |
+ assert_unreached('Illegal context object in newIFrame'); |
+ } |
+ |
+ var iframe = document.createElement('iframe'); |
+ if (!ctx.debug) { |
+ iframe.style.display = 'none'; |
+ } |
+ if (typeof(src) != 'undefined') { |
+ iframe.src = src; |
+ } |
+ document.body.appendChild(iframe); |
+ ctx.iframes.push(iframe); |
+ |
+ assert_true(typeof(iframe.contentWindow) != 'undefined' |
+ && typeof(iframe.contentWindow.document) != 'undefined' |
+ && iframe.contentWindow.document != document, 'Failed to create new rendered document' |
+ ); |
+ return iframe; |
+} |
+function newRenderedHTMLDocument(ctx) { |
+ var frame = newIFrame(ctx); |
+ var d = frame.contentWindow.document; |
+ //FIXME remove the call below when non-prefixed API is used |
+ addDocumentPrefixed(d); |
+ return d; |
+} |
+ |
+// End deprecated. |
+// ---------------------------------------------------------------------------- |
+ |
+function newContext() { |
+ return {iframes:[]}; |
+} |
+ |
+function cleanContext(ctx) { |
+ if (!ctx.debug) { |
+ ctx.iframes.forEach(function (e) { |
+ e.parentNode.removeChild(e); |
+ }); |
+ } |
+} |
+ |
+function unit(f) { |
+ return function () { |
+ var ctx = newContext(); |
+ try { |
+ f(ctx); |
+ } catch(e) { |
+ console.log(e.getMessage()); |
+ } finally { |
+ cleanContext(ctx); |
+ } |
+ } |
+} |
+ |
+function step_unit(f, ctx, t) { |
+ return function () { |
+ var done = false; |
+ try { |
+ f(); |
+ done = true; |
+ } finally { |
+ if (done) { |
+ t.done(); |
+ } |
+ cleanContext(ctx); |
+ } |
+ } |
+} |
+ |
+function assert_nodelist_contents_equal_noorder(actual, expected, message) { |
+ assert_equals(actual.length, expected.length, message); |
+ var used = []; |
+ for (var i = 0; i < expected.length; i++) { |
+ used.push(false); |
+ } |
+ for (i = 0; i < expected.length; i++) { |
+ var found = false; |
+ for (var j = 0; j < actual.length; j++) { |
+ if (used[j] == false && expected[i] == actual[j]) { |
+ used[j] = true; |
+ found = true; |
+ break; |
+ } |
+ } |
+ if (!found) { |
+ assert_unreached(message + ". Fail reason: element not found: " + expected[i]); |
+ } |
+ } |
+} |
+ |
+ |
+//Example taken from http://www.w3.org/TR/shadow-dom/#event-retargeting-example |
+function createTestMediaPlayer(d) { |
+ d.body.innerHTML = '' + |
+ '<div id="player">' + |
+ '<input type="checkbox" id="outside-control">' + |
+ '<div id="player-shadow-root">' + |
+ '</div>' + |
+ '</div>'; |
+ |
+ var playerShadowRoot = d.querySelector('#player-shadow-root').createShadowRoot(); |
+ playerShadowRoot.innerHTML = '' + |
+ '<div id="controls">' + |
+ '<button class="play-button">PLAY</button>' + |
+ '<input type="range" id="timeline">' + |
+ '<div id="timeline-shadow-root">' + |
+ '</div>' + |
+ '</input>' + |
+ '<div class="volume-slider-container" id="volume-slider-container">' + |
+ '<input type="range" class="volume-slider" id="volume-slider">' + |
+ '<div id="volume-shadow-root">' + |
+ '</div>' + |
+ '</input>' + |
+ '</div>' + |
+ '</div>'; |
+ |
+ var timeLineShadowRoot = playerShadowRoot.querySelector('#timeline-shadow-root').createShadowRoot(); |
+ timeLineShadowRoot.innerHTML = '<div class="slider-thumb" id="timeline-slider-thumb"></div>'; |
+ |
+ var volumeShadowRoot = playerShadowRoot.querySelector('#volume-shadow-root').createShadowRoot(); |
+ volumeShadowRoot.innerHTML = '<div class="slider-thumb" id="volume-slider-thumb"></div>'; |
+ |
+ return { |
+ 'playerShadowRoot': playerShadowRoot, |
+ 'timeLineShadowRoot': timeLineShadowRoot, |
+ 'volumeShadowRoot': volumeShadowRoot |
+ }; |
+} |
+ |
+//FIXME This call of initKeyboardEvent works for WebKit-only. |
+//See https://bugs.webkit.org/show_bug.cgi?id=16735 |
+// and https://bugs.webkit.org/show_bug.cgi?id=13368. Add check for browser here |
+function fireKeyboardEvent(doc, element, key) { |
+ var event = doc.createEvent('KeyboardEvent'); |
+ event.initKeyboardEvent("keydown", true, true, doc.defaultView, key, 0, false, false, false, false); |
+ element.dispatchEvent(event); |
+} |