| 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);
|
| +}
|
|
|