third_party/WebKit/LayoutTests/fast/events/resources/tabindex-focus-blur-all.js

   1 if (window.testRunner) {
   2     testRunner.waitUntilDone();
   3     testRunner.dumpAsText();
   4 }
   5
   6 var consoleOutput = null;
   7 var stopTest = false;
   8 var focusCount = 0;
   9 var blurCount = 0;
  10 var focusedElem = null;
  11 var failedTestCount = 0;
  12
  13 var tagNamesAlwaysFocused = ["A",
  14                              "AREA",
  15                              "BUTTON",
  16                              "IFRAME",
  17                              "INPUT",
  18                              "SELECT",
  19                              "TEXTAREA",
  20                              "AUDIO",
  21                              "VIDEO"];
  22
  23 var tagNamesTransferFocused = ["LABEL"]; // labels always transfer focus to the labeled element
  24
  25 var noDisplayTagNamesWithFocus = ["AREA"];  // AREA elements can get focus, but are not displayed.
  26
  27 function printToConsole(str)
  28 {
  29     if (!consoleOutput) {
  30         consoleOutput = window.frames[2].document.getElementById("theConsole");
  31     }
  32     consoleOutput.appendChild(window.frames[2].document.createTextNode(str));
  33     consoleOutput.appendChild(window.frames[2].document.createElement("br"));
  34 }
  35
  36 function doFocus(elem)
  37 {
  38     focusCount++;
  39     focusedElem = elem;
  40 }
  41
  42 function doBlur(elem)
  43 {
  44     blurCount++;
  45 }
  46
  47 function test()
  48 {
  49     for (var i = 0; i < 2; ++i)
  50         focusEachChild(window.frames[i].document.body);
  51
  52     // focus an untested element so that blur can be dispatched on the last iframe tested
  53     var homeBase = window.frames[1].document.getElementsByClassName('homebase');
  54     homeBase[0].focus();
  55
  56     var resultSummary = focusCount+" focus / "+blurCount+" blur events dispatched, and should be 333 / 333 ";
  57     resultSummary += (focusCount==blurCount) ? "<span style='color:green'>PASSED</span><br>" : "<span style='color:red'>FAILED</span><br>";
  58     resultSummary += "Total of "+failedTestCount+" focus test(s) failed.";
  59     if (failedTestCount)
  60         resultSummary += "<br>Details:<br>"+consoleOutput.innerHTML;
  61     else
  62         resultSummary += " <span style='color:green'>PASSED</span>";
  63
  64     document.write(resultSummary);
  65     document.close();
  66
  67     if (window.testRunner)
  68         testRunner.notifyDone();
  69 }
  70
  71 function focusEachChild(elem) {
  72     var childNodes = elem.childNodes;
  73     for (var i = 0; i < childNodes.length; i++) {
  74         if (childNodes[i].nodeType == Node.ELEMENT_NODE && childNodes[i].id) {
  75             childNodes[i].addEventListener('focus',function () { doFocus(this) }, false);
  76             childNodes[i].addEventListener('blur',function () { doBlur(this) }, false);
  77             testProgrammaticFocus(childNodes[i]);
  78         }
  79         if (childNodes[i].childNodes.length)
  80             focusEachChild(childNodes[i]);
  81         if (childNodes[i].tagName =="IFRAME") {
  82             if (childNodes[i].id == "iframe1b") {
  83                 window.frames[0].document.body.focus();
  84             }
  85             focusEachChild(childNodes[i].contentDocument.body);
  86         }
  87     }
  88 }
  89
  90 Array.prototype.find = function(element) {
  91     for (var i = 0; i < this.length; i++) {
  92         if(this[i] == element) {
  93             return this[i];
  94         }
  95     }
  96     return null;
  97 }
  98
  99 function testProgrammaticFocus(elem)
 100 {
 101     var elemThatShouldFocus = null;
 102     var OKtoFocusOtherElement = false;
 103     focusedElem = null;
 104
 105     if (elem.tabIndex == elem.getAttribute("tabindex")) // this means tabindex was explicitly set
 106         elemThatShouldFocus = elem;
 107     else if (tagNamesAlwaysFocused.find(elem.tagName)) // special case form elements and other controls that are always focusable
 108         elemThatShouldFocus = elem;
 109
 110     // Hidden elements should not be focusable. https://bugs.webkit.org/show_bug.cgi?id=27099
 111     if (document.defaultView.getComputedStyle(elem).display == "none" && !noDisplayTagNamesWithFocus.find(elem.tagName))
 112         elemThatShouldFocus = null;
 113
 114     // AREA elements with tabindex = -1 should not be focusable.
 115     if (elem.tabIndex == -1 && elem.tagName == "AREA")
 116         elemThatShouldFocus = null;
 117
 118     if (tagNamesTransferFocused.find(elem.tagName)) {
 119         elemThatShouldFocus = null;
 120         OKtoFocusOtherElement = true;
 121     }
 122
 123     elem.focus();
 124     if (elemThatShouldFocus == focusedElem || (!elemThatShouldFocus && OKtoFocusOtherElement))
 125         printToConsole("<"+elem.tagName+"> "+elem.id+" PASSED focus test");
 126     else {
 127         failedTestCount++;
 128         printToConsole(elem.id+" FAILED - was " + (focusedElem ? "" : " not ") + " focused but focus " + (elemThatShouldFocus ? " was " : " wasn\'t") + " expected");
 129         if (elemThatShouldFocus && focusedElem)
 130             printToConsole("elemThatShouldFocus is <"+elemThatShouldFocus.tagName+"> "+elemThatShouldFocus.id+", focusedElem is <"+focusedElem.tagName+"> "+focusedElem.id);
 131         if (!elemThatShouldFocus)
 132             printToConsole("elemThatShouldFocus is null, focusedElem is <"+focusedElem.tagName+"> "+focusedElem.id);
 133         if (!focusedElem)
 134             printToConsole("elemThatShouldFocus is <"+elemThatShouldFocus.tagName+"> "+elemThatShouldFocus.id+", focusedElem is null");
 135     }
 136 }