third_party/WebKit/LayoutTests/fast/forms/resources/common.js

   1 function $(id) {
   2     return document.getElementById(id);
   3 }
   4
   5 function createFormControlDataSet() {
   6     // A list of labelable elements resides in http://www.whatwg.org/specs/web-apps/current-work/multipage/forms.html#category-label
   7     var formControlClassNames = [
   8         'HTMLButtonElement',
   9         'HTMLDataListElement',
  10         'HTMLFieldSetElement',
  11         'HTMLInputElement',
  12         'HTMLKeygenElement',
  13         'HTMLLabelElement',
  14         'HTMLLegendElement',
  15         'HTMLMeterElement',
  16         'HTMLObjectElement',
  17         'HTMLOptGroupElement',
  18         'HTMLOptionElement',
  19         'HTMLOutputElement',
  20         'HTMLProgressElement',
  21         'HTMLSelectElement',
  22         'HTMLTextAreaElement'
  23     ];
  24     var formControlDataSet = {};
  25     for (var i = 0; i < formControlClassNames.length; i++) {
  26         var className = formControlClassNames[i];
  27         var tagName = className.toLowerCase().substring(4, className.length - 7);
  28         var element = document.createElement(tagName);
  29         formControlDataSet[tagName] = {
  30             inputType: null,
  31             isLabelable: true,
  32             isSupported: element.toString() == '[object ' + className + ']',
  33             name: tagName,
  34             tagName: tagName,
  35         };
  36     }
  37     formControlDataSet.datalist.isLabelable = false;
  38     formControlDataSet.fieldset.isLabelable = false;
  39     formControlDataSet.label.isLabelable = false;
  40     formControlDataSet.legend.isLabelable = false;
  41     formControlDataSet.object.isLabelable = false;
  42     formControlDataSet.optgroup.isLabelable = false;
  43     formControlDataSet.option.isLabelable = false;
  44
  45     // Input type names reside in http://www.whatwg.org/specs/web-apps/current-work/multipage/the-input-element.html
  46     var inputTypeNames = [
  47         'button',
  48         'checkbox',
  49         'color',
  50         'date',
  51         'datetime',
  52         'datetime-local',
  53         'email',
  54         'file',
  55         'hidden',
  56         'image',
  57         'month',
  58         'number',
  59         'password',
  60         'radio',
  61         'range',
  62         'reset',
  63         'search',
  64         'submit',
  65         'tel',
  66         'text',
  67         'time',
  68         'url',
  69         'week',
  70     ];
  71     for (var i = 0; i < inputTypeNames.length; i++) {
  72         var typeName = inputTypeNames[i];
  73         var name = typeName + 'Type';
  74         var element = document.createElement('input');
  75         element.type = typeName;
  76         formControlDataSet[name] = {
  77             inputType: typeName,
  78             isLabelable: true,
  79             isSupported: element.type == typeName,
  80             name: name,
  81             tagName: 'input',
  82       };
  83     }
  84     formControlDataSet.hiddenType.isLabelable = false;
  85
  86     return formControlDataSet;
  87 }
  88
  89 function getAbsoluteRect(element) {
  90     var rect = element.getBoundingClientRect();
  91     rect.top += document.scrollingElement.scrollTop;
  92     rect.bottom += document.scrollingElement.scrollTop;
  93     rect.left += document.scrollingElement.scrollLeft;
  94     rect.right += document.scrollingElement.scrollLeft;
  95     return rect;
  96 }
  97
  98 function searchCancelButtonPosition(element) {
  99     var pos = {};
 100     pos.x = element.offsetLeft + element.offsetWidth - 9;
 101     pos.y = element.offsetTop + element.offsetHeight / 2;
 102     return pos;
 103 }
 104
 105 function mouseMoveToIndexInListbox(index, listboxId) {
 106     var listbox = document.getElementById(listboxId);
 107     var itemHeight = Math.floor(listbox.offsetHeight / listbox.size);
 108     var border = 1;
 109     var y = border + index * itemHeight;
 110     if (window.eventSender)
 111         eventSender.mouseMoveTo(listbox.offsetLeft + border, listbox.offsetTop + y - window.pageYOffset);
 112 }
 113
 114 function getUserAgentShadowTextContent(element) {
 115     return internals.youngestShadowRoot(element).textContent;
 116 };
 117
 118 function cumulativeOffset(element) {
 119     var x = 0;
 120     var y = 0;
 121     var parentFrame = element.ownerDocument.defaultView.frameElement;
 122     if (parentFrame) {
 123         var parentFrameOffset = cumulativeOffset(parentFrame);
 124         x = parentFrameOffset[0];
 125         y = parentFrameOffset[1];
 126     }
 127     if (element.parentNode) {
 128         do {
 129             x += element.offsetLeft || 0;
 130             y += element.offsetTop  || 0;
 131             element = element.offsetParent;
 132         } while (element);
 133     }
 134     return [x, y];
 135 }
 136
 137 function elementCenterPosition(element) {
 138     var offset = cumulativeOffset(element);
 139     var centerX = offset[0] + element.offsetWidth / 2;
 140     var centerY = offset[1] + element.offsetHeight / 2;
 141     return [centerX, centerY];
 142 }
 143
 144 function hoverOverElement(element) {
 145     var center = elementCenterPosition(element);
 146     eventSender.mouseMoveTo(center[0], center[1]);
 147 }
 148
 149 function clickElement(element) {
 150     hoverOverElement(element);
 151     eventSender.mouseDown();
 152     eventSender.mouseUp();
 153 }
 154
 155 function traverseNextNode(node, stayWithin) {
 156     var nextNode = node.firstChild;
 157     if (nextNode)
 158         return nextNode;
 159
 160     if (stayWithin && node === stayWithin)
 161         return null;
 162
 163     nextNode = node.nextSibling;
 164     if (nextNode)
 165         return nextNode;
 166
 167     nextNode = node;
 168     while (nextNode && !nextNode.nextSibling && (!stayWithin || !nextNode.parentNode || nextNode.parentNode !== stayWithin))
 169         nextNode = nextNode.parentNode;
 170     if (!nextNode)
 171         return null;
 172
 173     return nextNode.nextSibling;
 174 }
 175
 176 function getElementByPseudoId(root, pseudoId) {
 177     if (!window.internals)
 178         return null;
 179     var node = root;
 180     while (node) {
 181         if (node.nodeType === Node.ELEMENT_NODE && internals.shadowPseudoId(node) === pseudoId)
 182             return node;
 183         node = traverseNextNode(node, root);
 184     }
 185     return null;
 186 }
 187
 188 function doneLater() {
 189     setTimeout(function() {
 190         testRunner.notifyDone();
 191     }, 0);
 192 }
 193
 194 function waitUntilLoadedAndAutofocused(callback) {
 195     var loaded = false;
 196     var autofocused = false;
 197     // Use doneLater() because some rendering tests need repaint after focus.
 198     callback  = callback || doneLater;
 199     // Does both of waitUntilDone and jsTestIsAsync because we want to support
 200     // tests with/without js-test.js.
 201     testRunner.waitUntilDone();
 202     window.jsTestIsAsync = true;
 203     window.addEventListener('load', function() {
 204         loaded = true;
 205         if (autofocused)
 206             callback();
 207     }, false);
 208     document.addEventListener('focusin', function() {
 209         if (internals.hasAutofocusRequest(document))
 210             return;
 211         if (autofocused)
 212             return;
 213         autofocused = true;
 214         if (loaded)
 215             callback();
 216     }, false);
 217 }